@flodesk/grain 5.21.2 → 5.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/index.js +2 -1
- package/es/components/link.js +39 -0
- package/package.json +1 -1
package/es/components/index.js
CHANGED
|
@@ -18,4 +18,5 @@ export { Switch } from './switch';
|
|
|
18
18
|
export { Autocomplete } from './autocomplete';
|
|
19
19
|
export { MultiAutocomplete } from './multi-autocomplete';
|
|
20
20
|
export { Dropdown } from './dropdown';
|
|
21
|
-
export { Modal } from './modal';
|
|
21
|
+
export { Modal } from './modal';
|
|
22
|
+
export { Link } from './link';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.array.index-of.js";
|
|
3
|
+
import "core-js/modules/es.symbol.js";
|
|
4
|
+
import "core-js/modules/es.object.assign.js";
|
|
5
|
+
var _excluded = ["children", "tag"];
|
|
6
|
+
|
|
7
|
+
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); }
|
|
8
|
+
|
|
9
|
+
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; }
|
|
10
|
+
|
|
11
|
+
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; }
|
|
12
|
+
|
|
13
|
+
import { css } from '@emotion/react';
|
|
14
|
+
import React, { forwardRef } from 'react';
|
|
15
|
+
import { getColor } from '../utilities';
|
|
16
|
+
import { styles } from '../foundational';
|
|
17
|
+
import PropTypes from 'prop-types';
|
|
18
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
19
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU13QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
|
|
20
|
+
export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
21
|
+
var children = _ref.children,
|
|
22
|
+
_ref$tag = _ref.tag,
|
|
23
|
+
tag = _ref$tag === void 0 ? 'a' : _ref$tag,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
|
|
26
|
+
var Tag = tag;
|
|
27
|
+
return ___EmotionJSX(Tag, _extends({
|
|
28
|
+
ref: ref,
|
|
29
|
+
as: tag,
|
|
30
|
+
css: /*#__PURE__*/css(styles.transitions, ";", tag === 'button' && buttonStyles, ";color:inherit;text-underline-position:under;text-decoration-color:", getColor('fade3'), ";text-underline-offset:calc(2px - 0.1em);&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
|
|
31
|
+
}, props), children);
|
|
32
|
+
});
|
|
33
|
+
Link.propTypes = {
|
|
34
|
+
children: PropTypes.node,
|
|
35
|
+
href: PropTypes.string,
|
|
36
|
+
target: PropTypes.string,
|
|
37
|
+
tag: PropTypes.oneOf(['a', 'button']),
|
|
38
|
+
onClick: PropTypes.func
|
|
39
|
+
};
|