@flodesk/grain 9.3.0 → 9.4.1
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/button.js +22 -5
- package/es/components/link.js +7 -6
- package/es/types.js +1 -0
- package/package.json +1 -1
package/es/components/button.js
CHANGED
|
@@ -6,7 +6,7 @@ import "core-js/modules/es.array.index-of.js";
|
|
|
6
6
|
import "core-js/modules/es.symbol.js";
|
|
7
7
|
import "core-js/modules/es.object.assign.js";
|
|
8
8
|
import _styled from "@emotion/styled/base";
|
|
9
|
-
var _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type"];
|
|
9
|
+
var _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type", "tag"];
|
|
10
10
|
|
|
11
11
|
var _templateObject;
|
|
12
12
|
|
|
@@ -20,6 +20,8 @@ import "core-js/modules/es.array.concat.js";
|
|
|
20
20
|
|
|
21
21
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
22
|
|
|
23
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
24
|
+
|
|
23
25
|
import { getColor, getTransition } from '../utilities';
|
|
24
26
|
import { Icon } from './icon';
|
|
25
27
|
import React, { forwardRef } from 'react';
|
|
@@ -29,7 +31,7 @@ import { Spinner } from './spinner';
|
|
|
29
31
|
import { types } from '../types';
|
|
30
32
|
import { Box } from './box';
|
|
31
33
|
import { Text } from './text';
|
|
32
|
-
import { keyframes } from '@emotion/react';
|
|
34
|
+
import { css, keyframes } from '@emotion/react';
|
|
33
35
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
34
36
|
var paddingX = '16px';
|
|
35
37
|
var iconInvert = 'hsl(var(--HS) var(--backgroundL) / var(--fadeA8))';
|
|
@@ -59,6 +61,15 @@ var variantColors = {
|
|
|
59
61
|
}
|
|
60
62
|
};
|
|
61
63
|
var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0%, 25% { opacity: 0 }\n"])));
|
|
64
|
+
var linkStyles = process.env.NODE_ENV === "production" ? {
|
|
65
|
+
name: "n1ffgh",
|
|
66
|
+
styles: "text-decoration:none;width:fit-content;&:hover{text-decoration:none;}"
|
|
67
|
+
} : {
|
|
68
|
+
name: "q1aimi-linkStyles",
|
|
69
|
+
styles: "text-decoration:none;width:fit-content;&:hover{text-decoration:none;};label:linkStyles;",
|
|
70
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNzQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgbGlua1N0eWxlcyA9IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLWJ1dHRvbik7XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuICAke3AgPT4gcC5hcyA9PT0gJ2EnICYmIGxpbmtTdHlsZXN9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXM9e3RhZ31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbn07XG4iXX0= */",
|
|
71
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
72
|
+
};
|
|
62
73
|
|
|
63
74
|
var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
64
75
|
target: "e1blxzk90"
|
|
@@ -67,6 +78,8 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
67
78
|
label: "Wrapper"
|
|
68
79
|
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:var(--grn-radius-button);height:", componentVars.textBoxHeight, ";padding:0 ", paddingX, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
|
|
69
80
|
return p.hasFullWidth && "width: 100%";
|
|
81
|
+
}, ";", function (p) {
|
|
82
|
+
return p.as === 'a' && linkStyles;
|
|
70
83
|
}, ";", function (_ref) {
|
|
71
84
|
var variant = _ref.variant;
|
|
72
85
|
return "\n ".concat(variantColors[variant].icon && "\n --grn-color-icon: ".concat(getColor(variantColors[variant].icon), "\n "), ";\n border-color: ").concat(getColor(variantColors[variant].border), ";\n color: ").concat(getColor(variantColors[variant].content), ";\n background: ").concat(getColor(variantColors[variant].background), ";\n\n &:hover {\n --grn-color-icon: currentColor;\n background: ").concat(getColor(variantColors[variant].backgroundHover), ";\n border-color: ").concat(getColor(variantColors[variant].borderHover), ";\n }\n\n &:active {\n background: ").concat(getColor(variantColors[variant].backgroundActive), ";\n border-color: ").concat(getColor(variantColors[variant].borderActive), ";\n }\n ");
|
|
@@ -75,7 +88,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
75
88
|
}, ";", styles.transitions, ";}.buttonText,.Icon{", function (_ref2) {
|
|
76
89
|
var hasSpinner = _ref2.hasSpinner;
|
|
77
90
|
return hasSpinner && "\n opacity: 0;\n transition: opacity ".concat(getTransition('fast'), ";\n ");
|
|
78
|
-
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
91
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Q2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgbGlua1N0eWxlcyA9IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLWJ1dHRvbik7XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuICAke3AgPT4gcC5hcyA9PT0gJ2EnICYmIGxpbmtTdHlsZXN9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXM9e3RhZ31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbn07XG4iXX0= */"));
|
|
79
92
|
|
|
80
93
|
export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
81
94
|
var children = _ref3.children,
|
|
@@ -89,6 +102,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
89
102
|
hasSpinner = _ref3.hasSpinner,
|
|
90
103
|
_ref3$type = _ref3.type,
|
|
91
104
|
type = _ref3$type === void 0 ? 'button' : _ref3$type,
|
|
105
|
+
_ref3$tag = _ref3.tag,
|
|
106
|
+
tag = _ref3$tag === void 0 ? 'button' : _ref3$tag,
|
|
92
107
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
93
108
|
|
|
94
109
|
return ___EmotionJSX(Wrapper, _extends({
|
|
@@ -99,7 +114,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
99
114
|
iconPosition: iconPosition,
|
|
100
115
|
hasFullWidth: hasFullWidth,
|
|
101
116
|
hasSpinner: hasSpinner,
|
|
102
|
-
ref: ref
|
|
117
|
+
ref: ref,
|
|
118
|
+
as: tag
|
|
103
119
|
}, props), hasSpinner && ___EmotionJSX(Box, {
|
|
104
120
|
position: "absolute",
|
|
105
121
|
className: "buttonSpinner"
|
|
@@ -120,5 +136,6 @@ Button.propTypes = {
|
|
|
120
136
|
isDisabled: PropTypes.bool,
|
|
121
137
|
hasFullWidth: PropTypes.bool,
|
|
122
138
|
hasSpinner: PropTypes.bool,
|
|
123
|
-
type: types.buttonType
|
|
139
|
+
type: types.buttonType,
|
|
140
|
+
tag: types.buttonOrLinkTag
|
|
124
141
|
};
|
package/es/components/link.js
CHANGED
|
@@ -15,13 +15,14 @@ import React, { forwardRef } from 'react';
|
|
|
15
15
|
import { getColor } from '../utilities';
|
|
16
16
|
import { styles } from '../foundational';
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
|
+
import { types } from '../types';
|
|
18
19
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
19
|
-
var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke2dldENvbG9yKCdmYWRlMycpfTtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
|
|
20
21
|
export var linkStyles = {
|
|
21
|
-
neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:", getColor('fade3'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
-
subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:", getColor('fade3'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke2dldENvbG9yKCdmYWRlMycpfTtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"),
|
|
23
|
+
subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke2dldENvbG9yKCdmYWRlMycpfTtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
|
|
23
24
|
};
|
|
24
|
-
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,
|
|
25
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25PckxpbmtUYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
|
|
25
26
|
export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
26
27
|
var children = _ref.children,
|
|
27
28
|
_ref$tag = _ref.tag,
|
|
@@ -36,7 +37,7 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
36
37
|
type: type,
|
|
37
38
|
ref: ref,
|
|
38
39
|
as: tag,
|
|
39
|
-
css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke2dldENvbG9yKCdmYWRlMycpfTtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvbk9yTGlua1RhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
|
|
40
41
|
}, props), children);
|
|
41
42
|
});
|
|
42
43
|
Link.propTypes = {
|
|
@@ -44,6 +45,6 @@ Link.propTypes = {
|
|
|
44
45
|
href: PropTypes.string,
|
|
45
46
|
target: PropTypes.string,
|
|
46
47
|
variant: PropTypes.oneOf(['neutral', 'subtle']),
|
|
47
|
-
tag:
|
|
48
|
+
tag: types.buttonOrLinkTag,
|
|
48
49
|
onClick: PropTypes.func
|
|
49
50
|
};
|
package/es/types.js
CHANGED
|
@@ -54,6 +54,7 @@ export var types = {
|
|
|
54
54
|
placement: PropTypes.oneOf(placements),
|
|
55
55
|
textInput: PropTypes.oneOf(['text', 'password', 'email', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'time', 'url', 'week']),
|
|
56
56
|
buttonType: PropTypes.oneOf(['button', 'submit', 'reset']),
|
|
57
|
+
buttonOrLinkTag: PropTypes.oneOf(['button', 'a']),
|
|
57
58
|
hint: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
58
59
|
transition: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.transitions)), PropTypes.string]),
|
|
59
60
|
cursor: PropTypes.oneOf(['default', 'pointer'])
|