@typeolymp/ui-components 2.1.7 → 2.1.9
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" | "nav";
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
};
|
|
12
12
|
declare const Paragraph: FC<PropsType>;
|
package/build/index.es.js
CHANGED
|
@@ -17894,8 +17894,8 @@ var templateObject_1$i, templateObject_2$i, templateObject_3$9;
|
|
|
17894
17894
|
|
|
17895
17895
|
var ProgressBar = function (props) { return (jsxs(Wrapper, { children: [jsx$1(StyledProgressBar, __assign$2({}, props, { children: jsx$1(Indicator$1, __assign$2({}, props)) })), props.showInfo && (jsx$1(Paragraph, __assign$2({ size: "small" }, { children: props.info ? props.info : "".concat(props.percent, "%") })))] })); };
|
|
17896
17896
|
|
|
17897
|
-
var Container$a = styled.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
|
|
17898
|
-
var Step$2 = styled.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"])));
|
|
17897
|
+
var Container$a = styled.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 }\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 }\n"])), theme.colors.lightGray.dark);
|
|
17898
|
+
var Step$2 = styled.li(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$1(["\n z-index: 1;\n\n p {\n margin-top: 10px;\n }\n"], ["\n z-index: 1;\n\n p {\n margin-top: 10px;\n }\n"])));
|
|
17899
17899
|
var Dot$2 = styled.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) {
|
|
17900
17900
|
var status = _a.status;
|
|
17901
17901
|
return status === "passed" ? "pointer" : "not-allowed";
|