@flodesk/grain 11.10.0 → 11.10.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'), ";}[data-experiment-rounded-button] &{border-radius:", componentVars.textBoxHeight, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
86
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:", componentVars.textBoxHeight, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGUxMC1hKSknO1xuXG5jb25zdCB2YXJpYW50Q29sb3JzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uOiBpY29uSW52ZXJ0LFxuICAgIGNvbnRlbnQ6ICdzaGFkZTInLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnc2hhZGUxMicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnc2hhZGUxMCcsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZTgtYSkpJyxcbiAgICBjb250ZW50OiAndmFyKC0td2hpdGUpJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2RhbmdlcicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNCUpKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2hzbCh2YXIoLS1yZWRIUykgY2FsYyh2YXIoLS1yZWRMKSArIDclKSknLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgaWNvbjogJ2ljb24nLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBib3JkZXI6ICdmYWRlNCcsXG4gICAgYm9yZGVySG92ZXI6ICdmYWRlNicsXG4gICAgYm9yZGVyQWN0aXZlOiAnc2hhZGU4JyxcbiAgICBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCB0YWdTdHlsZXMgPSB7XG4gIGE6IGBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgLFxuICBidXR0b246IGBgLFxuICBzcGFuOiBgXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXdpZHRoOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgcGFkZGluZzogMCAke3BhZGRpbmdYfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIgJiZcbiAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIHNldCBjb2xvciB0byBwcmV2ZW50IGluaGVyaXRpbmcgZnJvbSBvdXRpc2RlIHJlc2V0XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICAgICAke1xuICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSAmJlxuICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUpfWBcbiAgICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXM9e3RhZ31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cInZhcigtLWljb25Db2xvcilcIiAvPn1cbiAgICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
|
|
93
87
|
|
|
94
88
|
export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
95
89
|
var children = _ref3.children,
|