@commonsku/styles 1.13.3 → 1.13.4
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/dist/index.es.js +3 -3
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -6412,8 +6412,8 @@ function CollapsiblePanels(_a) {
|
|
|
6412
6412
|
var templateObject_1$C, templateObject_2$q, templateObject_3$j;
|
|
6413
6413
|
|
|
6414
6414
|
var ProgressWrapper$1 = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"])), SharedStyles);
|
|
6415
|
-
var ProgressBar$1 = styled.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n max-width: 100%;\n width:
|
|
6416
|
-
";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (
|
|
6415
|
+
var ProgressBar$1 = styled.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"], ["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ",
|
|
6416
|
+
";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (p) { return "calc(" + 100 * (!p.max ? 1 : (p.value / p.max)) + "% - (" + (p.left || 0) + "px + 17px))"; }, function (props) { return props.error ? "#B21154" : (props.color || "#00d374"); });
|
|
6417
6417
|
var StyledProgressTitle = styled(Text)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n display: inline-block;\n position: absolute;\n z-index: 9;\n vertical-align: middle;\n padding: 12px;\n color: #FFFFFF;\n font-size: 18px;\n text-shadow: 0px 1px 2px #40B07E;\n"], ["\n display: inline-block;\n position: absolute;\n z-index: 9;\n vertical-align: middle;\n padding: 12px;\n color: #FFFFFF;\n font-size: 18px;\n text-shadow: 0px 1px 2px #40B07E;\n"])));
|
|
6418
6418
|
var LabeledBar = function (props) {
|
|
6419
6419
|
var width = useWindowSize()[0];
|
|
@@ -6431,7 +6431,7 @@ var LabeledBar = function (props) {
|
|
|
6431
6431
|
zIndex: 9,
|
|
6432
6432
|
marginTop: -25,
|
|
6433
6433
|
color: '#00d374',
|
|
6434
|
-
width: "calc(" + 100 * props.value / props.max + "% - (" + (size.x || 0) + "px +
|
|
6434
|
+
width: "calc(" + 100 * props.value / props.max + "% - (" + (size.x || 0) + "px + 17px))",
|
|
6435
6435
|
} }, text),
|
|
6436
6436
|
React__default.createElement(ProgressBar$1, __assign({ ref: measureRef }, props, { left: size.x }))));
|
|
6437
6437
|
};
|
package/dist/index.js
CHANGED
|
@@ -6421,8 +6421,8 @@ function CollapsiblePanels(_a) {
|
|
|
6421
6421
|
var templateObject_1$C, templateObject_2$q, templateObject_3$j;
|
|
6422
6422
|
|
|
6423
6423
|
var ProgressWrapper$1 = styled__default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"])), SharedStyles);
|
|
6424
|
-
var ProgressBar$1 = styled__default.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n max-width: 100%;\n width:
|
|
6425
|
-
";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (
|
|
6424
|
+
var ProgressBar$1 = styled__default.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"], ["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ",
|
|
6425
|
+
";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (p) { return "calc(" + 100 * (!p.max ? 1 : (p.value / p.max)) + "% - (" + (p.left || 0) + "px + 17px))"; }, function (props) { return props.error ? "#B21154" : (props.color || "#00d374"); });
|
|
6426
6426
|
var StyledProgressTitle = styled__default(Text)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n display: inline-block;\n position: absolute;\n z-index: 9;\n vertical-align: middle;\n padding: 12px;\n color: #FFFFFF;\n font-size: 18px;\n text-shadow: 0px 1px 2px #40B07E;\n"], ["\n display: inline-block;\n position: absolute;\n z-index: 9;\n vertical-align: middle;\n padding: 12px;\n color: #FFFFFF;\n font-size: 18px;\n text-shadow: 0px 1px 2px #40B07E;\n"])));
|
|
6427
6427
|
var LabeledBar = function (props) {
|
|
6428
6428
|
var width = useWindowSize()[0];
|
|
@@ -6440,7 +6440,7 @@ var LabeledBar = function (props) {
|
|
|
6440
6440
|
zIndex: 9,
|
|
6441
6441
|
marginTop: -25,
|
|
6442
6442
|
color: '#00d374',
|
|
6443
|
-
width: "calc(" + 100 * props.value / props.max + "% - (" + (size.x || 0) + "px +
|
|
6443
|
+
width: "calc(" + 100 * props.value / props.max + "% - (" + (size.x || 0) + "px + 17px))",
|
|
6444
6444
|
} }, text),
|
|
6445
6445
|
React__default.createElement(ProgressBar$1, __assign({ ref: measureRef }, props, { left: size.x }))));
|
|
6446
6446
|
};
|