@flodesk/grain 11.68.6-next.1 → 11.69.0-next.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 +11 -16
- package/es/components/icon-toggle.js +8 -8
- package/package.json +1 -1
package/es/components/button.js
CHANGED
|
@@ -54,33 +54,28 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
54
54
|
} : {
|
|
55
55
|
target: "e1blxzk90",
|
|
56
56
|
label: "Wrapper"
|
|
57
|
-
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:", _ref => {
|
|
57
|
+
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:var(--grn-textbox-height-m);height:", _ref => {
|
|
58
58
|
let {
|
|
59
59
|
size
|
|
60
60
|
} = _ref;
|
|
61
|
-
return "var(--grn-textbox-radius-".concat(size, ")");
|
|
62
|
-
}, ";height:", _ref2 => {
|
|
63
|
-
let {
|
|
64
|
-
size
|
|
65
|
-
} = _ref2;
|
|
66
61
|
return "var(--grn-textbox-height-".concat(size, ")");
|
|
67
|
-
}, ";padding-block:0;padding-inline:",
|
|
62
|
+
}, ";padding-block:0;padding-inline:", _ref2 => {
|
|
68
63
|
let {
|
|
69
64
|
size
|
|
70
|
-
} =
|
|
65
|
+
} = _ref2;
|
|
71
66
|
return "var(--grn-textbox-paddingX-".concat(size, ")");
|
|
72
|
-
}, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";",
|
|
67
|
+
}, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref3 => {
|
|
73
68
|
let {
|
|
74
69
|
variant
|
|
75
|
-
} =
|
|
70
|
+
} = _ref3;
|
|
76
71
|
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 ");
|
|
77
|
-
}, " &:disabled{--iconColor:", getColor('disabledIcon'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", p => p.iconPosition === 'right' && "order: 1", ";", styles.transitions, ";}.buttonText,.Icon{",
|
|
72
|
+
}, " &:disabled{--iconColor:", getColor('disabledIcon'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", p => p.iconPosition === 'right' && "order: 1", ";", styles.transitions, ";}.buttonText,.Icon{", _ref4 => {
|
|
78
73
|
let {
|
|
79
74
|
hasSpinner
|
|
80
|
-
} =
|
|
75
|
+
} = _ref4;
|
|
81
76
|
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,
|
|
83
|
-
export const Button = /*#__PURE__*/forwardRef(function Button(
|
|
77
|
+
}, ";}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tc2gtaCkgMTIlIHZhcigtLWJhY2tncm91bmQtbCkgLyB2YXIoLS1hbC0xMCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlMTAnLFxuICAgIGJhY2tncm91bmRBY3RpdmU6ICdzaGFkZTknLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBpY29uOiAnaHNsKDAgMCUgMTAwJSAvIHZhcigtLWFsLTcpKScsXG4gICAgY29udGVudDogJ29uQmFja2dyb3VuZERhbmdlcicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdiYWNrZ3JvdW5kRGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdjb2xvci1taXgoaW4gaHNsLCB2YXIoLS1ncm4tY29sb3ItcmVkNyksIHZhcigtLWdybi1jb2xvci1yZWQ2KSknLFxuICAgIGJhY2tncm91bmRBY3RpdmU6ICdjb2xvci1taXgoaW4gaHNsLCB2YXIoLS1ncm4tY29sb3ItcmVkNiksIHZhcigtLWdybi1jb2xvci1yZWQ2KSknLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgaWNvbjogJ2ljb24nLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBib3JkZXI6ICdmYWRlNCcsXG4gICAgYm9yZGVySG92ZXI6ICdmYWRlNicsXG4gICAgYm9yZGVyQWN0aXZlOiAnc2hhZGU4JyxcbiAgICBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCB0YWdTdHlsZXMgPSB7XG4gIGE6IGBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgLFxuICBidXR0b246IGBgLFxuICBzcGFuOiBgXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSk7XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSlgfTtcbiAgcGFkZGluZy1ibG9jazogMDtcbiAgcGFkZGluZy1pbmxpbmU6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtcGFkZGluZ1gtJHtzaXplfSlgfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIgJiZcbiAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIHNldCBjb2xvciB0byBwcmV2ZW50IGluaGVyaXRpbmcgZnJvbSBvdXRpc2RlIHJlc2V0XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICAgICAke1xuICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSAmJlxuICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUpfWBcbiAgICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihmdW5jdGlvbiBCdXR0b24oXG4gIHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgIGlzRGlzYWJsZWQsXG4gICAgaWNvbixcbiAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgaGFzRnVsbFdpZHRoLFxuICAgIGhhc1NwaW5uZXIsXG4gICAgdHlwZSA9ICdidXR0b24nLFxuICAgIHRhZyA9ICdidXR0b24nLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJ2YXIoLS1pY29uQ29sb3IpXCIgLz59XG4gICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuIl19 */"));
|
|
78
|
+
export const Button = /*#__PURE__*/forwardRef(function Button(_ref5, ref) {
|
|
84
79
|
let {
|
|
85
80
|
children,
|
|
86
81
|
variant = 'neutral',
|
|
@@ -92,8 +87,8 @@ export const Button = /*#__PURE__*/forwardRef(function Button(_ref6, ref) {
|
|
|
92
87
|
type = 'button',
|
|
93
88
|
tag = 'button',
|
|
94
89
|
size = 'm'
|
|
95
|
-
} =
|
|
96
|
-
props = _objectWithoutProperties(
|
|
90
|
+
} = _ref5,
|
|
91
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
97
92
|
return ___EmotionJSX(Wrapper, _extends({
|
|
98
93
|
type: type,
|
|
99
94
|
variant: variant,
|
|
@@ -18,12 +18,12 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
|
|
|
18
18
|
target: "e9umpvt1",
|
|
19
19
|
label: "Wrapper"
|
|
20
20
|
})(process.env.NODE_ENV === "production" ? {
|
|
21
|
-
name: "
|
|
22
|
-
styles: "display:flex;width:fit-content"
|
|
21
|
+
name: "1l24qow",
|
|
22
|
+
styles: "--padding:2px;display:flex;border-radius:var(--grn-radius-s);padding:var(--padding);background:var(--grn-color-shade4);width:fit-content"
|
|
23
23
|
} : {
|
|
24
|
-
name: "
|
|
25
|
-
styles: "display:flex;width:fit-content",
|
|
26
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
name: "1l24qow",
|
|
25
|
+
styles: "--padding:2px;display:flex;border-radius:var(--grn-radius-s);padding:var(--padding);background:var(--grn-color-shade4);width:fit-content",
|
|
26
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAycHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgcGFkZGluZzogdmFyKC0tcGFkZGluZyk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTQpO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuICAtLWhlaWdodDogY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSkgLSB2YXIoLS1wYWRkaW5nKSAqIDIpO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiB2YXIoLS1oZWlnaHQpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tZ3JuLXJhZGl1cy1zKSAtIHZhcigtLXBhZGRpbmcpKTtcblxuICAkeyh7IGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgICAgIWlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBgfTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEljb25Ub2dnbGUoXG4gIHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlR3JvdXAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cbkljb25Ub2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbkljb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IHR5cGVzLmljb24sXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */",
|
|
27
27
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
28
|
});
|
|
29
29
|
const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
@@ -31,17 +31,17 @@ const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
|
|
|
31
31
|
} : {
|
|
32
32
|
target: "e9umpvt0",
|
|
33
33
|
label: "ItemWrapper"
|
|
34
|
-
})(styles.buttonReset, ";--grn-color-icon:currentColor;border:none;padding:0;min-width:var(--
|
|
34
|
+
})(styles.buttonReset, ";--grn-color-icon:currentColor;--height:calc(var(--grn-textbox-height-m) - var(--padding) * 2);border:none;padding:0;min-width:var(--height);height:var(--height);background-color:transparent;display:flex;align-items:center;justify-content:center;color:", getColor('content2'), ";transition:var(--grn-transition-leave);border-radius:calc(var(--grn-radius-s) - var(--padding));", _ref => {
|
|
35
35
|
let {
|
|
36
36
|
isActive
|
|
37
37
|
} = _ref;
|
|
38
|
-
return isActive && "\n color: ".concat(getColor('content'), ";\n background: ").concat(getColor('
|
|
38
|
+
return isActive && "\n color: ".concat(getColor('content'), ";\n background: ").concat(getColor('shade1'), ";\n ");
|
|
39
39
|
}, ";&:hover{transition:var(--grn-transition-hover);", _ref2 => {
|
|
40
40
|
let {
|
|
41
41
|
isActive
|
|
42
42
|
} = _ref2;
|
|
43
43
|
return !isActive && "\n color: ".concat(getColor('content'), ";\n ");
|
|
44
|
-
}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMnB4O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3Itc2hhZGU0KTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tcGFkZGluZykgKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogdmFyKC0taGVpZ2h0KTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLWdybi1yYWRpdXMtcykgLSB2YXIoLS1wYWRkaW5nKSk7XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlICYmXG4gICAgYFxuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICAgICFpc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYH07XG4gIH1cblxuICAuSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpY29uLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvblRvZ2dsZUdyb3VwKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
45
45
|
export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref3, ref) {
|
|
46
46
|
let {
|
|
47
47
|
children,
|