@flodesk/grain 10.24.0 → 10.24.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 +3 -9
- package/package.json +1 -1
package/es/components/button.js
CHANGED
|
@@ -38,8 +38,6 @@ var variantColors = {
|
|
|
38
38
|
icon: iconInvert,
|
|
39
39
|
content: 'shade2',
|
|
40
40
|
border: 'transparent',
|
|
41
|
-
borderHover: 'transparent',
|
|
42
|
-
borderActive: 'transparent',
|
|
43
41
|
background: 'shade12',
|
|
44
42
|
backgroundHover: 'shade10',
|
|
45
43
|
backgroundActive: 'shade9'
|
|
@@ -48,8 +46,6 @@ var variantColors = {
|
|
|
48
46
|
icon: 'hsl(0 0% 100% / var(--fade8-a))',
|
|
49
47
|
content: 'var(--white)',
|
|
50
48
|
border: 'transparent',
|
|
51
|
-
borderHover: 'transparent',
|
|
52
|
-
borderActive: 'transparent',
|
|
53
49
|
background: 'danger',
|
|
54
50
|
backgroundHover: 'hsl(var(--redHS) calc(var(--redL) + 4%))',
|
|
55
51
|
backgroundActive: 'hsl(var(--redHS) calc(var(--redL) + 7%))'
|
|
@@ -60,9 +56,7 @@ var variantColors = {
|
|
|
60
56
|
border: 'fade4',
|
|
61
57
|
borderHover: 'fade6',
|
|
62
58
|
borderActive: 'shade8',
|
|
63
|
-
background: 'transparent'
|
|
64
|
-
backgroundHover: 'transparent',
|
|
65
|
-
backgroundActive: 'transparent'
|
|
59
|
+
background: 'transparent'
|
|
66
60
|
}
|
|
67
61
|
};
|
|
68
62
|
var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0%, 25% { opacity: 0 }\n"])));
|
|
@@ -83,13 +77,13 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
83
77
|
return tagStyles[p.as];
|
|
84
78
|
}, ";", function (_ref) {
|
|
85
79
|
var variant = _ref.variant;
|
|
86
|
-
return "\n --iconColor: ".concat(getColor(variantColors[variant].icon), ";\n border-color: ").concat(getColor(variantColors[variant].border), ";\n color: ").concat(getColor(variantColors[variant].content), ";\n background: ").concat(getColor(variantColors[variant].background), ";\n\n @media(hover: hover) {\n &:hover {\n --iconColor: currentColor;\n background: "
|
|
80
|
+
return "\n --iconColor: ".concat(getColor(variantColors[variant].icon), ";\n border-color: ").concat(getColor(variantColors[variant].border), ";\n color: ").concat(getColor(variantColors[variant].content), ";\n background: ").concat(getColor(variantColors[variant].background), ";\n\n @media(hover: hover) {\n &:hover {\n --iconColor: currentColor;\n ").concat(variantColors[variant].backgroundHover && "background: ".concat(getColor(variantColors[variant].backgroundHover)), ";\n ").concat(variantColors[variant].borderHover && "border-color:".concat(getColor(variantColors[variant].borderHover)), ";\n\n // set color to prevent inheriting from outisde reset\n color: ").concat(getColor(variantColors[variant].content), ";\n }\n\n &:active {\n ").concat(variantColors[variant].backgroundActive && "background: ".concat(getColor(variantColors[variant].backgroundActive)), ";\n ").concat(variantColors[variant].borderActive && "border-color:".concat(getColor(variantColors[variant].borderActive)), ";\n }\n }\n ");
|
|
87
81
|
}, " &:disabled{--iconColor:", getColor('disabledIcon'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", function (p) {
|
|
88
82
|
return p.iconPosition === 'right' && "order: 1";
|
|
89
83
|
}, ";", styles.transitions, ";}.buttonText,.Icon{", function (_ref2) {
|
|
90
84
|
var hasSpinner = _ref2.hasSpinner;
|
|
91
85
|
return hasSpinner && "\n opacity: 0;\n transition: opacity ".concat(getTransition('fast'), ";\n ");
|
|
92
|
-
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
86
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGljb25JbnZlcnQgPSAnaHNsKHZhcigtLUhTKSB2YXIoLS1iYWNrZ3JvdW5kTCkgLyB2YXIoLS1mYWRlMTAtYSkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlMTAnLFxuICAgIGJhY2tncm91bmRBY3RpdmU6ICdzaGFkZTknLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBpY29uOiAnaHNsKDAgMCUgMTAwJSAvIHZhcigtLWZhZGU4LWEpKScsXG4gICAgY29udGVudDogJ3ZhcigtLXdoaXRlKScsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdkYW5nZXInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ2hzbCh2YXIoLS1yZWRIUykgY2FsYyh2YXIoLS1yZWRMKSArIDQlKSknLFxuICAgIGJhY2tncm91bmRBY3RpdmU6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA3JSkpJyxcbiAgfSxcbiAgbmV1dHJhbDoge1xuICAgIGljb246ICdpY29uJyxcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgdGFnU3R5bGVzID0ge1xuICBhOiBgXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgICY6aG92ZXIge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbiAgYCxcbiAgYnV0dG9uOiBgYCxcbiAgc3BhbjogYFxuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLWJ1dHRvbik7XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuICAke3AgPT4gdGFnU3R5bGVzW3AuYXNdfTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT4gYFxuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbil9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICBAbWVkaWEoaG92ZXI6IGhvdmVyKSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgLS1pY29uQ29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3ZlciAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEhvdmVyKX1gXG4gICAgICAgIH07XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3ZlciAmJlxuICAgICAgICAgIGBib3JkZXItY29sb3I6JHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX1gXG4gICAgICAgIH07XG5cbiAgICAgICAgLy8gc2V0IGNvbG9yIHRvIHByZXZlbnQgaW5oZXJpdGluZyBmcm9tIG91dGlzZGUgcmVzZXRcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5jb250ZW50KX07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfWBcbiAgICAgICAgfTtcbiAgICAgICAgICR7XG4gICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlICYmXG4gICAgICAgICAgIGBib3JkZXItY29sb3I6JHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9YFxuICAgICAgICAgfTtcbiAgICAgIH1cbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1pY29uQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkSWNvbicpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLkljb24ge1xuICAgICR7KHsgaGFzU3Bpbm5lciB9KSA9PlxuICAgICAgaGFzU3Bpbm5lciAmJlxuICAgICAgYFxuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgIGB9XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgaGFzRnVsbFdpZHRoLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRhZyA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcz17dGFnfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwidmFyKC0taWNvbkNvbG9yKVwiIC8+fVxuICAgICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxufTtcbiJdfQ== */"));
|
|
93
87
|
|
|
94
88
|
export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
95
89
|
var children = _ref3.children,
|