@flodesk/grain 7.8.1 → 7.9.1

package/es/components/index.js

@@ -24,4 +24,5 @@ export { Popover } from './popover';
 export { Tooltip } from './tooltip';
 export { Progress } from './progress';
 export { Textarea } from './textarea';
-export { Pagination } from './pagination';
+export { Pagination } from './pagination';
+export { Nav, NavItem } from './nav';

package/es/components/nav.js

@@ -0,0 +1,63 @@
+import _styled from "@emotion/styled/base";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getColor, 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;gap:", getSpace('m'), ";align-items:baseline;" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1UiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0U3BhY2UsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBnYXA6ICR7Z2V0U3BhY2UoJ20nKX07XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogJHtnZXRTcGFjZSgneHMnKX07XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBzaXplIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gc2l6ZT17c2l6ZX0+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JyB9KSA9PiB7XG4gIHJldHVybiA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0+e2NoaWxkcmVufTwvTmF2Um9vdD47XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG59O1xuIl19 */"),
+  column: /*#__PURE__*/css("flex-direction:column;gap:", getSpace('xs'), ";align-items:start;" + (process.env.NODE_ENV === "production" ? "" : ";label:column;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2EiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0U3BhY2UsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBnYXA6ICR7Z2V0U3BhY2UoJ20nKX07XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogJHtnZXRTcGFjZSgneHMnKX07XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBzaXplIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gc2l6ZT17c2l6ZX0+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JyB9KSA9PiB7XG4gIHJldHVybiA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0+e2NoaWxkcmVufTwvTmF2Um9vdD47XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG59O1xuIl19 */")
+};
+
+var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production" ? {
+  target: "esn928h1"
+} : {
+  target: "esn928h1",
+  label: "NavRoot"
+})("display:flex;", function (_ref) {
+  var direction = _ref.direction;
+  return directionStyles[direction];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAke2dldFNwYWNlKCd4cycpfTtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIHNpemUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBzaXplPXtzaXplfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnIH0pID0+IHtcbiAgcmV0dXJuIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT57Y2hpbGRyZW59PC9OYXZSb290Pjtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbn07XG4iXX0= */"));
+
+var NavItemRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esn928h0"
+} : {
+  target: "esn928h0",
+  label: "NavItemRoot"
+})(function (_ref2) {
+  var isActive = _ref2.isActive;
+  return !isActive && "color: ".concat(getColor('content2'));
+}, ";", function (_ref3) {
+  var isActive = _ref3.isActive;
+  return isActive && "font-weight: ".concat(getWeight('medium'));
+}, ";", function (_ref4) {
+  var size = _ref4.size;
+  return getResponsiveTextSize(size);
+}, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAke2dldFNwYWNlKCd4cycpfTtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIHNpemUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBzaXplPXtzaXplfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnIH0pID0+IHtcbiAgcmV0dXJuIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT57Y2hpbGRyZW59PC9OYXZSb290Pjtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbn07XG4iXX0= */"));
+
+export var NavItem = function NavItem(_ref5) {
+  var children = _ref5.children,
+      isActive = _ref5.isActive,
+      size = _ref5.size;
+  return ___EmotionJSX(NavItemRoot, {
+    isActive: isActive,
+    size: size
+  }, children);
+};
+export var Nav = function Nav(_ref6) {
+  var children = _ref6.children,
+      _ref6$direction = _ref6.direction,
+      direction = _ref6$direction === void 0 ? 'row' : _ref6$direction;
+  return ___EmotionJSX(NavRoot, {
+    direction: direction
+  }, children);
+};
+NavItem.propTypes = {
+  isActive: PropTypes.bool,
+  size: types.responsiveTextSize
+};
+Nav.propTypes = {
+  direction: PropTypes.oneOf(['row', 'column'])
+};

package/package.json

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