@flodesk/grain 9.6.3 → 9.7.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/link.js +34 -19
- package/package.json +1 -1
package/es/components/link.js
CHANGED
|
@@ -2,6 +2,7 @@ import "core-js/modules/es.object.keys.js";
|
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
+
import _styled from "@emotion/styled/base";
|
|
5
6
|
var _excluded = ["children", "tag", "variant"];
|
|
6
7
|
|
|
7
8
|
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); }
|
|
@@ -12,33 +13,47 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
12
13
|
|
|
13
14
|
import { css } from '@emotion/react';
|
|
14
15
|
import React, { forwardRef } from 'react';
|
|
15
|
-
import { getColor } from '../utilities';
|
|
16
16
|
import { styles } from '../foundational';
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
18
|
import { types } from '../types';
|
|
19
19
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAtLWxpbmVQb3NpdGlvbjogLTAuMWVtO1xuICAtLW91dGVyTGluZUNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS1saW5lUG9zaXRpb24pIDAgMCB2YXIoLS1vdXRlckxpbmVDb2xvcik7XG4gIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAmOmhvdmVyIHtcbiAgICAtLW91dGVyTGluZUNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmNvbnN0IEEgPSBzdHlsZWQuYWBcbiAgLS1saW5lQ29sb3I6IGNvbG9yLW1peChpbiBzcmdiLCBjdXJyZW50Q29sb3IgdmFyKC0tZmFkZUEzKSwgdHJhbnNwYXJlbnQpO1xuXG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ25ldXRyYWwnICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tbGluZVBvc2l0aW9uKSAwIDAgdmFyKC0tbGluZUNvbG9yLCBjdXJyZW50Q29sb3IpO1xuXG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxSb290PlxuICAgICAgPEEgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQT5cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
|
|
21
|
+
|
|
22
|
+
var Root = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
23
|
+
target: "er1549x1"
|
|
24
|
+
} : {
|
|
25
|
+
target: "er1549x1",
|
|
26
|
+
label: "Root"
|
|
27
|
+
})(styles.transitions, ";--linePosition:-0.1em;--outerLineColor:transparent;box-shadow:inset 0 var(--linePosition) 0 0 var(--outerLineColor);height:fit-content;display:inline-block;&:hover{--outerLineColor:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAtLWxpbmVQb3NpdGlvbjogLTAuMWVtO1xuICAtLW91dGVyTGluZUNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS1saW5lUG9zaXRpb24pIDAgMCB2YXIoLS1vdXRlckxpbmVDb2xvcik7XG4gIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAmOmhvdmVyIHtcbiAgICAtLW91dGVyTGluZUNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmNvbnN0IEEgPSBzdHlsZWQuYWBcbiAgLS1saW5lQ29sb3I6IGNvbG9yLW1peChpbiBzcmdiLCBjdXJyZW50Q29sb3IgdmFyKC0tZmFkZUEzKSwgdHJhbnNwYXJlbnQpO1xuXG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ25ldXRyYWwnICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tbGluZVBvc2l0aW9uKSAwIDAgdmFyKC0tbGluZUNvbG9yLCBjdXJyZW50Q29sb3IpO1xuXG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxSb290PlxuICAgICAgPEEgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQT5cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
28
|
+
|
|
29
|
+
var A = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
|
|
30
|
+
target: "er1549x0"
|
|
31
|
+
} : {
|
|
32
|
+
target: "er1549x0",
|
|
33
|
+
label: "A"
|
|
34
|
+
})("--lineColor:color-mix(in srgb, currentColor var(--fadeA3), transparent);", function (_ref) {
|
|
35
|
+
var as = _ref.as;
|
|
36
|
+
return as === 'button' && buttonStyles;
|
|
37
|
+
}, ";cursor:pointer;color:inherit;text-decoration:none;display:inline-block;", function (_ref2) {
|
|
38
|
+
var variant = _ref2.variant;
|
|
39
|
+
return variant === 'neutral' && "\n box-shadow: inset 0 var(--linePosition) 0 0 var(--lineColor, currentColor);\n\n ";
|
|
40
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgLS1saW5lUG9zaXRpb246IC0wLjFlbTtcbiAgLS1vdXRlckxpbmVDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tbGluZVBvc2l0aW9uKSAwIDAgdmFyKC0tb3V0ZXJMaW5lQ29sb3IpO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1vdXRlckxpbmVDb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBBID0gc3R5bGVkLmFgXG4gIC0tbGluZUNvbG9yOiBjb2xvci1taXgoaW4gc3JnYiwgY3VycmVudENvbG9yIHZhcigtLWZhZGVBMyksIHRyYW5zcGFyZW50KTtcblxuICAkeyh7IGFzIH0pID0+IGFzID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PlxuICAgIHZhcmlhbnQgPT09ICduZXV0cmFsJyAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLWxpbmVQb3NpdGlvbikgMCAwIHZhcigtLWxpbmVDb2xvciwgY3VycmVudENvbG9yKTtcblxuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdD5cbiAgICAgIDxBIHR5cGU9e3R5cGV9IHJlZj17cmVmfSBhcz17dGFnfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0E+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdzdWJ0bGUnXSksXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
41
|
+
|
|
42
|
+
export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
43
|
+
var children = _ref3.children,
|
|
44
|
+
_ref3$tag = _ref3.tag,
|
|
45
|
+
tag = _ref3$tag === void 0 ? 'a' : _ref3$tag,
|
|
46
|
+
_ref3$variant = _ref3.variant,
|
|
47
|
+
variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
|
|
48
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
49
|
+
|
|
35
50
|
var type = tag === 'button' ? 'button' : undefined;
|
|
36
|
-
return ___EmotionJSX(
|
|
51
|
+
return ___EmotionJSX(Root, null, ___EmotionJSX(A, _extends({
|
|
37
52
|
type: type,
|
|
38
53
|
ref: ref,
|
|
39
54
|
as: tag,
|
|
40
|
-
|
|
41
|
-
}, props), children);
|
|
55
|
+
variant: variant
|
|
56
|
+
}, props), children));
|
|
42
57
|
});
|
|
43
58
|
Link.propTypes = {
|
|
44
59
|
children: PropTypes.node,
|