@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.es.js
CHANGED
|
@@ -3575,7 +3575,7 @@ var icons = {
|
|
|
3575
3575
|
};
|
|
3576
3576
|
var Icon = function (props) { return (jsx$1(Wrapper$a, __assign$2({}, props, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3577
3577
|
|
|
3578
|
-
var StyledButton = styled.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:
|
|
3578
|
+
var StyledButton = styled.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) {
|
|
3579
3579
|
var fluid = _a.fluid;
|
|
3580
3580
|
return (fluid ? "100%" : "fit-content");
|
|
3581
3581
|
}, function (_a) {
|
|
@@ -3605,11 +3605,11 @@ var StyledButton = styled.button(templateObject_1$U || (templateObject_1$U = __m
|
|
|
3605
3605
|
case "red":
|
|
3606
3606
|
return "inset 0 -3px 0 ".concat(theme.colors.red.dark);
|
|
3607
3607
|
case "white":
|
|
3608
|
-
return "0
|
|
3608
|
+
return "0 2px 0 #e4e4e4";
|
|
3609
3609
|
}
|
|
3610
3610
|
}, function (_a) {
|
|
3611
3611
|
var color = _a.color;
|
|
3612
|
-
return color === "white" ? "
|
|
3612
|
+
return color === "white" ? "1px solid #e4e4e4" : "none";
|
|
3613
3613
|
}, function (_a) {
|
|
3614
3614
|
var color = _a.color;
|
|
3615
3615
|
return color === "white"
|
|
@@ -3618,6 +3618,12 @@ var StyledButton = styled.button(templateObject_1$U || (templateObject_1$U = __m
|
|
|
3618
3618
|
}, theme.fonts.heading, function (_a) {
|
|
3619
3619
|
var size = _a.size;
|
|
3620
3620
|
return !size ? theme.button.medium.fontSize : theme.button[size].fontSize;
|
|
3621
|
+
}, function (_a) {
|
|
3622
|
+
var color = _a.color;
|
|
3623
|
+
return (color !== "white" ? 0.85 : 1);
|
|
3624
|
+
}, function (_a) {
|
|
3625
|
+
var color = _a.color;
|
|
3626
|
+
return color === "white" ? theme.colors.lightGray.base : "";
|
|
3621
3627
|
}, function (_a) {
|
|
3622
3628
|
var size = _a.size;
|
|
3623
3629
|
return !size
|