@flodesk/grain 9.12.0 → 9.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import _styled from "@emotion/styled/base";
2
- var _excluded = ["children", "gap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "rows", "autoFlow"];
2
+ var _excluded = ["children", "gap", "columnGap", "rowGap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "rows", "autoFlow"];
3
3
 
4
4
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
5
5
 
@@ -21,6 +21,8 @@ import { Box } from './box';
21
21
  import { jsx as ___EmotionJSX } from "@emotion/react";
22
22
  var gridProps = {
23
23
  gap: types.responsiveSpace,
24
+ columnGap: types.responsiveSpace,
25
+ rowGap: types.responsiveSpace,
24
26
  columns: types.responsiveColumns,
25
27
  rows: types.responsiveRows,
26
28
  autoFlow: types.autoFlow,
@@ -45,17 +47,21 @@ var Root = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
45
47
  var columns = _ref.columns,
46
48
  autoFlow = _ref.autoFlow,
47
49
  gap = _ref.gap,
50
+ columnGap = _ref.columnGap,
51
+ rowGap = _ref.rowGap,
48
52
  rows = _ref.rows,
49
53
  justifyItems = _ref.justifyItems,
50
54
  alignItems = _ref.alignItems,
51
55
  justifyContent = _ref.justifyContent,
52
56
  alignContent = _ref.alignContent;
53
- return "\n ".concat(!columns && getResponsiveOneOf('grid-auto-flow', autoFlow), ";\n ").concat(getResponsiveSpace('gap', gap), ";\n ").concat(getResponsiveOneOf('grid-template-columns', columns), ";\n ").concat(getResponsiveOneOf('grid-template-rows', rows), ";\n ").concat(getResponsiveOneOf('justify-items', justifyItems), ";\n ").concat(getResponsiveOneOf('align-items', alignItems), ";\n ").concat(getResponsiveOneOf('justify-content', justifyContent), ";\n ").concat(getResponsiveOneOf('align-content', alignContent), ";\n ");
54
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5cbmNvbnN0IGdyaWRQcm9wcyA9IHtcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbnM6IHR5cGVzLnJlc3BvbnNpdmVDb2x1bW5zLFxuICByb3dzOiB0eXBlcy5yZXNwb25zaXZlUm93cyxcbiAgYXV0b0Zsb3c6IHR5cGVzLmF1dG9GbG93LFxuICBhbGlnbkl0ZW1zOiB0eXBlcy5ncmlkSXRlbXNBbGlnbm1lbnQsXG4gIGp1c3RpZnlJdGVtczogdHlwZXMuZ3JpZEl0ZW1zQWxpZ25tZW50LFxuICBqdXN0aWZ5Q29udGVudDogdHlwZXMuZ3JpZENvbnRlbnRQb3NpdGlvbixcbiAgYWxpZ25Db250ZW50OiB0eXBlcy5ncmlkQ29udGVudFBvc2l0aW9uLFxufTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChCb3gsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIU9iamVjdC5rZXlzKGdyaWRQcm9wcykuaW5jbHVkZXMocHJvcCksXG59KWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHsoeyBjb2x1bW5zLCBhdXRvRmxvdywgZ2FwLCByb3dzLCBqdXN0aWZ5SXRlbXMsIGFsaWduSXRlbXMsIGp1c3RpZnlDb250ZW50LCBhbGlnbkNvbnRlbnQgfSkgPT4gYFxuICAgICR7IWNvbHVtbnMgJiYgZ2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLWF1dG8tZmxvdycsIGF1dG9GbG93KX07XG4gICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2dhcCcsIGdhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLXRlbXBsYXRlLWNvbHVtbnMnLCBjb2x1bW5zKX07XG4gICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2dyaWQtdGVtcGxhdGUtcm93cycsIHJvd3MpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1pdGVtcycsIGp1c3RpZnlJdGVtcyl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1pdGVtcycsIGFsaWduSXRlbXMpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignYWxpZ24tY29udGVudCcsIGFsaWduQ29udGVudCl9O1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBcnJhbmdlID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZ2FwLFxuICAgICAgYWxpZ25JdGVtcyA9ICdjZW50ZXInLFxuICAgICAganVzdGlmeUl0ZW1zLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25Db250ZW50LFxuICAgICAgY29sdW1ucyxcbiAgICAgIHJvd3MsXG4gICAgICBhdXRvRmxvdyA9ICdjb2x1bW4nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPFJvb3RcbiAgICAgIHJlZj17cmVmfVxuICAgICAgZ2FwPXtnYXB9XG4gICAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfVxuICAgICAganVzdGlmeUl0ZW1zPXtqdXN0aWZ5SXRlbXN9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBhbGlnbkNvbnRlbnQ9e2FsaWduQ29udGVudH1cbiAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICByb3dzPXtyb3dzfVxuICAgICAgYXV0b0Zsb3c9e2F1dG9GbG93fVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Jvb3Q+XG4gICksXG4pO1xuXG5BcnJhbmdlLnByb3BUeXBlcyA9IGdyaWRQcm9wcztcbiJdfQ== */"));
57
+ return "\n ".concat(!columns && getResponsiveOneOf('grid-auto-flow', autoFlow), ";\n ").concat(getResponsiveSpace('gap', gap), ";\n ").concat(getResponsiveSpace('column-gap', columnGap), ";\n ").concat(getResponsiveSpace('row-gap', rowGap), ";\n ").concat(getResponsiveOneOf('grid-template-columns', columns), ";\n ").concat(getResponsiveOneOf('grid-template-rows', rows), ";\n ").concat(getResponsiveOneOf('justify-items', justifyItems), ";\n ").concat(getResponsiveOneOf('align-items', alignItems), ";\n ").concat(getResponsiveOneOf('justify-content', justifyContent), ";\n ").concat(getResponsiveOneOf('align-content', alignContent), ";\n ");
58
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5cbmNvbnN0IGdyaWRQcm9wcyA9IHtcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbkdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByb3dHYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgY29sdW1uczogdHlwZXMucmVzcG9uc2l2ZUNvbHVtbnMsXG4gIHJvd3M6IHR5cGVzLnJlc3BvbnNpdmVSb3dzLFxuICBhdXRvRmxvdzogdHlwZXMuYXV0b0Zsb3csXG4gIGFsaWduSXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUl0ZW1zOiB0eXBlcy5ncmlkSXRlbXNBbGlnbm1lbnQsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5ncmlkQ29udGVudFBvc2l0aW9uLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG59O1xuXG5jb25zdCBSb290ID0gc3R5bGVkKEJveCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhT2JqZWN0LmtleXMoZ3JpZFByb3BzKS5pbmNsdWRlcyhwcm9wKSxcbn0pYFxuICBkaXNwbGF5OiBncmlkO1xuICAkeyh7XG4gICAgY29sdW1ucyxcbiAgICBhdXRvRmxvdyxcbiAgICBnYXAsXG4gICAgY29sdW1uR2FwLFxuICAgIHJvd0dhcCxcbiAgICByb3dzLFxuICAgIGp1c3RpZnlJdGVtcyxcbiAgICBhbGlnbkl0ZW1zLFxuICAgIGp1c3RpZnlDb250ZW50LFxuICAgIGFsaWduQ29udGVudCxcbiAgfSkgPT4gYFxuICAgICR7IWNvbHVtbnMgJiYgZ2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLWF1dG8tZmxvdycsIGF1dG9GbG93KX07XG4gICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2dhcCcsIGdhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdjb2x1bW4tZ2FwJywgY29sdW1uR2FwKX07XG4gICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3Jvdy1nYXAnLCByb3dHYXApfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJywgY29sdW1ucyl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLXRlbXBsYXRlLXJvd3MnLCByb3dzKX07XG4gICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktaXRlbXMnLCBqdXN0aWZ5SXRlbXMpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKX07XG4gICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG4gICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWNvbnRlbnQnLCBhbGlnbkNvbnRlbnQpfTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgQXJyYW5nZSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGdhcCxcbiAgICAgIGNvbHVtbkdhcCxcbiAgICAgIHJvd0dhcCxcbiAgICAgIGFsaWduSXRlbXMgPSAnY2VudGVyJyxcbiAgICAgIGp1c3RpZnlJdGVtcyxcbiAgICAgIGp1c3RpZnlDb250ZW50ID0gJ3N0YXJ0JyxcbiAgICAgIGFsaWduQ29udGVudCxcbiAgICAgIGNvbHVtbnMsXG4gICAgICByb3dzLFxuICAgICAgYXV0b0Zsb3cgPSAnY29sdW1uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxSb290XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGdhcD17Z2FwfVxuICAgICAgY29sdW1uR2FwPXtjb2x1bW5HYXB9XG4gICAgICByb3dHYXA9e3Jvd0dhcH1cbiAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICBqdXN0aWZ5SXRlbXM9e2p1c3RpZnlJdGVtc31cbiAgICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICAgIGFsaWduQ29udGVudD17YWxpZ25Db250ZW50fVxuICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICBhdXRvRmxvdz17YXV0b0Zsb3d9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUm9vdD5cbiAgKSxcbik7XG5cbkFycmFuZ2UucHJvcFR5cGVzID0gZ3JpZFByb3BzO1xuIl19 */"));
55
59
 
56
60
  export var Arrange = /*#__PURE__*/forwardRef(function (_ref2, ref) {
57
61
  var children = _ref2.children,
58
62
  gap = _ref2.gap,
63
+ columnGap = _ref2.columnGap,
64
+ rowGap = _ref2.rowGap,
59
65
  _ref2$alignItems = _ref2.alignItems,
60
66
  alignItems = _ref2$alignItems === void 0 ? 'center' : _ref2$alignItems,
61
67
  justifyItems = _ref2.justifyItems,
@@ -71,6 +77,8 @@ export var Arrange = /*#__PURE__*/forwardRef(function (_ref2, ref) {
71
77
  return ___EmotionJSX(Root, _extends({
72
78
  ref: ref,
73
79
  gap: gap,
80
+ columnGap: columnGap,
81
+ rowGap: rowGap,
74
82
  alignItems: alignItems,
75
83
  justifyItems: justifyItems,
76
84
  justifyContent: justifyContent,
@@ -37,7 +37,7 @@ var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
37
37
  }, ";transition-property:opacity;", function (_ref4) {
38
38
  var isOpen = _ref4.isOpen;
39
39
  return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
40
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgIHdpZHRoID0gJzI1NnB4JyxcbiAgICAgIHRyaWdnZXIsXG4gICAgICBpc09wZW4sXG4gICAgICBvbkNsb3NlLFxuICAgICAgekluZGV4ID0gMSxcbiAgICAgIGhhc1BvcnRhbCA9IHRydWUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmKG51bGwpO1xuICAgIHVzZU9uQ2xpY2tPdXRzaWRlKHdyYXBwZXJSZWYsIG9uQ2xvc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICAgIH0sIFtlc2NQcmVzcywgb25DbG9zZV0pO1xuXG4gICAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KDQpLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCwgbGltaXRlcjogbGltaXRTaGlmdCgpIH0pXSxcbiAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG4gICAgY29uc3QgbWVyZ2VkUmVmID0gbWVyZ2VSZWZzKFtyZWYsIHdyYXBwZXJSZWZdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICAgIDxSb290PlxuICAgICAgICAgIDxkaXYgcmVmPXttZXJnZWRSZWZ9PlxuICAgICAgICAgICAgPENoaWxkcmVuV3JhcHBlclxuICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9DaGlsZHJlbldyYXBwZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm9vdD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgcGFkZGluZzogdHlwZXMuZGltZW5zaW9uLFxuICB3aWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgdHJpZ2dlcjogUHJvcFR5cGVzLm5vZGUsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
40
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgIHdpZHRoID0gJzI1NnB4JyxcbiAgICAgIHRyaWdnZXIsXG4gICAgICBpc09wZW4sXG4gICAgICBvbkNsb3NlLFxuICAgICAgekluZGV4ID0gMSxcbiAgICAgIGhhc1BvcnRhbCA9IHRydWUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmKG51bGwpO1xuICAgIHVzZU9uQ2xpY2tPdXRzaWRlKHdyYXBwZXJSZWYsIG9uQ2xvc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICAgIH0sIFtlc2NQcmVzcywgb25DbG9zZV0pO1xuXG4gICAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KDQpLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCwgbGltaXRlcjogbGltaXRTaGlmdCgpIH0pXSxcbiAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG4gICAgY29uc3QgbWVyZ2VkUmVmID0gbWVyZ2VSZWZzKFtyZWYsIHdyYXBwZXJSZWZdKTtcbiAgICBjb25zdCBtZXJnZWRUcmlnZ2VyUmVmID0gbWVyZ2VSZWZzKFtyZWZlcmVuY2UsIHRyaWdnZXIucmVmXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2Nsb25lRWxlbWVudCh0cmlnZ2VyLCB7IHJlZjogbWVyZ2VkVHJpZ2dlclJlZiB9KX1cbiAgICAgICAgPFJvb3Q+XG4gICAgICAgICAgPGRpdiByZWY9e21lcmdlZFJlZn0+XG4gICAgICAgICAgICA8Q2hpbGRyZW5XcmFwcGVyXG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcGFkZGluZz17cGFkZGluZ31cbiAgICAgICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NoaWxkcmVuV3JhcHBlcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Sb290PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG5cblBvcG92ZXIucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIHdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
41
41
 
42
42
  export var Popover = /*#__PURE__*/forwardRef(function (_ref5, ref) {
43
43
  var children = _ref5.children,
@@ -79,8 +79,9 @@ export var Popover = /*#__PURE__*/forwardRef(function (_ref5, ref) {
79
79
 
80
80
  var Root = hasPortal ? FloatingPortal : Fragment;
81
81
  var mergedRef = mergeRefs([ref, wrapperRef]);
82
+ var mergedTriggerRef = mergeRefs([reference, trigger.ref]);
82
83
  return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/cloneElement(trigger, {
83
- ref: reference
84
+ ref: mergedTriggerRef
84
85
  }), ___EmotionJSX(Root, null, ___EmotionJSX("div", {
85
86
  ref: mergedRef
86
87
  }, ___EmotionJSX(ChildrenWrapper, _extends({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "9.12.0",
3
+ "version": "9.13.0",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "author": "Flodesk",