@flodesk/grain 6.10.2 → 6.11.0

package/es/components/arrange.js

@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { getResponsiveDimension, getResponsiveGridColumns, getResponsiveGridRows, getResponsiveSpace } from '../utilities';
+import { getResponsiveDimension, getResponsiveOneOf, getResponsiveSpace } from '../utilities';
 import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
@@ -34,7 +34,7 @@ export var Arrange = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   return ___EmotionJSX("div", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";", getResponsiveGridRows(rows), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGdldFJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGdldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyxcbiAgZ2V0UmVzcG9uc2l2ZUdyaWRSb3dzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgQXJyYW5nZSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGdhcCxcbiAgICAgIGFsaWduSXRlbXMgPSAnY2VudGVyJyxcbiAgICAgIGp1c3RpZnlJdGVtcyxcbiAgICAgIGp1c3RpZnlDb250ZW50ID0gJ3N0YXJ0JyxcbiAgICAgIGFsaWduQ29udGVudCxcbiAgICAgIGNvbHVtbnMsXG4gICAgICByb3dzLFxuICAgICAgYXV0b0Zsb3cgPSAnY29sdW1uJyxcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgJHshY29sdW1ucyAmJiBgZ3JpZC1hdXRvLWZsb3c6ICR7YXV0b0Zsb3d9YH07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdnYXAnLCBnYXApfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlR3JpZENvbHVtbnMoY29sdW1ucyl9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVHcmlkUm93cyhyb3dzKX07XG4gICAgICAgIGp1c3RpZnktaXRlbXM6ICR7anVzdGlmeUl0ZW1zfTtcbiAgICAgICAgYWxpZ24taXRlbXM6ICR7YWxpZ25JdGVtc307XG4gICAgICAgIGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07XG4gICAgICAgIGFsaWduLWNvbnRlbnQ6ICR7YWxpZ25Db250ZW50fTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCd3aWR0aCcsIHdpZHRoKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSxcbik7XG5cbkFycmFuZ2UucHJvcFR5cGVzID0ge1xuICBnYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgY29sdW1uczogdHlwZXMucmVzcG9uc2l2ZUNvbHVtbnMsXG4gIHJvd3M6IHR5cGVzLnJlc3BvbnNpdmVSb3dzLFxuICBhdXRvRmxvdzogdHlwZXMuYXV0b0Zsb3csXG4gIGFsaWduSXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUl0ZW1zOiB0eXBlcy5ncmlkSXRlbXNBbGlnbm1lbnQsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5ncmlkQ29udGVudFBvc2l0aW9uLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG59O1xuIl19 */")
+    css: /*#__PURE__*/css("display:grid;", !columns && getResponsiveOneOf('grid-auto-flow', autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveOneOf('grid-template-columns', columns), ";", getResponsiveOneOf('grid-template-rows', rows), ";", getResponsiveOneOf('justify-items', justifyItems), ";", getResponsiveOneOf('align-items', alignItems), ";", getResponsiveOneOf('justify-content', justifyContent), ";", getResponsiveOneOf('align-content', alignContent), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFJlc3BvbnNpdmVEaW1lbnNpb24sIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBBcnJhbmdlID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZ2FwLFxuICAgICAgYWxpZ25JdGVtcyA9ICdjZW50ZXInLFxuICAgICAganVzdGlmeUl0ZW1zLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25Db250ZW50LFxuICAgICAgY29sdW1ucyxcbiAgICAgIHJvd3MsXG4gICAgICBhdXRvRmxvdyA9ICdjb2x1bW4nLFxuICAgICAgd2lkdGgsXG4gICAgICBoZWlnaHQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8ZGl2XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAkeyFjb2x1bW5zICYmIGdldFJlc3BvbnNpdmVPbmVPZignZ3JpZC1hdXRvLWZsb3cnLCBhdXRvRmxvdyl9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnZ2FwJywgZ2FwKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLXRlbXBsYXRlLWNvbHVtbnMnLCBjb2x1bW5zKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdncmlkLXRlbXBsYXRlLXJvd3MnLCByb3dzKX07XG5cbiAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktaXRlbXMnLCBqdXN0aWZ5SXRlbXMpfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyl9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWNvbnRlbnQnLCBhbGlnbkNvbnRlbnQpfTtcblxuICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApLFxuKTtcblxuQXJyYW5nZS5wcm9wVHlwZXMgPSB7XG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5zOiB0eXBlcy5yZXNwb25zaXZlQ29sdW1ucyxcbiAgcm93czogdHlwZXMucmVzcG9uc2l2ZVJvd3MsXG4gIGF1dG9GbG93OiB0eXBlcy5hdXRvRmxvdyxcbiAgYWxpZ25JdGVtczogdHlwZXMuZ3JpZEl0ZW1zQWxpZ25tZW50LFxuICBqdXN0aWZ5SXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIGFsaWduQ29udGVudDogdHlwZXMuZ3JpZENvbnRlbnRQb3NpdGlvbixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbn07XG4iXX0= */")
   }, props), children);
 });
 Arrange.propTypes = {

package/es/components/box.js

@@ -62,7 +62,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
-    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2xvcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlckNvbG9yID0gJ2JvcmRlcicsXG4gICAgICBib3JkZXJXaWR0aCA9ICcxcHgnLFxuICAgICAgYm9yZGVyU2lkZSxcbiAgICAgIHdpZHRoLFxuICAgICAgbWluV2lkdGgsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1pbkhlaWdodCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgIHJhZGl1cyxcbiAgICAgIHBhZGRpbmcsXG4gICAgICBwYWRkaW5nVG9wLFxuICAgICAgcGFkZGluZ0JvdHRvbSxcbiAgICAgIHBhZGRpbmdMZWZ0LFxuICAgICAgcGFkZGluZ1JpZ2h0LFxuICAgICAgcGFkZGluZ1gsXG4gICAgICBwYWRkaW5nWSxcbiAgICAgIG1hcmdpbixcbiAgICAgIG1hcmdpblRvcCxcbiAgICAgIG1hcmdpbkJvdHRvbSxcbiAgICAgIG1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5SaWdodCxcbiAgICAgIG1hcmdpblgsXG4gICAgICBtYXJnaW5ZLFxuICAgICAgcG9zaXRpb24sXG4gICAgICB0b3AsXG4gICAgICBib3R0b20sXG4gICAgICBsZWZ0LFxuICAgICAgcmlnaHQsXG4gICAgICBzaGFkb3csXG4gICAgICBvdmVyZmxvdyxcbiAgICAgIGFzcGVjdFJhdGlvLFxuICAgICAgekluZGV4LFxuICAgICAgdGFnID0gJ2RpdicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG59O1xuIl19 */")
+    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2xvcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlckNvbG9yID0gJ2JvcmRlcicsXG4gICAgICBib3JkZXJXaWR0aCA9ICcxcHgnLFxuICAgICAgYm9yZGVyU2lkZSxcbiAgICAgIHdpZHRoLFxuICAgICAgbWluV2lkdGgsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1pbkhlaWdodCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgIHJhZGl1cyxcbiAgICAgIHBhZGRpbmcsXG4gICAgICBwYWRkaW5nVG9wLFxuICAgICAgcGFkZGluZ0JvdHRvbSxcbiAgICAgIHBhZGRpbmdMZWZ0LFxuICAgICAgcGFkZGluZ1JpZ2h0LFxuICAgICAgcGFkZGluZ1gsXG4gICAgICBwYWRkaW5nWSxcbiAgICAgIG1hcmdpbixcbiAgICAgIG1hcmdpblRvcCxcbiAgICAgIG1hcmdpbkJvdHRvbSxcbiAgICAgIG1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5SaWdodCxcbiAgICAgIG1hcmdpblgsXG4gICAgICBtYXJnaW5ZLFxuICAgICAgcG9zaXRpb24sXG4gICAgICB0b3AsXG4gICAgICBib3R0b20sXG4gICAgICBsZWZ0LFxuICAgICAgcmlnaHQsXG4gICAgICBzaGFkb3csXG4gICAgICBvdmVyZmxvdyxcbiAgICAgIGFzcGVjdFJhdGlvLFxuICAgICAgekluZGV4LFxuICAgICAgdGFnID0gJ2RpdicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */")
   }, props), children);
 });
 Box.propTypes = {
@@ -100,5 +100,6 @@ Box.propTypes = {
   right: types.responsiveSpace,
   overflow: types.overflow,
   aspectRatio: PropTypes.string,
-  zIndex: types.zIndex
+  zIndex: types.zIndex,
+  tag: PropTypes.string
 };

package/es/components/popover.js

@@ -11,89 +11,87 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { types } from '../types';
-import { Box } from './box';
-import { placementStyles } from '../foundational';
+import { placementsMap } from '../foundational';
 import { useKeyPress, useOnClickOutside } from '../hooks';
 import { getColor, getDimension, getRadius, getShadow, getSpace, getTransition } from '../utilities';
+import { useFloating, autoUpdate, offset, flip, FloatingPortal, shift, limitShift } from '@floating-ui/react-dom-interactions';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var Trigger = function Trigger(_ref) {
-  var children = _ref.children,
-      isOpen = _ref.isOpen,
-      escPress = _ref.escPress;
-  var ref = useRef();
-  useEffect(function () {
-    if (isOpen && escPress) {
-      ref.current.children[0].focus();
-    }
-  }, [isOpen, escPress]);
-  return ___EmotionJSX("div", {
-    ref: ref
-  }, children);
-};
-
 var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e192jyte0"
 } : {
   target: "e192jyte0",
   label: "ChildrenWrapper"
-})(function (_ref2) {
-  var width = _ref2.width;
+})(function (_ref) {
+  var width = _ref.width;
   return "width: ".concat(getDimension(width));
-}, ";", function (_ref3) {
-  var padding = _ref3.padding;
+}, ";", function (_ref2) {
+  var padding = _ref2.padding;
   return "padding: ".concat(getSpace(padding));
-}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";position:absolute;background:", getColor('background'), ";", function (_ref4) {
-  var zIndex = _ref4.zIndex;
+}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";background:", getColor('background'), ";", function (_ref3) {
+  var zIndex = _ref3.zIndex;
   return "z-index: ".concat(zIndex);
-}, ";", function (_ref5) {
-  var placement = _ref5.placement;
-  return placementStyles[placement];
-}, ";transition-property:opacity;", function (_ref6) {
-  var isOpen = _ref6.isOpen;
+}, ";transition-property:opacity;", function (_ref4) {
+  var isOpen = _ref4.isOpen;
   return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBwbGFjZW1lbnRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdXNlS2V5UHJlc3MsIHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSAnLi4vaG9va3MnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldERpbWVuc2lvbixcbiAgZ2V0UmFkaXVzLFxuICBnZXRTaGFkb3csXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBUcmlnZ2VyID0gKHsgY2hpbGRyZW4sIGlzT3BlbiwgZXNjUHJlc3MgfSkgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWYoKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuICYmIGVzY1ByZXNzKSB7XG4gICAgICByZWYuY3VycmVudC5jaGlsZHJlblswXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW2lzT3BlbiwgZXNjUHJlc3NdKTtcblxuICByZXR1cm4gPGRpdiByZWY9e3JlZn0+e2NoaWxkcmVufTwvZGl2Pjtcbn07XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgJHsoeyBwbGFjZW1lbnQgfSkgPT4gcGxhY2VtZW50U3R5bGVzW3BsYWNlbWVudF19O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5O1xuICAkeyh7IGlzT3BlbiB9KSA9PlxuICAgIGlzT3BlblxuICAgICAgPyBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX1gXG4gICAgICA6IGB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9OyBvcGFjaXR5OiAwOyBwb2ludGVyLWV2ZW50czogbm9uZTtgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3BvdmVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHBhZGRpbmcgPSAnbCcsXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICB3aWR0aCA9IDMyLFxuICB0cmlnZ2VyLFxuICBpc09wZW4sXG4gIG9uQ2xvc2UsXG4gIHpJbmRleCA9IDEsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZigpO1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcblxuICB1c2VPbkNsaWNrT3V0c2lkZShyZWYsIG9uQ2xvc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICB9LCBbZXNjUHJlc3MsIG9uQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiB3aWR0aD1cImZpdC1jb250ZW50XCIgey4uLnByb3BzfT5cbiAgICAgIDxUcmlnZ2VyIGlzT3Blbj17aXNPcGVufSBvbkNsb3NlPXtvbkNsb3NlfSBlc2NQcmVzcz17ZXNjUHJlc3N9PlxuICAgICAgICB7dHJpZ2dlcn1cbiAgICAgIDwvVHJpZ2dlcj5cblxuICAgICAgPENoaWxkcmVuV3JhcHBlclxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgcGFkZGluZz17cGFkZGluZ31cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuUG9wb3Zlci5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgd2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdXNlS2V5UHJlc3MsIHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSAnLi4vaG9va3MnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldERpbWVuc2lvbixcbiAgZ2V0UmFkaXVzLFxuICBnZXRTaGFkb3csXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICR7KHsgaXNPcGVuIH0pID0+XG4gICAgaXNPcGVuXG4gICAgICA/IGB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfWBcbiAgICAgIDogYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07IG9wYWNpdHk6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcGFkZGluZyA9ICdsJyxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIHdpZHRoID0gJzI1NnB4JyxcbiAgdHJpZ2dlcixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICB6SW5kZXggPSAxLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgdXNlT25DbGlja091dHNpZGUod3JhcHBlclJlZiwgb25DbG9zZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXNjUHJlc3MpIG9uQ2xvc2UoKTtcbiAgfSwgW2VzY1ByZXNzLCBvbkNsb3NlXSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQoNCksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0LCBsaW1pdGVyOiBsaW1pdFNoaWZ0KCkgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgICAgICA8Q2hpbGRyZW5XcmFwcGVyXG4gICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICBwYWRkaW5nPXtwYWRkaW5nfVxuICAgICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NoaWxkcmVuV3JhcHBlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgIDwvPlxuICApO1xufTtcblxuUG9wb3Zlci5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgd2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXX0= */"));
 
-export var Popover = function Popover(_ref7) {
-  var children = _ref7.children,
-      _ref7$padding = _ref7.padding,
-      padding = _ref7$padding === void 0 ? 'l' : _ref7$padding,
-      _ref7$placement = _ref7.placement,
-      placement = _ref7$placement === void 0 ? 'bottom' : _ref7$placement,
-      _ref7$width = _ref7.width,
-      width = _ref7$width === void 0 ? 32 : _ref7$width,
-      trigger = _ref7.trigger,
-      isOpen = _ref7.isOpen,
-      onClose = _ref7.onClose,
-      _ref7$zIndex = _ref7.zIndex,
-      zIndex = _ref7$zIndex === void 0 ? 1 : _ref7$zIndex,
-      props = _objectWithoutProperties(_ref7, _excluded);
+export var Popover = function Popover(_ref5) {
+  var children = _ref5.children,
+      _ref5$padding = _ref5.padding,
+      padding = _ref5$padding === void 0 ? 'l' : _ref5$padding,
+      _ref5$placement = _ref5.placement,
+      placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
+      _ref5$width = _ref5.width,
+      width = _ref5$width === void 0 ? '256px' : _ref5$width,
+      trigger = _ref5.trigger,
+      isOpen = _ref5.isOpen,
+      onClose = _ref5.onClose,
+      _ref5$zIndex = _ref5.zIndex,
+      zIndex = _ref5$zIndex === void 0 ? 1 : _ref5$zIndex,
+      props = _objectWithoutProperties(_ref5, _excluded);
 
-  var ref = useRef();
   var escPress = useKeyPress('Escape');
-  useOnClickOutside(ref, onClose);
+  var wrapperRef = useRef(null);
+  useOnClickOutside(wrapperRef, onClose);
   useEffect(function () {
     if (escPress) onClose();
   }, [escPress, onClose]);
-  return ___EmotionJSX(Box, _extends({
-    ref: ref,
-    position: "relative",
-    width: "fit-content"
-  }, props), ___EmotionJSX(Trigger, {
-    isOpen: isOpen,
-    onClose: onClose,
-    escPress: escPress
-  }, trigger), ___EmotionJSX(ChildrenWrapper, _extends({
-    isOpen: isOpen,
-    ref: ref,
+
+  var _useFloating = useFloating({
+    placement: placementsMap[placement],
+    middleware: [offset(4), flip(), shift({
+      padding: 4,
+      limiter: limitShift()
+    })],
+    whileElementsMounted: autoUpdate
+  }),
+      x = _useFloating.x,
+      y = _useFloating.y,
+      reference = _useFloating.reference,
+      floating = _useFloating.floating,
+      strategy = _useFloating.strategy;
+
+  return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/cloneElement(trigger, {
+    ref: reference
+  }), ___EmotionJSX(FloatingPortal, null, ___EmotionJSX("div", {
+    ref: wrapperRef
+  }, ___EmotionJSX(ChildrenWrapper, _extends({
     width: width,
     padding: padding,
     zIndex: zIndex,
-    placement: placement
-  }, props), children));
+    className: "grn-context",
+    isOpen: isOpen,
+    ref: floating,
+    style: {
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0
+    }
+  }, props), children))));
 };
 Popover.propTypes = {
   padding: types.dimension,

package/es/components/text.js

@@ -12,17 +12,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { getColor, getResponsiveTextSize, getWeight } from '../utilities';
+import { getColor, getResponsiveOneOf, getResponsiveTextSize, getWeight } from '../utilities';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variantStyles = {
-  caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmNvbnN0IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgPSBgY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIDAuNzRlbSkgLyAtMilgO1xuXG5jb25zdCB0cmltVG9wU3R5bGVzID0gY3NzYFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWFyZ2luLXRvcDogJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtJyxcbiAgd2VpZ2h0LFxuICBjb2xvcixcbiAgdGFnID0gJ3NwYW4nLFxuICBoYXNFbGxpcHNpcyxcbiAgZWxsaXBzaXNMaW5lcyxcbiAgYWxpZ24sXG4gIGxldHRlclNwYWNpbmcsXG4gIHRleHRUcmFuc2Zvcm0sXG4gIHZhcmlhbnQsXG4gIHRyaW1Ub3AsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICBgXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgJHt3ZWlnaHQgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCh3ZWlnaHQpfWB9O1xuICAgICAgICBgfVxuXG4gICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgYH07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgYH07XG4gICAgICAgICR7dHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbiAgdHJpbVRvcDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */")
+  caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY3NzYFxuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ3NlbWlCb2xkJyl9O1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDAuMmVtO1xuICBgLFxufTtcblxuY29uc3QgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gMC43NGVtKSAvIC0yKWA7XG5cbmNvbnN0IHRyaW1Ub3BTdHlsZXMgPSBjc3NgXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tdG9wOiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgdHJpbVRvcCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCd0ZXh0LWFsaWduJywgYWxpZ24pfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgYH07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgYH07XG4gICAgICAgICR7dHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnJlc3BvbnNpdmVUZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
 };
 var lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - 0.74em) / -2)";
-var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-top:", lineHeightAndCapHeightOffset, ";display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY3NzYFxuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ3NlbWlCb2xkJyl9O1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDAuMmVtO1xuICBgLFxufTtcblxuY29uc3QgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gMC43NGVtKSAvIC0yKWA7XG5cbmNvbnN0IHRyaW1Ub3BTdHlsZXMgPSBjc3NgXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tdG9wOiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgdHJpbVRvcCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgICAgJHt0cmltVG9wICYmIHRyaW1Ub3BTdHlsZXN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMudGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxuICB0cmltVG9wOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */");
+var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-top:", lineHeightAndCapHeightOffset, ";display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZU9uZU9mLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5jb25zdCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSAwLjc0ZW0pIC8gLTIpYDtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGNzc2BcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6ICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICB0cmltVG9wLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ3RleHQtYWxpZ24nLCBhbGlnbil9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgICAgJHt0cmltVG9wICYmIHRyaW1Ub3BTdHlsZXN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMucmVzcG9uc2l2ZVRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbiAgdHJpbVRvcDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */");
 export var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
@@ -42,14 +42,14 @@ export var Text = function Text(_ref) {
 
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
-    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";", trimTop && trimTopStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5jb25zdCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSAwLjc0ZW0pIC8gLTIpYDtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGNzc2BcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6ICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICB0cmltVG9wLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgICAke3RyaW1Ub3AgJiYgdHJpbVRvcFN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn07XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy50ZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
+    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";", getResponsiveOneOf('text-align', align), ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";", trimTop && trimTopStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmNvbnN0IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgPSBgY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIDAuNzRlbSkgLyAtMilgO1xuXG5jb25zdCB0cmltVG9wU3R5bGVzID0gY3NzYFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWFyZ2luLXRvcDogJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtJyxcbiAgd2VpZ2h0LFxuICBjb2xvcixcbiAgdGFnID0gJ3NwYW4nLFxuICBoYXNFbGxpcHNpcyxcbiAgZWxsaXBzaXNMaW5lcyxcbiAgYWxpZ24sXG4gIGxldHRlclNwYWNpbmcsXG4gIHRleHRUcmFuc2Zvcm0sXG4gIHZhcmlhbnQsXG4gIHRyaW1Ub3AsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICBgXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgJHt3ZWlnaHQgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCh3ZWlnaHQpfWB9O1xuICAgICAgICBgfVxuXG4gICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVPbmVPZigndGV4dC1hbGlnbicsIGFsaWduKX07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgICAke3RyaW1Ub3AgJiYgdHJpbVRvcFN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn07XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy5yZXNwb25zaXZlVGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxuICB0cmltVG9wOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */")
   }, props), children);
 };
 Text.propTypes = {
   size: types.responsiveTextSize,
   weight: types.weight,
   color: types.color,
-  align: types.textAlign,
+  align: types.responsiveTextAlign,
   tag: types.textTag,
   hasEllipsis: PropTypes.bool,
   ellipsisLines: PropTypes.number,

package/es/components/tooltip.js

@@ -9,8 +9,21 @@ import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.define-properties.js";
 import _styled from "@emotion/styled/base";
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -25,31 +38,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { PropTypes } from 'prop-types';
-import React, { useState } from 'react';
+import React, { cloneElement, useState } from 'react';
 import { types } from '../types';
 import { useFloating, autoUpdate, offset, flip, useHover, useFocus, useDismiss, useRole, useInteractions, FloatingPortal, shift } from '@floating-ui/react-dom-interactions';
 import { getColor, getRadius, getTransition } from '../utilities';
 import { placementsMap } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1063o0x1"
-} : {
-  target: "e1063o0x1",
-  label: "ChildrenWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1tjylrs",
-  styles: "width:fit-content"
-} : {
-  name: "1tjylrs",
-  styles: "width:fit-content",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdncmV5OCcpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXkxJyl9O1xuICBwYWRkaW5nOiAxMnB4IDE2cHg7XG4gIG1heC13aWR0aDogMzIwcHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgaXNPcGVuIH0pID0+ICFpc09wZW4gJiYgYG9wYWNpdHk6IDA7YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHsgY2hpbGRyZW4sIGNvbnRlbnQsIHBsYWNlbWVudCA9ICd0b3AnIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldE9wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCg0KSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuXG4gICAgICA8Q2hpbGRyZW5XcmFwcGVyIHJlZj17cmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
 var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1063o0x0"
 } : {
@@ -58,7 +54,7 @@ var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
 })("background:", getColor('grey8'), ";color:", getColor('grey1'), ";padding:12px 16px;max-width:320px;width:max-content;border-radius:", getRadius('s'), ";", function (_ref) {
   var isOpen = _ref.isOpen;
   return !isOpen && "opacity: 0;";
-}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdncmV5OCcpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXkxJyl9O1xuICBwYWRkaW5nOiAxMnB4IDE2cHg7XG4gIG1heC13aWR0aDogMzIwcHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgaXNPcGVuIH0pID0+ICFpc09wZW4gJiYgYG9wYWNpdHk6IDA7YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHsgY2hpbGRyZW4sIGNvbnRlbnQsIHBsYWNlbWVudCA9ICd0b3AnIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldE9wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCg0KSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICBpc09wZW49e29wZW59XG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuXG4gICAgICA8Q2hpbGRyZW5XcmFwcGVyIHJlZj17cmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */"));
+}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VGbG9hdGluZyxcbiAgYXV0b1VwZGF0ZSxcbiAgb2Zmc2V0LFxuICBmbGlwLFxuICB1c2VIb3ZlcixcbiAgdXNlRm9jdXMsXG4gIHVzZURpc21pc3MsXG4gIHVzZVJvbGUsXG4gIHVzZUludGVyYWN0aW9ucyxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2dyZXk4Jyl9O1xuICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTEnKX07XG4gIHBhZGRpbmc6IDEycHggMTZweDtcbiAgbWF4LXdpZHRoOiAzMjBweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgJHsoeyBpc09wZW4gfSkgPT4gIWlzT3BlbiAmJiBgb3BhY2l0eTogMDtgfTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX0gMC4wN3M7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoeyBjaGlsZHJlbiwgY29udGVudCwgcGxhY2VtZW50ID0gJ3RvcCcgfSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KDQpLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZm9jdXMgPSB1c2VGb2N1cyhjb250ZXh0KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBmb2N1cywgZGlzbWlzcywgcm9sZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cblxuICAgICAge2Nsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHJlZmVyZW5jZSxcbiAgICAgICAgLi4uZ2V0UmVmZXJlbmNlUHJvcHMoKSxcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */"));
 
 export var Tooltip = function Tooltip(_ref2) {
   var children = _ref2.children,
@@ -68,12 +64,12 @@ export var Tooltip = function Tooltip(_ref2) {
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1];
 
   var _useFloating = useFloating({
     placement: placementsMap[placement],
-    onOpenChange: setOpen,
+    onOpenChange: setIsOpen,
     middleware: [offset(4), flip(), shift({
       padding: 4
     })],
@@ -101,16 +97,16 @@ export var Tooltip = function Tooltip(_ref2) {
 
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(FloatingPortal, null, ___EmotionJSX(ContentWrapper, _extends({
     className: "grn-context",
-    isOpen: open,
+    isOpen: isOpen,
     ref: floating,
     style: {
       position: strategy,
       top: y !== null && y !== void 0 ? y : 0,
       left: x !== null && x !== void 0 ? x : 0
     }
-  }, getFloatingProps()), content)), ___EmotionJSX(ChildrenWrapper, _extends({
+  }, getFloatingProps()), content)), /*#__PURE__*/cloneElement(children, _objectSpread({
     ref: reference
-  }, getReferenceProps()), children));
+  }, getReferenceProps())));
 };
 Tooltip.Content = ContentWrapper;
 Tooltip.propTypes = {

package/es/types.js

@@ -15,17 +15,16 @@ export var types = {
   shadow: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.shadows)), PropTypes.string]),
   position: PropTypes.oneOf(['static', 'relative', 'fixed', 'absolute', 'sticky']),
   responsiveTextSize: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.texts)), PropTypes.string, PropTypes.object]),
+  responsiveTextAlign: PropTypes.oneOfType([PropTypes.oneOf(['left', 'center', 'right']), PropTypes.string, PropTypes.object]),
   iconSize: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.icons)), PropTypes.number, PropTypes.string]),
   weight: PropTypes.oneOf(Object.keys(vars.weights)),
-  textAlign: PropTypes.oneOf(['left', 'center', 'right']),
   overflow: PropTypes.oneOf(['visible', 'hidden', 'scroll', 'auto']),
-  fieldSize: PropTypes.oneOf(['s', 'm']),
   textTag: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label']),
   responsiveColumns: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   responsiveRows: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  autoFlow: PropTypes.oneOf(autoFlows),
-  gridItemsAlignment: PropTypes.oneOf(gridItemsAlignments),
-  gridContentPosition: PropTypes.oneOf(gridContentPositions),
+  autoFlow: PropTypes.oneOfType([PropTypes.oneOf(autoFlows), PropTypes.string, PropTypes.object]),
+  gridItemsAlignment: PropTypes.oneOfType([PropTypes.oneOf(gridItemsAlignments), PropTypes.object]),
+  gridContentPosition: PropTypes.oneOfType([PropTypes.oneOf(gridContentPositions), PropTypes.object]),
   icon: PropTypes.node,
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),

package/es/utilities/responsive.js

@@ -56,8 +56,7 @@ export var mapObjToMedia = function mapObjToMedia(property, obj, type) {
 
     return getMediaCss(mediaQuery, property, checkValueInVars(value));
   });
-  declarations.join('');
-  return declarations;
+  return declarations.join('');
 };
 export var getDimension = function getDimension(dimension) {
   if (dimension === 0) return dimension;
@@ -103,6 +102,15 @@ export var getTextSize = function getTextSize(size) {
 
   if (isString(size)) return size;
 };
+export var getResponsiveOneOf = function getResponsiveOneOf(property, value) {
+  if (!value) return;
+
+  if (isObject(value)) {
+    return mapObjToMedia(property, value);
+  }
+
+  return "".concat(property, ": ").concat(value);
+};
 export var getResponsiveTextSize = function getResponsiveTextSize(size) {
   if (!size) return;
   var property = 'font-size';
@@ -112,24 +120,4 @@ export var getResponsiveTextSize = function getResponsiveTextSize(size) {
   }
 
   return "".concat(property, ": ").concat(getTextSize(size));
-};
-export var getResponsiveGridColumns = function getResponsiveGridColumns(columns) {
-  if (!columns) return;
-  var property = 'grid-template-columns';
-
-  if (isObject(columns)) {
-    return mapObjToMedia(property, columns);
-  }
-
-  return "".concat(property, ": ").concat(columns);
-};
-export var getResponsiveGridRows = function getResponsiveGridRows(rows) {
-  if (!rows) return;
-  var property = 'grid-template-rows';
-
-  if (isObject(rows)) {
-    return mapObjToMedia(property, rows);
-  }
-
-  return "".concat(property, ": ").concat(rows);
 };

package/package.json

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