@flodesk/grain 5.22.0 → 5.23.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 +13 -3
- package/es/icons/icon-share.js +4 -11
- package/package.json +1 -1
package/es/components/link.js
CHANGED
|
@@ -2,7 +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
|
-
var _excluded = ["children", "tag"];
|
|
5
|
+
var _excluded = ["children", "tag", "variant"];
|
|
6
6
|
|
|
7
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
8
|
|
|
@@ -16,18 +16,28 @@ import { getColor } from '../utilities';
|
|
|
16
16
|
import { styles } from '../foundational';
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU13QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIHRleHREZWNvcmF0aW9uQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICB9LFxuICBzdWJ0bGU6IHtcbiAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7dmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgICAgICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
|
|
20
|
+
var variantStyles = {
|
|
21
|
+
neutral: {
|
|
22
|
+
textDecorationColor: getColor('fade3')
|
|
23
|
+
},
|
|
24
|
+
subtle: {
|
|
25
|
+
textDecorationColor: 'transparent'
|
|
26
|
+
}
|
|
27
|
+
};
|
|
20
28
|
export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
21
29
|
var children = _ref.children,
|
|
22
30
|
_ref$tag = _ref.tag,
|
|
23
31
|
tag = _ref$tag === void 0 ? 'a' : _ref$tag,
|
|
32
|
+
_ref$variant = _ref.variant,
|
|
33
|
+
variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
|
|
24
34
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
35
|
|
|
26
36
|
var Tag = tag;
|
|
27
37
|
return ___EmotionJSX(Tag, _extends({
|
|
28
38
|
ref: ref,
|
|
29
39
|
as: tag,
|
|
30
|
-
css: /*#__PURE__*/css(styles.transitions, ";", tag === 'button' && buttonStyles, ";
|
|
40
|
+
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 */")
|
|
31
41
|
}, props), children);
|
|
32
42
|
});
|
|
33
43
|
Link.propTypes = {
|
package/es/icons/icon-share.js
CHANGED
|
@@ -7,22 +7,15 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
|
7
7
|
|
|
8
8
|
var IconShare = function IconShare(props) {
|
|
9
9
|
return ___EmotionJSX("svg", _extends({
|
|
10
|
-
viewBox: "0 0
|
|
10
|
+
viewBox: "0 0 20 24",
|
|
11
11
|
fill: "none",
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
-
}, props), ___EmotionJSX("
|
|
14
|
-
clipPath: "url(#Share_svg__a)"
|
|
15
|
-
}, ___EmotionJSX("path", {
|
|
13
|
+
}, props), ___EmotionJSX("path", {
|
|
16
14
|
fillRule: "evenodd",
|
|
17
15
|
clipRule: "evenodd",
|
|
18
|
-
d: "
|
|
16
|
+
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",
|
|
19
17
|
fill: "currentColor"
|
|
20
|
-
}))
|
|
21
|
-
id: "Share_svg__a"
|
|
22
|
-
}, ___EmotionJSX("path", {
|
|
23
|
-
fill: "#fff",
|
|
24
|
-
d: "M0 0h24v24H0z"
|
|
25
|
-
}))));
|
|
18
|
+
}));
|
|
26
19
|
};
|
|
27
20
|
|
|
28
21
|
export default IconShare;
|