@flodesk/grain 8.1.2 → 8.2.0

package/es/components/nav.js

@@ -1,14 +1,25 @@
 import _styled from "@emotion/styled/base";
+
+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 React from 'react';
 import PropTypes from 'prop-types';
-import { getColor, getResponsiveTextSize, getSpace, getWeight } from '../utilities';
+import { getColor, getResponsiveOneOf, getResponsiveTextSize, getSpace, getWeight } from '../utilities';
 import { css } from '@emotion/react';
 import { styles } from '../foundational';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var directionStyles = {
-  row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;.NavItemRoot+.NavItemRoot{margin-left:", getSpace('m'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1UiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0U3BhY2UsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgICAuTmF2SXRlbVJvb3QgKyAuTmF2SXRlbVJvb3Qge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7Z2V0U3BhY2UoJ20nKX07XG4gICAgfVxuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tdG9wOiAke2dldFNwYWNlKCdzJyl9O1xuICAgIH1cbiAgYCxcbn07XG5cbmNvbnN0IE5hdlJvb3QgPSBzdHlsZWQubmF2YFxuICBkaXNwbGF5OiBmbGV4O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5cbiAgYSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9IGNsYXNzTmFtZT1cIk5hdkl0ZW1Sb290XCI+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93Jywgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3QgZGlyZWN0aW9uPXtkaXJlY3Rpb259IHNpemU9e3NpemV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTmF2Um9vdD5cbiAgKTtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbn07XG4iXX0= */"),
-  column: /*#__PURE__*/css("flex-direction:column;align-items:start;.NavItemRoot+.NavItemRoot{margin-top:", getSpace('s'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:column;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFNwYWNlLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBkaXJlY3Rpb25TdHlsZXMgPSB7XG4gIHJvdzogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2dldFNwYWNlKCdtJyl9O1xuICAgIH1cbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG5cbiAgICAuTmF2SXRlbVJvb3QgKyAuTmF2SXRlbVJvb3Qge1xuICAgICAgbWFyZ2luLXRvcDogJHtnZXRTcGFjZSgncycpfTtcbiAgICB9XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG59O1xuIl19 */")
+  row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;column-gap:", getSpace('m'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVUiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldFJlc3BvbnNpdmVPbmVPZixcbiAgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLFxuICBnZXRTcGFjZSxcbiAgZ2V0V2VpZ2h0LFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBkaXJlY3Rpb25TdHlsZXMgPSB7XG4gIHJvdzogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ20nKX07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBqdXN0aWZ5Q29udGVudCwgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3QgZGlyZWN0aW9uPXtkaXJlY3Rpb259IHNpemU9e3NpemV9IGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"),
+  column: process.env.NODE_ENV === "production" ? {
+    name: "nzhg9d",
+    styles: "flex-direction:column;align-items:start"
+  } : {
+    name: "ezccne-column",
+    styles: "flex-direction:column;align-items:start;label:column;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXRSZXNwb25zaXZlT25lT2YsXG4gIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgZ2V0U3BhY2UsXG4gIGdldFdlaWdodCxcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdtJyl9O1xuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYCxcbn07XG5cbmNvbnN0IE5hdlJvb3QgPSBzdHlsZWQubmF2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIHJvdy1nYXA6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICR7KHsganVzdGlmeUNvbnRlbnQgfSkgPT4gZ2V0UmVzcG9uc2l2ZU9uZU9mKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCl9O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5cbiAgYSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9IGNsYXNzTmFtZT1cIk5hdkl0ZW1Sb290XCI+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfSBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTmF2Um9vdD5cbiAgKTtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAganVzdGlmeUNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAnc3RhcnQnLFxuICAgICAgJ2VuZCcsXG4gICAgICAnY2VudGVyJyxcbiAgICAgICdzdHJldGNoJyxcbiAgICAgICdzcGFjZS1hcm91bmQnLFxuICAgICAgJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgJ3NwYWNlLWV2ZW5seScsXG4gICAgXSksXG4gICAgUHJvcFR5cGVzLm9iamVjdCxcbiAgXSksXG59O1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
 };
 
 var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production" ? {
@@ -16,43 +27,48 @@ var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production"
 } : {
   target: "esn928h1",
   label: "NavRoot"
-})("display:flex;", function (_ref) {
+})("display:flex;flex-wrap:wrap;row-gap:", getSpace('s'), ";", function (_ref) {
   var direction = _ref.direction;
   return directionStyles[direction];
 }, ";", function (_ref2) {
   var size = _ref2.size;
   return getResponsiveTextSize(size);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICB9XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi10b3A6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICAgfVxuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxufTtcbiJdfQ== */"));
+}, ";", function (_ref3) {
+  var justifyContent = _ref3.justifyContent;
+  return getResponsiveOneOf('justify-content', justifyContent);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0ganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */"));
 
 var NavItemRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "esn928h0"
 } : {
   target: "esn928h0",
   label: "NavItemRoot"
-})(function (_ref3) {
-  var isActive = _ref3.isActive;
-  return !isActive && "color: ".concat(getColor('content2'));
-}, ";", function (_ref4) {
+})(function (_ref4) {
   var isActive = _ref4.isActive;
+  return !isActive && "color: ".concat(getColor('content2'));
+}, ";", function (_ref5) {
+  var isActive = _ref5.isActive;
   return isActive && "font-weight: ".concat(getWeight('medium'));
-}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICB9XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi10b3A6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICAgfVxuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxufTtcbiJdfQ== */"));
+}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0ganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */"));
 
-export var NavItem = function NavItem(_ref5) {
-  var children = _ref5.children,
-      isActive = _ref5.isActive;
+export var NavItem = function NavItem(_ref6) {
+  var children = _ref6.children,
+      isActive = _ref6.isActive;
   return ___EmotionJSX(NavItemRoot, {
     isActive: isActive,
     className: "NavItemRoot"
   }, children);
 };
-export var Nav = function Nav(_ref6) {
-  var children = _ref6.children,
-      _ref6$direction = _ref6.direction,
-      direction = _ref6$direction === void 0 ? 'row' : _ref6$direction,
-      size = _ref6.size;
+export var Nav = function Nav(_ref7) {
+  var children = _ref7.children,
+      _ref7$direction = _ref7.direction,
+      direction = _ref7$direction === void 0 ? 'row' : _ref7$direction,
+      justifyContent = _ref7.justifyContent,
+      size = _ref7.size;
   return ___EmotionJSX(NavRoot, {
     direction: direction,
-    size: size
+    size: size,
+    justifyContent: justifyContent
   }, children);
 };
 NavItem.propTypes = {
@@ -60,5 +76,6 @@ NavItem.propTypes = {
 };
 Nav.propTypes = {
   direction: PropTypes.oneOf(['row', 'column']),
-  size: types.responsiveTextSize
+  size: types.responsiveTextSize,
+  justifyContent: PropTypes.oneOfType([PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']), PropTypes.object])
 };

package/package.json

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