@flodesk/grain 11.71.0 → 11.71.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 +4 -4
- package/package.json +1 -1
package/es/components/button.js
CHANGED
|
@@ -20,10 +20,10 @@ const iconInvert = 'hsl(var(--sh-h) 12% var(--background-l) / var(--al-10))';
|
|
|
20
20
|
const variantColors = {
|
|
21
21
|
accent: {
|
|
22
22
|
icon: iconInvert,
|
|
23
|
-
content: '
|
|
23
|
+
content: 'shade1',
|
|
24
24
|
border: 'transparent',
|
|
25
25
|
background: 'shade12',
|
|
26
|
-
backgroundHover: 'color-mix(in oklch, var(--grn-color-shade12),
|
|
26
|
+
backgroundHover: 'color-mix(in oklch, var(--grn-color-shade12), var(--grn-color-shade1) 16%)',
|
|
27
27
|
backgroundActive: 'shade12'
|
|
28
28
|
},
|
|
29
29
|
danger: {
|
|
@@ -31,7 +31,7 @@ const variantColors = {
|
|
|
31
31
|
content: 'onBackgroundDanger',
|
|
32
32
|
border: 'transparent',
|
|
33
33
|
background: 'backgroundDanger',
|
|
34
|
-
backgroundHover: 'color-mix(in oklch, var(--grn-color-backgroundDanger),
|
|
34
|
+
backgroundHover: 'color-mix(in oklch, var(--grn-color-backgroundDanger), var(--grn-color-shade1) 16%)',
|
|
35
35
|
backgroundActive: 'backgroundDanger'
|
|
36
36
|
},
|
|
37
37
|
neutral: {
|
|
@@ -79,7 +79,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
79
79
|
hasSpinner
|
|
80
80
|
} = _ref5;
|
|
81
81
|
return hasSpinner && "\n opacity: 0;\n transition: opacity ".concat(getTransition('fast'), ";\n ");
|
|
82
|
-
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
82
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tc2gtaCkgMTIlIHZhcigtLWJhY2tncm91bmQtbCkgLyB2YXIoLS1hbC0xMCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUxJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ2NvbG9yLW1peChpbiBva2xjaCwgdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMTIpLCB2YXIoLS1ncm4tY29sb3Itc2hhZGUxKSAxNiUpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnc2hhZGUxMicsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tYWwtNykpJyxcbiAgICBjb250ZW50OiAnb25CYWNrZ3JvdW5kRGFuZ2VyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2JhY2tncm91bmREYW5nZXInLFxuICAgIGJhY2tncm91bmRIb3ZlcjpcbiAgICAgICdjb2xvci1taXgoaW4gb2tsY2gsIHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kRGFuZ2VyKSwgdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMSkgMTYlKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2JhY2tncm91bmREYW5nZXInLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgaWNvbjogJ2ljb24nLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBib3JkZXI6ICdmYWRlNCcsXG4gICAgYm9yZGVySG92ZXI6ICdmYWRlNicsXG4gICAgYm9yZGVyQWN0aXZlOiAnZmFkZTEwJyxcbiAgICBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCB0YWdTdHlsZXMgPSB7XG4gIGE6IGBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgLFxuICBidXR0b246IGBgLFxuICBzcGFuOiBgXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi10ZXh0Ym94LXJhZGl1cy0ke3NpemV9KWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG4gIHBhZGRpbmctYmxvY2s6IDA7XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi10ZXh0Ym94LXBhZGRpbmdYLSR7c2l6ZX0pYH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxMnB4O1xuICAke3AgPT4gcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiAxMDAlYH07XG4gICR7cCA9PiB0YWdTdHlsZXNbcC5hc119O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgLS1pY29uQ29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5pY29uKX07XG4gICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5jb250ZW50KX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmQpfTtcblxuICAgIEBtZWRpYShob3ZlcjogaG92ZXIpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICAtLWljb25Db2xvcjogY3VycmVudENvbG9yO1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEhvdmVyICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfWBcbiAgICAgICAgfTtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyICYmXG4gICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIpfWBcbiAgICAgICAgfTtcblxuICAgICAgICAvLyBzZXQgY29sb3IgdG8gcHJldmVudCBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICAgIH1cblxuICAgICAgJjphY3RpdmUge1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSl9YFxuICAgICAgICB9O1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlICYmXG4gICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihmdW5jdGlvbiBCdXR0b24oXG4gIHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgIGlzRGlzYWJsZWQsXG4gICAgaWNvbixcbiAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgaGFzRnVsbFdpZHRoLFxuICAgIGhhc1NwaW5uZXIsXG4gICAgdHlwZSA9ICdidXR0b24nLFxuICAgIHRhZyA9ICdidXR0b24nLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJ2YXIoLS1pY29uQ29sb3IpXCIgLz59XG4gICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuIl19 */"));
|
|
83
83
|
export const Button = /*#__PURE__*/forwardRef(function Button(_ref6, ref) {
|
|
84
84
|
let {
|
|
85
85
|
children,
|