@flodesk/grain 5.21.2 → 5.23.0

package/es/components/index.js

@@ -18,4 +18,5 @@ export { Switch } from './switch';
 export { Autocomplete } from './autocomplete';
 export { MultiAutocomplete } from './multi-autocomplete';
 export { Dropdown } from './dropdown';
-export { Modal } from './modal';
+export { Modal } from './modal';
+export { Link } from './link';

package/es/components/link.js

@@ -0,0 +1,49 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.assign.js";
+var _excluded = ["children", "tag", "variant"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 { css } from '@emotion/react';
+import React, { forwardRef } from 'react';
+import { getColor } from '../utilities';
+import { styles } from '../foundational';
+import PropTypes from 'prop-types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU13QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIHRleHREZWNvcmF0aW9uQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICB9LFxuICBzdWJ0bGU6IHtcbiAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7dmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgICAgICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
+var variantStyles = {
+  neutral: {
+    textDecorationColor: getColor('fade3')
+  },
+  subtle: {
+    textDecorationColor: 'transparent'
+  }
+};
+export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'a' : _ref$tag,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var Tag = tag;
+  return ___EmotionJSX(Tag, _extends({
+    ref: ref,
+    as: tag,
+    css: /*#__PURE__*/css(styles.transitions, ";", tag === 'button' && buttonStyles, ";", variantStyles[variant], ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIHRleHREZWNvcmF0aW9uQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICB9LFxuICBzdWJ0bGU6IHtcbiAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7dmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgICAgICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
+  }, props), children);
+});
+Link.propTypes = {
+  children: PropTypes.node,
+  href: PropTypes.string,
+  target: PropTypes.string,
+  tag: PropTypes.oneOf(['a', 'button']),
+  onClick: PropTypes.func
+};

package/es/icons/icon-share.js

@@ -7,22 +7,15 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconShare = function IconShare(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 20 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#Share_svg__a)"
-  }, ___EmotionJSX("path", {
+  }, props), ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12.03 2H12V0H22.999L23 1V0h1v12h-2V3.414L9.707 15.707l-1.414-1.414L20.586 2H12.029ZM2 4v18h18v-7.889h2V22a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4c0-1.102.89-2 1.998-2H9.888v2H2Z",
+    d: "M0 4a2 2 0 012-2H6v2H1.999 2v16h16v-4h2v4a2 2 0 01-2 2H2a2 2 0 01-2-2V4zm10.029 0H10V2H19v1-1h1v10h-2V5.414l-8.293 8.293-1.414-1.414L16.586 4H10.029z",
     fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "Share_svg__a"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h24v24H0z"
-  }))));
+  }));
 };
 
 export default IconShare;

package/package.json

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