@typeolymp/ui-components 2.1.5 → 2.1.7
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.js
CHANGED
|
@@ -3660,7 +3660,7 @@ var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$D
|
|
|
3660
3660
|
var size = _a.size;
|
|
3661
3661
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3662
3662
|
});
|
|
3663
|
-
var GhostButton = styled__default["default"](StyledButton)(templateObject_3$
|
|
3663
|
+
var GhostButton = styled__default["default"](StyledButton)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject$1(["\n height: ", ";\n padding: 16px 18px;\n\n :active {\n box-shadow: none;\n height: ", ";\n margin-top: ", ";\n margin-bottom: -2.5px;\n }\n"], ["\n height: ", ";\n padding: 16px 18px;\n\n :active {\n box-shadow: none;\n height: ", ";\n margin-top: ", ";\n margin-bottom: -2.5px;\n }\n"])), function (_a) {
|
|
3664
3664
|
var size = _a.size;
|
|
3665
3665
|
return !size
|
|
3666
3666
|
? "calc(".concat(theme.button.medium.height, " - 2.5px)")
|
|
@@ -3683,7 +3683,7 @@ var LoaderWrapper = styled__default["default"].div(templateObject_4$8 || (templa
|
|
|
3683
3683
|
var size = _a.size;
|
|
3684
3684
|
return (size === "small" ? "3px" : "");
|
|
3685
3685
|
});
|
|
3686
|
-
var templateObject_1$U, templateObject_2$D, templateObject_3$
|
|
3686
|
+
var templateObject_1$U, templateObject_2$D, templateObject_3$g, templateObject_4$8;
|
|
3687
3687
|
|
|
3688
3688
|
var StyledSpacer = styled__default["default"].div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject$1(["\n min-width: ", ";\n min-height: ", ";\n"], ["\n min-width: ", ";\n min-height: ", ";\n"])), function (_a) {
|
|
3689
3689
|
var horizontal = _a.horizontal;
|
|
@@ -4250,7 +4250,7 @@ var InputIconWrapper = styled__default["default"].div(templateObject_2$C || (tem
|
|
|
4250
4250
|
return "24px";
|
|
4251
4251
|
}
|
|
4252
4252
|
});
|
|
4253
|
-
var StyledInput = styled__default["default"].input(templateObject_3$
|
|
4253
|
+
var StyledInput = styled__default["default"].input(templateObject_3$f || (templateObject_3$f = __makeTemplateObject$1(["\n width: 100%;\n min-width: 228px;\n height: ", ";\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n min-width: 228px;\n height: ", ";\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4254
4254
|
var size = _a.size;
|
|
4255
4255
|
switch (size) {
|
|
4256
4256
|
case "small":
|
|
@@ -4278,7 +4278,7 @@ var Helper = styled__default["default"](StyledParagraph)(templateObject_6$3 || (
|
|
|
4278
4278
|
var isOk = _a.isOk;
|
|
4279
4279
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4280
4280
|
}, fadeIn);
|
|
4281
|
-
var templateObject_1$N, templateObject_2$C, templateObject_3$
|
|
4281
|
+
var templateObject_1$N, templateObject_2$C, templateObject_3$f, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4282
4282
|
|
|
4283
4283
|
var expressions = {};
|
|
4284
4284
|
|
|
@@ -8478,8 +8478,8 @@ var Ellipse = styled__default["default"].div(templateObject_2$y || (templateObje
|
|
|
8478
8478
|
var color = _a.color;
|
|
8479
8479
|
return color ? theme.colors[color].light : "";
|
|
8480
8480
|
});
|
|
8481
|
-
var Content = styled__default["default"].div(templateObject_3$
|
|
8482
|
-
var templateObject_1$B, templateObject_2$y, templateObject_3$
|
|
8481
|
+
var Content = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject$1(["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"], ["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"])));
|
|
8482
|
+
var templateObject_1$B, templateObject_2$y, templateObject_3$e;
|
|
8483
8483
|
|
|
8484
8484
|
var Card = function (props) { return (jsxRuntime.jsxs(StyledCard, __assign$2({}, props, { children: [props.ellipse && jsxRuntime.jsx(Ellipse, { color: props.ellipse }), jsxRuntime.jsx(Content, { children: props.children })] }))); };
|
|
8485
8485
|
|
|
@@ -14730,12 +14730,12 @@ htmlReactParser.Text;
|
|
|
14730
14730
|
|
|
14731
14731
|
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$A || (templateObject_1$A = __makeTemplateObject$1(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
14732
14732
|
var CheckboxContainer = styled__default["default"].div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
14733
|
-
var CheckboxWrapper = styled__default["default"].div(templateObject_3$
|
|
14733
|
+
var CheckboxWrapper = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])));
|
|
14734
14734
|
var Label$b = styled__default["default"](StyledParagraph)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$1(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"])), function (_a) {
|
|
14735
14735
|
var weight = _a.weight;
|
|
14736
14736
|
return weight || 500;
|
|
14737
14737
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
14738
|
-
var templateObject_1$A, templateObject_2$x, templateObject_3$
|
|
14738
|
+
var templateObject_1$A, templateObject_2$x, templateObject_3$d, templateObject_4$6;
|
|
14739
14739
|
|
|
14740
14740
|
var Checkboxes = function (props) {
|
|
14741
14741
|
var _a = React$3.useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -14864,8 +14864,8 @@ var Container$i = styled__default["default"].div(templateObject_2$s || (template
|
|
|
14864
14864
|
var isVisible = _a.isVisible;
|
|
14865
14865
|
return (isVisible ? "all" : "none");
|
|
14866
14866
|
});
|
|
14867
|
-
var MenuItem = styled__default["default"].div(templateObject_3$
|
|
14868
|
-
var templateObject_1$v, templateObject_2$s, templateObject_3$
|
|
14867
|
+
var MenuItem = styled__default["default"].div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject$1(["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"], ["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
14868
|
+
var templateObject_1$v, templateObject_2$s, templateObject_3$c;
|
|
14869
14869
|
|
|
14870
14870
|
var DropdownButton = function (props) {
|
|
14871
14871
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Dropdown, __assign$2({}, props, { yOffset: props.yOffset || 10, trigger: ["click"] }, { children: jsxRuntime.jsx(ButtonWrapper$1, { children: jsxRuntime.jsx(Button, { label: props.label, color: props.color, size: props.size, disabled: props.disabled, icon: "chevronDown" }) }) })) }) }));
|
|
@@ -17473,8 +17473,8 @@ var DropZone = styled__default["default"].div(templateObject_2$r || (templateObj
|
|
|
17473
17473
|
else
|
|
17474
17474
|
return theme.colors.lightGray.base;
|
|
17475
17475
|
});
|
|
17476
|
-
var FileList = styled__default["default"].div(templateObject_3$
|
|
17477
|
-
var templateObject_1$u, templateObject_2$r, templateObject_3$
|
|
17476
|
+
var FileList = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
17477
|
+
var templateObject_1$u, templateObject_2$r, templateObject_3$b;
|
|
17478
17478
|
|
|
17479
17479
|
var FileUpload = function (_a) {
|
|
17480
17480
|
var locale = _a.locale, accept = _a.accept, onDrop = _a.onDrop, files = _a.files;
|
|
@@ -17770,7 +17770,7 @@ var Container$d = styled__default["default"].div(templateObject_1$o || (template
|
|
|
17770
17770
|
return "";
|
|
17771
17771
|
});
|
|
17772
17772
|
var SelectedLocaleWrapper = styled__default["default"].div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n"])));
|
|
17773
|
-
var DropdownContainer = styled__default["default"].div(templateObject_3$
|
|
17773
|
+
var DropdownContainer = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$1(["\n min-width: 100%;\n background-color: ", ";\n overflow: hidden;\n border-radius: 6px 0 6px 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n position: absolute;\n top: 50px;\n right: 0;\n"], ["\n min-width: 100%;\n background-color: ", ";\n overflow: hidden;\n border-radius: 6px 0 6px 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n position: absolute;\n top: 50px;\n right: 0;\n"])), function (_a) {
|
|
17774
17774
|
var color = _a.color;
|
|
17775
17775
|
switch (color) {
|
|
17776
17776
|
default:
|
|
@@ -17781,7 +17781,7 @@ var DropdownContainer = styled__default["default"].div(templateObject_3$9 || (te
|
|
|
17781
17781
|
}
|
|
17782
17782
|
});
|
|
17783
17783
|
var LocaleWrapper = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
17784
|
-
var templateObject_1$o, templateObject_2$m, templateObject_3$
|
|
17784
|
+
var templateObject_1$o, templateObject_2$m, templateObject_3$a, templateObject_4$5;
|
|
17785
17785
|
|
|
17786
17786
|
var LocaleSelect = function (props) {
|
|
17787
17787
|
var _a = React$3.useState(false), dropdownIsVisible = _a[0], setDropdownIsVisible = _a[1];
|
|
@@ -17910,19 +17910,20 @@ var StyledProgressBar = styled__default["default"].div(templateObject_2$i || (te
|
|
|
17910
17910
|
var showInfo = _a.showInfo;
|
|
17911
17911
|
return (showInfo ? "10px" : "");
|
|
17912
17912
|
});
|
|
17913
|
-
var Indicator$1 = styled__default["default"].div(templateObject_3$
|
|
17913
|
+
var Indicator$1 = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$1(["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"], ["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"])), function (_a) {
|
|
17914
17914
|
var percent = _a.percent;
|
|
17915
17915
|
return "calc(".concat(percent, "% - 6px)");
|
|
17916
17916
|
}, function (_a) {
|
|
17917
17917
|
var color = _a.color;
|
|
17918
17918
|
return color ? theme.colors[color].base : theme.colors.green.base;
|
|
17919
17919
|
});
|
|
17920
|
-
var templateObject_1$i, templateObject_2$i, templateObject_3$
|
|
17920
|
+
var templateObject_1$i, templateObject_2$i, templateObject_3$9;
|
|
17921
17921
|
|
|
17922
17922
|
var ProgressBar = function (props) { return (jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsx(StyledProgressBar, __assign$2({}, props, { children: jsxRuntime.jsx(Indicator$1, __assign$2({}, props)) })), props.showInfo && (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small" }, { children: props.info ? props.info : "".concat(props.percent, "%") })))] })); };
|
|
17923
17923
|
|
|
17924
|
-
var Container$a = styled__default["default"].ol(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style-type: none;\n position: relative;\n\n :after {\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: ", ";\n position: absolute;\n top:
|
|
17925
|
-
var
|
|
17924
|
+
var Container$a = styled__default["default"].ol(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style-type: none;\n position: relative;\n\n :after {\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: ", ";\n position: absolute;\n top: 14px;\n z-index: -1;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style-type: none;\n position: relative;\n\n :after {\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: ", ";\n position: absolute;\n top: 14px;\n z-index: -1;\n }\n"])), theme.colors.lightGray.dark);
|
|
17925
|
+
var Step$2 = styled__default["default"].li(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$1(["\n p {\n margin-top: 10px;\n }\n"], ["\n p {\n margin-top: 10px;\n }\n"])));
|
|
17926
|
+
var Dot$2 = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$1(["\n width: 32px;\n height: 32px;\n border-radius: 50%;\n outline: 10px solid ", ";\n cursor: ", ";\n\n background-color: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n :hover {\n background-color: ", ";\n }\n\n > div {\n pointer-events: none;\n }\n"], ["\n width: 32px;\n height: 32px;\n border-radius: 50%;\n outline: 10px solid ", ";\n cursor: ", ";\n\n background-color: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n :hover {\n background-color: ", ";\n }\n\n > div {\n pointer-events: none;\n }\n"])), theme.colors.lightGray.light, function (_a) {
|
|
17926
17927
|
var status = _a.status;
|
|
17927
17928
|
return status === "passed" ? "pointer" : "not-allowed";
|
|
17928
17929
|
}, function (_a) {
|
|
@@ -17946,7 +17947,7 @@ var Dot$2 = styled__default["default"].div(templateObject_2$h || (templateObject
|
|
|
17946
17947
|
return theme.colors.lightGray.base;
|
|
17947
17948
|
}
|
|
17948
17949
|
});
|
|
17949
|
-
var templateObject_1$h, templateObject_2$h;
|
|
17950
|
+
var templateObject_1$h, templateObject_2$h, templateObject_3$8;
|
|
17950
17951
|
|
|
17951
17952
|
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$a, { children: props.steps.map(function (_a, index) {
|
|
17952
17953
|
var title = _a.title, onClick = _a.onClick;
|
|
@@ -17960,7 +17961,7 @@ var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$a, { children:
|
|
|
17960
17961
|
if (onClick && props.current >= step)
|
|
17961
17962
|
onClick(step);
|
|
17962
17963
|
};
|
|
17963
|
-
return (jsxRuntime.jsxs(
|
|
17964
|
+
return (jsxRuntime.jsxs(Step$2, { children: [jsxRuntime.jsx(Dot$2, __assign$2({ status: status, onClick: onClickStep }, { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" })) : (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: status === "active" ? "white" : "gray" }, { children: step }))) })), title && jsxRuntime.jsx(Paragraph, { children: title })] }, "step-".concat(step)));
|
|
17964
17965
|
}) })); };
|
|
17965
17966
|
|
|
17966
17967
|
var Container$9 = styled__default["default"].ol(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"])));
|
|
@@ -48788,7 +48789,7 @@ var Container$1 = styled__default["default"].table(templateObject_1$1 || (templa
|
|
|
48788
48789
|
var TableHead = styled__default["default"].thead(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$1([""], [""])));
|
|
48789
48790
|
var TableBody = styled__default["default"].tbody(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$1([""], [""])));
|
|
48790
48791
|
styled__default["default"].tfoot(templateObject_4 || (templateObject_4 = __makeTemplateObject$1([""], [""])));
|
|
48791
|
-
var ColumnTitle = styled__default["default"].th(templateObject_5 || (templateObject_5 = __makeTemplateObject$1(["\n text-align: left;\n padding-left: 15px;\n"], ["\n text-align: left;\n padding-left: 15px;\n"])));
|
|
48792
|
+
var ColumnTitle = styled__default["default"].th(templateObject_5 || (templateObject_5 = __makeTemplateObject$1(["\n text-align: left;\n padding-left: 15px;\n\n :last-child {\n padding-right: 15px;\n }\n"], ["\n text-align: left;\n padding-left: 15px;\n\n :last-child {\n padding-right: 15px;\n }\n"])));
|
|
48792
48793
|
var TableRow = styled__default["default"].tr(templateObject_6 || (templateObject_6 = __makeTemplateObject$1(["\n height: 50px;\n border-bottom: 1px solid ", ";\n\n :nth-child(odd) {\n background: ", ";\n }\n :nth-child(even) {\n background: ", ";\n }\n"], ["\n height: 50px;\n border-bottom: 1px solid ", ";\n\n :nth-child(odd) {\n background: ", ";\n }\n :nth-child(even) {\n background: ", ";\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.light, theme.colors.lightGray.base);
|
|
48793
48794
|
var TableCell = styled__default["default"].td(templateObject_7 || (templateObject_7 = __makeTemplateObject$1(["\n padding: 0 15px;\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: normal;\n color: ", ";\n text-align: ", ";\n"], ["\n padding: 0 15px;\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: normal;\n color: ", ";\n text-align: ", ";\n"])), theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.colors.darkGray.light, function (_a) {
|
|
48794
48795
|
var align = _a.align;
|