@typeolymp/ui-components 2.1.9 → 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.
|
@@ -6,7 +6,7 @@ declare type PropsType = {
|
|
|
6
6
|
color?: "white" | "lightGray" | "darkGray";
|
|
7
7
|
transform?: "uppercase" | "lowercase" | "capitalize";
|
|
8
8
|
decoration?: "underline" | "overline" | "line-through";
|
|
9
|
-
as?: "div"
|
|
9
|
+
as?: "div";
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
};
|
|
12
12
|
declare const Paragraph: FC<PropsType>;
|
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
|
|
@@ -4139,7 +4145,7 @@ var illustrations = {
|
|
|
4139
4145
|
};
|
|
4140
4146
|
var Illustration = function (props) { return (jsx$1(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
4141
4147
|
|
|
4142
|
-
var StyledParagraph = styled.p(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
4148
|
+
var StyledParagraph = styled.p(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n\n li:not(:last-child) {\n margin-bottom: 10px;\n }\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n\n li:not(:last-child) {\n margin-bottom: 10px;\n }\n"])), theme.fonts.paragraph, function (_a) {
|
|
4143
4149
|
var size = _a.size;
|
|
4144
4150
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
4145
4151
|
}, function (_a) {
|