@flodesk/grain 9.7.7 → 9.7.8

package/es/components/link.js

@@ -17,27 +17,34 @@ import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAtLXVuZGVybGluZUhlaWdodDogLTAuMWVtO1xuICAtLW91dGVyVW5kZXJsaW5lQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLXBhZGRpbmc6IDAuMDdlbSAwO1xuICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLW91dGVyVW5kZXJsaW5lQ29sb3IpO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuXG4gICY6aG92ZXIge1xuICAgIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5cbiAgYSB7XG4gICAgLy8gcHJldmVudCBjb2xvciwgdGV4dC1kZWNvcmF0aW9uLCBhbmQgYm9yZGVyLXJhZGl1cyBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBBID0gc3R5bGVkLmFgXG4gIC0tbGluZUNvbG9yOiBjb2xvci1taXgoaW4gc3JnYiwgY3VycmVudENvbG9yIHZhcigtLWZhZGVBMyksIHRyYW5zcGFyZW50KTtcblxuICAkeyh7IGFzIH0pID0+IGFzID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICB2YXJpYW50ID09PSAnbmV1dHJhbCcgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS11bmRlcmxpbmVIZWlnaHQpIDAgMCB2YXIoLS1saW5lQ29sb3IsIGN1cnJlbnRDb2xvcik7XG5cbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgLy8gc3BhbiBpcyB1c2VkIHRvIHByZXZlbnQgZ3Jvd2luZyBSb290IGhlaWdodFxuICAgIDxzcGFuPlxuICAgICAgPFJvb3Q+XG4gICAgICAgIDxBIHR5cGU9e3R5cGV9IHJlZj17cmVmfSBhcz17dGFnfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9BPlxuICAgICAgPC9Sb290PlxuICAgIDwvc3Bhbj5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuYWBcbiAgLS11bmRlcmxpbmVIZWlnaHQ6IC0wLjFlbTtcbiAgLS1vdXRlclVuZGVybGluZUNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1wYWRkaW5nOiAwLjA3ZW0gMDtcbiAgLS1saW5lQ29sb3I6IGNvbG9yLW1peChpbiBzcmdiLCBjdXJyZW50Q29sb3IgdmFyKC0tZmFkZUEzKSwgdHJhbnNwYXJlbnQpO1xuXG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1vdXRlclVuZGVybGluZUNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmNvbnN0IE91dGVyID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PlxuICAgIHZhcmlhbnQgPT09ICduZXV0cmFsJyAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLWxpbmVDb2xvciwgY3VycmVudENvbG9yKTtcblxuICBgfTtcbmA7XG5cbmNvbnN0IElubmVyID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgcGFkZGluZzogdmFyKC0tcGFkZGluZyk7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tdW5kZXJsaW5lSGVpZ2h0KSAwIDAgdmFyKC0tb3V0ZXJVbmRlcmxpbmVDb2xvcik7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICA8T3V0ZXIgdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxJbm5lcj57Y2hpbGRyZW59PC9Jbm5lcj5cbiAgICAgIDwvT3V0ZXI+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdzdWJ0bGUnXSksXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */");
 
-var Root = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+var Root = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
+  target: "er1549x2"
+} : {
+  target: "er1549x2",
+  label: "Root"
+})("--underlineHeight:-0.1em;--outerUnderlineColor:transparent;--padding:0.07em 0;--lineColor:color-mix(in srgb, currentColor var(--fadeA3), transparent);", function (_ref) {
+  var as = _ref.as;
+  return as === 'button' && buttonStyles;
+}, ";cursor:pointer;display:inline;color:inherit;text-decoration:none;&:hover{--outerUnderlineColor:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuYWBcbiAgLS11bmRlcmxpbmVIZWlnaHQ6IC0wLjFlbTtcbiAgLS1vdXRlclVuZGVybGluZUNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1wYWRkaW5nOiAwLjA3ZW0gMDtcbiAgLS1saW5lQ29sb3I6IGNvbG9yLW1peChpbiBzcmdiLCBjdXJyZW50Q29sb3IgdmFyKC0tZmFkZUEzKSwgdHJhbnNwYXJlbnQpO1xuXG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1vdXRlclVuZGVybGluZUNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmNvbnN0IE91dGVyID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PlxuICAgIHZhcmlhbnQgPT09ICduZXV0cmFsJyAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLWxpbmVDb2xvciwgY3VycmVudENvbG9yKTtcblxuICBgfTtcbmA7XG5cbmNvbnN0IElubmVyID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgcGFkZGluZzogdmFyKC0tcGFkZGluZyk7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tdW5kZXJsaW5lSGVpZ2h0KSAwIDAgdmFyKC0tb3V0ZXJVbmRlcmxpbmVDb2xvcik7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICA8T3V0ZXIgdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxJbm5lcj57Y2hpbGRyZW59PC9Jbm5lcj5cbiAgICAgIDwvT3V0ZXI+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdzdWJ0bGUnXSksXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+
+var Outer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "er1549x1"
 } : {
   target: "er1549x1",
-  label: "Root"
-})(styles.transitions, ";--underlineHeight:-0.1em;--outerUnderlineColor:transparent;--padding:0.07em 0;box-shadow:inset 0 var(--underlineHeight) 0 0 var(--outerUnderlineColor);display:inline;padding:var(--padding);&:hover{--outerUnderlineColor:currentColor;}a{color:inherit;text-decoration:none;border-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAtLXVuZGVybGluZUhlaWdodDogLTAuMWVtO1xuICAtLW91dGVyVW5kZXJsaW5lQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLXBhZGRpbmc6IDAuMDdlbSAwO1xuICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLW91dGVyVW5kZXJsaW5lQ29sb3IpO1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuXG4gICY6aG92ZXIge1xuICAgIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5cbiAgYSB7XG4gICAgLy8gcHJldmVudCBjb2xvciwgdGV4dC1kZWNvcmF0aW9uLCBhbmQgYm9yZGVyLXJhZGl1cyBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBBID0gc3R5bGVkLmFgXG4gIC0tbGluZUNvbG9yOiBjb2xvci1taXgoaW4gc3JnYiwgY3VycmVudENvbG9yIHZhcigtLWZhZGVBMyksIHRyYW5zcGFyZW50KTtcblxuICAkeyh7IGFzIH0pID0+IGFzID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICB2YXJpYW50ID09PSAnbmV1dHJhbCcgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS11bmRlcmxpbmVIZWlnaHQpIDAgMCB2YXIoLS1saW5lQ29sb3IsIGN1cnJlbnRDb2xvcik7XG5cbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgLy8gc3BhbiBpcyB1c2VkIHRvIHByZXZlbnQgZ3Jvd2luZyBSb290IGhlaWdodFxuICAgIDxzcGFuPlxuICAgICAgPFJvb3Q+XG4gICAgICAgIDxBIHR5cGU9e3R5cGV9IHJlZj17cmVmfSBhcz17dGFnfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9BPlxuICAgICAgPC9Sb290PlxuICAgIDwvc3Bhbj5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
+  label: "Outer"
+})("padding:var(--padding);", function (_ref2) {
+  var variant = _ref2.variant;
+  return variant === 'neutral' && "\n    box-shadow: inset 0 var(--underlineHeight) 0 0 var(--lineColor, currentColor);\n\n  ";
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmFgXG4gIC0tdW5kZXJsaW5lSGVpZ2h0OiAtMC4xZW07XG4gIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0tcGFkZGluZzogMC4wN2VtIDA7XG4gIC0tbGluZUNvbG9yOiBjb2xvci1taXgoaW4gc3JnYiwgY3VycmVudENvbG9yIHZhcigtLWZhZGVBMyksIHRyYW5zcGFyZW50KTtcblxuICAkeyh7IGFzIH0pID0+IGFzID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gICY6aG92ZXIge1xuICAgIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlciA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICB2YXJpYW50ID09PSAnbmV1dHJhbCcgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS11bmRlcmxpbmVIZWlnaHQpIDAgMCB2YXIoLS1saW5lQ29sb3IsIGN1cnJlbnRDb2xvcik7XG5cbiAgYH07XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5zcGFuYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLW91dGVyVW5kZXJsaW5lQ29sb3IpO1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxSb290IHR5cGU9e3R5cGV9IHJlZj17cmVmfSBhcz17dGFnfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9PlxuICAgICAgPE91dGVyIHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgICA8SW5uZXI+e2NoaWxkcmVufTwvSW5uZXI+XG4gICAgICA8L091dGVyPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
-var A = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
+var Inner = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "er1549x0"
 } : {
   target: "er1549x0",
-  label: "A"
-})("--lineColor:color-mix(in srgb, currentColor var(--fadeA3), transparent);", function (_ref) {
-  var as = _ref.as;
-  return as === 'button' && buttonStyles;
-}, ";cursor:pointer;color:inherit;text-decoration:none;display:inline;padding:var(--padding);", function (_ref2) {
-  var variant = _ref2.variant;
-  return variant === 'neutral' && "\n    box-shadow: inset 0 var(--underlineHeight) 0 0 var(--lineColor, currentColor);\n\n  ";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgLS11bmRlcmxpbmVIZWlnaHQ6IC0wLjFlbTtcbiAgLS1vdXRlclVuZGVybGluZUNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1wYWRkaW5nOiAwLjA3ZW0gMDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS11bmRlcmxpbmVIZWlnaHQpIDAgMCB2YXIoLS1vdXRlclVuZGVybGluZUNvbG9yKTtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcblxuICAmOmhvdmVyIHtcbiAgICAtLW91dGVyVW5kZXJsaW5lQ29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuXG4gIGEge1xuICAgIC8vIHByZXZlbnQgY29sb3IsIHRleHQtZGVjb3JhdGlvbiwgYW5kIGJvcmRlci1yYWRpdXMgaW5oZXJpdGluZyBmcm9tIG91dGlzZGUgcmVzZXRcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgfVxuYDtcblxuY29uc3QgQSA9IHN0eWxlZC5hYFxuICAtLWxpbmVDb2xvcjogY29sb3ItbWl4KGluIHNyZ2IsIGN1cnJlbnRDb2xvciB2YXIoLS1mYWRlQTMpLCB0cmFuc3BhcmVudCk7XG5cbiAgJHsoeyBhcyB9KSA9PiBhcyA9PT0gJ2J1dHRvbicgJiYgYnV0dG9uU3R5bGVzfTtcblxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgcGFkZGluZzogdmFyKC0tcGFkZGluZyk7XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ25ldXRyYWwnICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgdmFyKC0tdW5kZXJsaW5lSGVpZ2h0KSAwIDAgdmFyKC0tbGluZUNvbG9yLCBjdXJyZW50Q29sb3IpO1xuXG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIC8vIHNwYW4gaXMgdXNlZCB0byBwcmV2ZW50IGdyb3dpbmcgUm9vdCBoZWlnaHRcbiAgICA8c3Bhbj5cbiAgICAgIDxSb290PlxuICAgICAgICA8QSB0eXBlPXt0eXBlfSByZWY9e3JlZn0gYXM9e3RhZ30gdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQT5cbiAgICAgIDwvUm9vdD5cbiAgICA8L3NwYW4+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+  label: "Inner"
+})(styles.transitions, ";padding:var(--padding);box-shadow:inset 0 var(--underlineHeight) 0 0 var(--outerUnderlineColor);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmFgXG4gIC0tdW5kZXJsaW5lSGVpZ2h0OiAtMC4xZW07XG4gIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0tcGFkZGluZzogMC4wN2VtIDA7XG4gIC0tbGluZUNvbG9yOiBjb2xvci1taXgoaW4gc3JnYiwgY3VycmVudENvbG9yIHZhcigtLWZhZGVBMyksIHRyYW5zcGFyZW50KTtcblxuICAkeyh7IGFzIH0pID0+IGFzID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gICY6aG92ZXIge1xuICAgIC0tb3V0ZXJVbmRlcmxpbmVDb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlciA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICB2YXJpYW50ID09PSAnbmV1dHJhbCcgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCB2YXIoLS11bmRlcmxpbmVIZWlnaHQpIDAgMCB2YXIoLS1saW5lQ29sb3IsIGN1cnJlbnRDb2xvcik7XG5cbiAgYH07XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5zcGFuYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBib3gtc2hhZG93OiBpbnNldCAwIHZhcigtLXVuZGVybGluZUhlaWdodCkgMCAwIHZhcigtLW91dGVyVW5kZXJsaW5lQ29sb3IpO1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxSb290IHR5cGU9e3R5cGV9IHJlZj17cmVmfSBhcz17dGFnfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9PlxuICAgICAgPE91dGVyIHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgICA8SW5uZXI+e2NoaWxkcmVufTwvSW5uZXI+XG4gICAgICA8L091dGVyPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
@@ -48,14 +55,14 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       props = _objectWithoutProperties(_ref3, _excluded);
 
   var type = tag === 'button' ? 'button' : undefined;
-  return (// span is used to prevent growing Root height
-    ___EmotionJSX("span", null, ___EmotionJSX(Root, null, ___EmotionJSX(A, _extends({
-      type: type,
-      ref: ref,
-      as: tag,
-      variant: variant
-    }, props), children)))
-  );
+  return ___EmotionJSX(Root, _extends({
+    type: type,
+    ref: ref,
+    as: tag,
+    variant: variant
+  }, props), ___EmotionJSX(Outer, {
+    variant: variant
+  }, ___EmotionJSX(Inner, null, children)));
 });
 Link.propTypes = {
   children: PropTypes.node,

package/package.json

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