@typeolymp/ui-components 2.1.10 → 2.1.11
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/build/index.es.js +9 -3
- package/build/index.es.js.map +1 -1
- package/build/index.js +9 -3
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3602,7 +3602,7 @@ var icons = {
|
|
|
3602
3602
|
};
|
|
3603
3603
|
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$a, __assign$2({}, props, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3604
3604
|
|
|
3605
|
-
var StyledButton = styled__default["default"].button(templateObject_1$U || (templateObject_1$U = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity:
|
|
3605
|
+
var StyledButton = styled__default["default"].button(templateObject_1$U || (templateObject_1$U = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: ", ";\n background-color: ", ";\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\n"], ["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: ", ";\n background-color: ", ";\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\n"])), function (_a) {
|
|
3606
3606
|
var fluid = _a.fluid;
|
|
3607
3607
|
return (fluid ? "100%" : "fit-content");
|
|
3608
3608
|
}, function (_a) {
|
|
@@ -3632,11 +3632,11 @@ var StyledButton = styled__default["default"].button(templateObject_1$U || (temp
|
|
|
3632
3632
|
case "red":
|
|
3633
3633
|
return "inset 0 -3px 0 ".concat(theme.colors.red.dark);
|
|
3634
3634
|
case "white":
|
|
3635
|
-
return "0
|
|
3635
|
+
return "0 2px 0 #e4e4e4";
|
|
3636
3636
|
}
|
|
3637
3637
|
}, function (_a) {
|
|
3638
3638
|
var color = _a.color;
|
|
3639
|
-
return color === "white" ? "
|
|
3639
|
+
return color === "white" ? "1px solid #e4e4e4" : "none";
|
|
3640
3640
|
}, function (_a) {
|
|
3641
3641
|
var color = _a.color;
|
|
3642
3642
|
return color === "white"
|
|
@@ -3645,6 +3645,12 @@ var StyledButton = styled__default["default"].button(templateObject_1$U || (temp
|
|
|
3645
3645
|
}, theme.fonts.heading, function (_a) {
|
|
3646
3646
|
var size = _a.size;
|
|
3647
3647
|
return !size ? theme.button.medium.fontSize : theme.button[size].fontSize;
|
|
3648
|
+
}, function (_a) {
|
|
3649
|
+
var color = _a.color;
|
|
3650
|
+
return (color !== "white" ? 0.85 : 1);
|
|
3651
|
+
}, function (_a) {
|
|
3652
|
+
var color = _a.color;
|
|
3653
|
+
return color === "white" ? theme.colors.lightGray.base : "";
|
|
3648
3654
|
}, function (_a) {
|
|
3649
3655
|
var size = _a.size;
|
|
3650
3656
|
return !size
|