@mw-kit/mw-ui 1.7.55 → 1.7.57
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/components/Input/components/Range/styles/Input/index.d.ts +2 -0
- package/dist/components/Input/components/Range/styles/InputContainer/index.d.ts +6 -0
- package/dist/components/Input/components/Range/styles/Label/index.d.ts +8 -0
- package/dist/components/Input/components/Range/styles/LabelContainer/index.d.ts +2 -0
- package/dist/components/Input/components/Range/styles/LabelsContainer/index.d.ts +6 -0
- package/dist/components/Input/components/Range/styles/Marker/index.d.ts +7 -0
- package/dist/components/Input/components/Range/styles/MarkersContainer/index.d.ts +2 -0
- package/dist/components/Input/components/Range/styles/MinMaxLabelContainer/index.d.ts +2 -0
- package/dist/components/Input/components/Range/styles/NavBar/index.d.ts +5 -0
- package/dist/components/Input/components/Range/styles/SelectedArea/index.d.ts +6 -0
- package/dist/components/Input/components/Range/styles/index.d.ts +10 -0
- package/dist/index.js +375 -308
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +375 -308
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/Input/components/Range/styles.d.ts +0 -33
package/dist/index.modern.js
CHANGED
|
@@ -197,9 +197,20 @@ var keys = function keys(value) {
|
|
|
197
197
|
var notEmptyString = function notEmptyString(value) {
|
|
198
198
|
return typeof value === 'string' && value.trim() !== '';
|
|
199
199
|
};
|
|
200
|
+
var isNumber = function isNumber(value) {
|
|
201
|
+
return typeof value === 'number' && isFinite(value);
|
|
202
|
+
};
|
|
203
|
+
var isNumeric = function isNumeric(value) {
|
|
204
|
+
if (isNumber(value)) return true;
|
|
205
|
+
if (!isString(value)) return false;
|
|
206
|
+
return !isNaN(parseFloat(value));
|
|
207
|
+
};
|
|
200
208
|
var isBoolean = function isBoolean(value) {
|
|
201
209
|
return typeof value === 'boolean';
|
|
202
210
|
};
|
|
211
|
+
var isNumericString = function isNumericString(value) {
|
|
212
|
+
return notEmptyString(value) && isNumeric(value);
|
|
213
|
+
};
|
|
203
214
|
var isString = function isString(value) {
|
|
204
215
|
return typeof value === 'string';
|
|
205
216
|
};
|
|
@@ -321,6 +332,11 @@ var filterObject = function filterObject(object, remove, inital) {
|
|
|
321
332
|
}, inital);
|
|
322
333
|
return r;
|
|
323
334
|
};
|
|
335
|
+
var numberOrDefault = function numberOrDefault(value, defaultValue) {
|
|
336
|
+
if (isNumber(value)) return value;
|
|
337
|
+
if (isNumericString(value)) return parseFloat(value);
|
|
338
|
+
return defaultValue;
|
|
339
|
+
};
|
|
324
340
|
var isoStringToDate = function isoStringToDate(value) {
|
|
325
341
|
var _value$split = value.split(' '),
|
|
326
342
|
d = _value$split[0],
|
|
@@ -15611,8 +15627,8 @@ var Switch = function Switch(props) {
|
|
|
15611
15627
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15612
15628
|
};
|
|
15613
15629
|
|
|
15614
|
-
var _templateObject$q, _templateObject2$m
|
|
15615
|
-
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n
|
|
15630
|
+
var _templateObject$q, _templateObject2$m;
|
|
15631
|
+
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n box-shadow: 0px 1px 3px ", ";\n\n background-color: ", ";\n\n transition: background-color 0.2s ease-in-out;\n"])), function (_ref) {
|
|
15616
15632
|
var theme = _ref.theme;
|
|
15617
15633
|
return theme.spacings.s4;
|
|
15618
15634
|
}, function (_ref2) {
|
|
@@ -15620,95 +15636,131 @@ var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLitera
|
|
|
15620
15636
|
return theme.spacings.s4;
|
|
15621
15637
|
}, function (_ref3) {
|
|
15622
15638
|
var theme = _ref3.theme;
|
|
15623
|
-
return theme.colors.white;
|
|
15624
|
-
}, function (_ref4) {
|
|
15625
|
-
var theme = _ref4.theme;
|
|
15626
15639
|
return theme.getColor('black', 10);
|
|
15640
|
+
}, function (props) {
|
|
15641
|
+
var theme = props.theme;
|
|
15642
|
+
var min = numberOrDefault(props.min, 0);
|
|
15643
|
+
var value = numberOrDefault(props.value, 0);
|
|
15644
|
+
return theme.colors[min > 0 || value > min ? 'blue' : 'white'];
|
|
15627
15645
|
});
|
|
15628
|
-
var
|
|
15629
|
-
|
|
15646
|
+
var Input$2 = styled.input(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: 100%;\n height: 10px;\n background-color: transparent;\n outline: none;\n position: relative;\n z-index: 3;\n margin: 0;\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n /** firefox */\n ::-moz-range-thumb {\n ", "\n }\n /** ie */\n ::-ms-thumb {\n ", "\n }\n /** chrome */\n ::-webkit-slider-thumb {\n ", "\n }\n"])), bullet, bullet, bullet);
|
|
15647
|
+
|
|
15648
|
+
var _templateObject$r;
|
|
15649
|
+
var SelectedArea = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n height: 3px;\n width: 100%;\n position: absolute;\n bottom: calc(50% - 2px);\n left: 0;\n display: flex;\n z-index: 1;\n\n > span {\n width: ", "%;\n display: block;\n box-sizing: border-box;\n height: 100%;\n }\n"])), function (_ref) {
|
|
15650
|
+
var theme = _ref.theme;
|
|
15651
|
+
return theme.getColor('greyishBlue', 10);
|
|
15652
|
+
}, function (_ref2) {
|
|
15653
|
+
var percent = _ref2.percent;
|
|
15654
|
+
return percent;
|
|
15655
|
+
});
|
|
15656
|
+
|
|
15657
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$i;
|
|
15658
|
+
var InputContainer$1 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref) {
|
|
15659
|
+
var theme = _ref.theme,
|
|
15660
|
+
invalid = _ref.invalid;
|
|
15661
|
+
|
|
15662
|
+
if (!invalid) {
|
|
15663
|
+
return css(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15664
|
+
}
|
|
15665
|
+
|
|
15666
|
+
return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
15667
|
+
});
|
|
15668
|
+
|
|
15669
|
+
var _templateObject$t;
|
|
15670
|
+
var LabelContainer$4 = styled.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n"])), function (_ref) {
|
|
15671
|
+
var theme = _ref.theme;
|
|
15630
15672
|
return theme.spacings.s1;
|
|
15631
|
-
}
|
|
15632
|
-
|
|
15633
|
-
|
|
15673
|
+
});
|
|
15674
|
+
|
|
15675
|
+
var _templateObject$u, _templateObject2$o, _templateObject3$j;
|
|
15676
|
+
var NavBar = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 2;\n\n left: 0;\n width: 100%;\n height: calc(33px + ", ");\n transition: height 0.25s ease-in-out;\n overflow: hidden;\n\n ", "\n\n > div:nth-child(1) {\n position: absolute;\n z-index: 2;\n\n width: 100px;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n border-radius: 4px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n > div:nth-child(2) {\n position: absolute;\n\n width: ", ";\n height: ", ";\n border-radius: 2px 0 0 0;\n\n transform: rotate(45deg);\n\n background-color: ", ";\n }\n"])), function (_ref) {
|
|
15677
|
+
var theme = _ref.theme;
|
|
15678
|
+
return theme.spacings.s3;
|
|
15679
|
+
}, function (_ref2) {
|
|
15680
|
+
var position = _ref2.position;
|
|
15681
|
+
return position === 'bottom' ? css(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n bottom: calc(100% + ", ");\n > div:nth-child(1) {\n bottom: ", ";\n }\n\n > div:nth-child(2) {\n top: calc(\n (100% - 19.8px / 2) - ", "\n );\n }\n "])), function (_ref3) {
|
|
15682
|
+
var theme = _ref3.theme;
|
|
15683
|
+
return theme.spacings.s1;
|
|
15684
|
+
}, function (_ref4) {
|
|
15685
|
+
var theme = _ref4.theme;
|
|
15686
|
+
return theme.spacings.s1;
|
|
15687
|
+
}, function (_ref5) {
|
|
15688
|
+
var theme = _ref5.theme;
|
|
15689
|
+
return theme.spacings.s1;
|
|
15690
|
+
}) : css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n top: calc(100% + ", ");\n > div:nth-child(1) {\n top: ", ";\n }\n\n > div:nth-child(2) {\n bottom: calc(\n (100% - 19.8px / 2) - ", "\n );\n }\n "])), function (_ref6) {
|
|
15691
|
+
var theme = _ref6.theme;
|
|
15692
|
+
return theme.spacings.s1;
|
|
15693
|
+
}, function (_ref7) {
|
|
15634
15694
|
var theme = _ref7.theme;
|
|
15635
15695
|
return theme.spacings.s1;
|
|
15636
|
-
}
|
|
15696
|
+
}, function (_ref8) {
|
|
15637
15697
|
var theme = _ref8.theme;
|
|
15638
15698
|
return theme.spacings.s1;
|
|
15639
15699
|
});
|
|
15640
15700
|
}, function (_ref9) {
|
|
15641
|
-
var
|
|
15642
|
-
|
|
15643
|
-
if (percent > 90) return 'calc(100% - 100px)';
|
|
15644
|
-
return "calc(" + percent + "% - 50px + 22px * " + (50 - percent) / 100 + ")";
|
|
15701
|
+
var theme = _ref9.theme;
|
|
15702
|
+
return theme.colors.blue;
|
|
15645
15703
|
}, function (_ref10) {
|
|
15646
15704
|
var theme = _ref10.theme;
|
|
15647
|
-
return theme.colors.
|
|
15705
|
+
return theme.colors.white;
|
|
15648
15706
|
}, function (_ref11) {
|
|
15649
15707
|
var theme = _ref11.theme;
|
|
15650
|
-
return theme.
|
|
15708
|
+
return theme.spacings.s1;
|
|
15651
15709
|
}, function (_ref12) {
|
|
15652
15710
|
var theme = _ref12.theme;
|
|
15653
|
-
return theme.spacings.
|
|
15654
|
-
})
|
|
15655
|
-
var Input$2 = styled.input(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: 100%;\n height: 10px;\n background-color: transparent;\n outline: none;\n position: relative;\n z-index: 3;\n margin: 0;\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n /** firefox */\n ::-moz-range-thumb {\n ", "\n }\n /** ie */\n ::-ms-thumb {\n ", "\n }\n /** chrome */\n ::-webkit-slider-thumb {\n ", "\n }\n"])), bullet, bullet, bullet);
|
|
15656
|
-
var LabelContainer$4 = styled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n"])), function (_ref13) {
|
|
15711
|
+
return theme.spacings.s3;
|
|
15712
|
+
}, function (_ref13) {
|
|
15657
15713
|
var theme = _ref13.theme;
|
|
15658
|
-
return theme.spacings.
|
|
15659
|
-
})
|
|
15660
|
-
var Label$5 = styled.label(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref14) {
|
|
15714
|
+
return theme.spacings.s3;
|
|
15715
|
+
}, function (_ref14) {
|
|
15661
15716
|
var theme = _ref14.theme;
|
|
15717
|
+
return theme.colors.blue;
|
|
15718
|
+
});
|
|
15719
|
+
|
|
15720
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$k;
|
|
15721
|
+
var Label$5 = styled.label(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref) {
|
|
15722
|
+
var theme = _ref.theme;
|
|
15662
15723
|
return theme.useTypography('p');
|
|
15663
|
-
}, function (
|
|
15664
|
-
var width =
|
|
15724
|
+
}, function (_ref2) {
|
|
15725
|
+
var width = _ref2.width;
|
|
15665
15726
|
return width || '100%';
|
|
15666
|
-
}, function (
|
|
15667
|
-
var disabled =
|
|
15727
|
+
}, function (_ref3) {
|
|
15728
|
+
var disabled = _ref3.disabled;
|
|
15668
15729
|
if (!disabled) return;
|
|
15669
|
-
return css(
|
|
15670
|
-
}, LabelContainer$4, function (
|
|
15671
|
-
var required =
|
|
15672
|
-
return required && css(
|
|
15730
|
+
return css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15731
|
+
}, LabelContainer$4, function (_ref4) {
|
|
15732
|
+
var required = _ref4.required;
|
|
15733
|
+
return required && css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15673
15734
|
}, NavBar);
|
|
15674
|
-
var InputContainer$1 = styled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref18) {
|
|
15675
|
-
var theme = _ref18.theme,
|
|
15676
|
-
invalid = _ref18.invalid;
|
|
15677
|
-
|
|
15678
|
-
if (!invalid) {
|
|
15679
|
-
return css(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15680
|
-
}
|
|
15681
15735
|
|
|
15682
|
-
|
|
15736
|
+
var _templateObject$w, _templateObject2$q;
|
|
15737
|
+
var Marker = styled.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
15738
|
+
var left = _ref.left;
|
|
15739
|
+
return left;
|
|
15740
|
+
}, function (_ref2) {
|
|
15741
|
+
var bullet = _ref2.bullet,
|
|
15742
|
+
theme = _ref2.theme;
|
|
15743
|
+
if (!bullet) return;
|
|
15744
|
+
return css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n :after {\n content: '';\n position: absolute;\n left: calc(50% - 5px);\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n }\n "])), theme.colors.lightestGrey, theme.colors.white, theme.getColor('black', 10));
|
|
15683
15745
|
});
|
|
15684
|
-
|
|
15685
|
-
var
|
|
15686
|
-
|
|
15746
|
+
|
|
15747
|
+
var _templateObject$x;
|
|
15748
|
+
var MinMaxLabelContainer = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
15749
|
+
|
|
15750
|
+
var _templateObject$y, _templateObject2$r, _templateObject3$l;
|
|
15751
|
+
var LabelsContainer = styled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
|
|
15752
|
+
var position = _ref.position;
|
|
15687
15753
|
|
|
15688
15754
|
if (position === 'bottom') {
|
|
15689
|
-
return css(
|
|
15755
|
+
return css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column-reverse;\n }\n\n ", " {\n :after {\n bottom: calc(100% + 10.5px);\n }\n }\n\n ", " {\n align-items: start;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
15690
15756
|
}
|
|
15691
15757
|
|
|
15692
|
-
return css(
|
|
15693
|
-
});
|
|
15694
|
-
var SelectedArea = styled.div(_templateObject17$2 || (_templateObject17$2 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n height: 3px;\n width: 100%;\n position: absolute;\n bottom: calc(50% - 2px);\n left: 0;\n display: flex;\n z-index: 1;\n\n > span {\n width: ", "%;\n display: block;\n box-sizing: border-box;\n height: 100%;\n }\n"])), function (_ref20) {
|
|
15695
|
-
var theme = _ref20.theme;
|
|
15696
|
-
return theme.getColor('greyishBlue', 10);
|
|
15697
|
-
}, function (_ref21) {
|
|
15698
|
-
var percent = _ref21.percent;
|
|
15699
|
-
return percent;
|
|
15700
|
-
});
|
|
15701
|
-
var MarkersContainer = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15702
|
-
var Marker = styled.div(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n\n ", "\n"])), function (_ref22) {
|
|
15703
|
-
var left = _ref22.left;
|
|
15704
|
-
return left;
|
|
15705
|
-
}, function (_ref23) {
|
|
15706
|
-
var bullet = _ref23.bullet,
|
|
15707
|
-
theme = _ref23.theme;
|
|
15708
|
-
if (!bullet) return;
|
|
15709
|
-
return css(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: '';\n position: absolute;\n left: calc(50% - 5px);\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n }\n "])), theme.colors.lightestGrey, theme.colors.white, theme.getColor('black', 10));
|
|
15758
|
+
return css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 8px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
15710
15759
|
});
|
|
15711
15760
|
|
|
15761
|
+
var _templateObject$z;
|
|
15762
|
+
var MarkersContainer = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15763
|
+
|
|
15712
15764
|
var getMarkers = function getMarkers(props) {
|
|
15713
15765
|
if (props.markers && 'markers' in props.markers) {
|
|
15714
15766
|
var _strict = props.markers.strict;
|
|
@@ -15779,16 +15831,24 @@ var getMarkers = function getMarkers(props) {
|
|
|
15779
15831
|
};
|
|
15780
15832
|
};
|
|
15781
15833
|
|
|
15782
|
-
var
|
|
15834
|
+
var getMarkerLeft = function getMarkerLeft(markers, range, index, value, min, strict) {
|
|
15783
15835
|
var z = markers - 2;
|
|
15784
15836
|
if (z < markers - 1) z = markers - 1;
|
|
15785
15837
|
var y = 20 / z;
|
|
15786
15838
|
var x = 20 - y * (z - index);
|
|
15787
|
-
var p = index *
|
|
15839
|
+
var p = strict ? index * 100 / range : (value - min) * 100 / range;
|
|
15788
15840
|
var left = "calc(" + p + "% - 10px - " + x + "px)";
|
|
15789
15841
|
return left;
|
|
15790
15842
|
};
|
|
15791
15843
|
|
|
15844
|
+
var getBarLeft = function getBarLeft(size, percent) {
|
|
15845
|
+
return "min(max(calc(" + percent + "% - " + size / 2 + "px + 22px * " + (size / 2 - percent) / 100 + "), 0%), calc(100% - " + size + "px))";
|
|
15846
|
+
};
|
|
15847
|
+
|
|
15848
|
+
var getIndicatorLeft = function getIndicatorLeft(size, percent) {
|
|
15849
|
+
return "min(max(calc(((" + percent + "% - " + size / 2 + "px + 22px * " + (size / 2 - percent) / 100 + ")) + (" + size / 2 + "px + 2px)), 0%), calc(100% - " + size + "px))";
|
|
15850
|
+
};
|
|
15851
|
+
|
|
15792
15852
|
var Range = React__default.forwardRef(function (props, ref) {
|
|
15793
15853
|
var label = props.label,
|
|
15794
15854
|
minLabel = props.minLabel,
|
|
@@ -15897,7 +15957,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15897
15957
|
}, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
|
|
15898
15958
|
invalid: invalid ? 1 : 0
|
|
15899
15959
|
}, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
|
|
15900
|
-
var left =
|
|
15960
|
+
var left = getMarkerLeft(markers.length, range, index, marker.value, min, strict);
|
|
15901
15961
|
var bullet = marker.value > value ? 1 : 0;
|
|
15902
15962
|
return React__default.createElement(Marker, {
|
|
15903
15963
|
key: marker.value,
|
|
@@ -15907,9 +15967,12 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15907
15967
|
})), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
|
|
15908
15968
|
ref: ref
|
|
15909
15969
|
}, inputProps)), React__default.createElement(NavBar, {
|
|
15910
|
-
percent: value * 100 / max,
|
|
15911
15970
|
position: position
|
|
15912
|
-
}, React__default.createElement("div",
|
|
15971
|
+
}, React__default.createElement("div", {
|
|
15972
|
+
style: {
|
|
15973
|
+
left: getBarLeft(100, (value - min) * 100 / (max - min))
|
|
15974
|
+
}
|
|
15975
|
+
}, React__default.createElement(Icon, {
|
|
15913
15976
|
type: 'feather',
|
|
15914
15977
|
icon: 'minus_circle',
|
|
15915
15978
|
color: 'white',
|
|
@@ -15919,7 +15982,11 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15919
15982
|
icon: 'plus_circle',
|
|
15920
15983
|
color: 'white',
|
|
15921
15984
|
onClick: canIncrement ? increment : undefined
|
|
15922
|
-
}))
|
|
15985
|
+
})), React__default.createElement("div", {
|
|
15986
|
+
style: {
|
|
15987
|
+
left: getIndicatorLeft(14, (value - min) * 100 / (max - min))
|
|
15988
|
+
}
|
|
15989
|
+
})), React__default.createElement(SelectedArea, {
|
|
15923
15990
|
percent: percent
|
|
15924
15991
|
}, Array(spans).fill(1).map(function (_value, index) {
|
|
15925
15992
|
return React__default.createElement("span", {
|
|
@@ -15929,31 +15996,31 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15929
15996
|
});
|
|
15930
15997
|
Range.displayName = 'input';
|
|
15931
15998
|
|
|
15932
|
-
var _templateObject$
|
|
15933
|
-
var LabelContainer$5 = styled.div(_templateObject$
|
|
15999
|
+
var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
|
|
16000
|
+
var LabelContainer$5 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
15934
16001
|
var theme = _ref.theme;
|
|
15935
16002
|
return theme.useTypography('p');
|
|
15936
16003
|
});
|
|
15937
|
-
var Label$6 = styled.label(_templateObject2$
|
|
16004
|
+
var Label$6 = styled.label(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n\n ", "\n\n ", "\n\n", "\n\n > input {\n position: absolute;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: none;\n }\n\n > span {\n height: 17px;\n width: 17px;\n min-height: 17px;\n min-width: 17px;\n max-height: 17px;\n max-width: 17px;\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n position: relative;\n transition-property: border-color;\n transition-duration: 0.5s;\n transition-timing-function: ease-in-out;\n :before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n height: 0;\n width: 0;\n border-radius: 100%;\n transition-property: top, left, width, height, background-color;\n transition-duration: 0.5s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n }\n > input:checked + span {\n :before {\n top: calc(50% - 4.5px);\n left: calc(50% - 4.5px);\n height: 9px;\n width: 9px;\n }\n }\n"])), function (_ref2) {
|
|
15938
16005
|
var theme = _ref2.theme;
|
|
15939
16006
|
return theme.spacings.s1;
|
|
15940
16007
|
}, function (_ref3) {
|
|
15941
16008
|
var disabled = _ref3.disabled;
|
|
15942
16009
|
|
|
15943
16010
|
if (!disabled) {
|
|
15944
|
-
return css(_templateObject3$
|
|
16011
|
+
return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15945
16012
|
}
|
|
15946
16013
|
|
|
15947
|
-
return css(_templateObject4$
|
|
16014
|
+
return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15948
16015
|
}, function (_ref4) {
|
|
15949
16016
|
var required = _ref4.required;
|
|
15950
16017
|
if (!required) return;
|
|
15951
|
-
return css(_templateObject5$
|
|
16018
|
+
return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
|
|
15952
16019
|
}, function (_ref5) {
|
|
15953
16020
|
var invalid = _ref5.invalid;
|
|
15954
16021
|
|
|
15955
16022
|
if (!invalid) {
|
|
15956
|
-
return css(_templateObject6$
|
|
16023
|
+
return css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
15957
16024
|
var theme = _ref6.theme;
|
|
15958
16025
|
return theme.colors.blue;
|
|
15959
16026
|
}, function (_ref7) {
|
|
@@ -15962,7 +16029,7 @@ var Label$6 = styled.label(_templateObject2$n || (_templateObject2$n = _taggedTe
|
|
|
15962
16029
|
});
|
|
15963
16030
|
}
|
|
15964
16031
|
|
|
15965
|
-
return css(_templateObject7$
|
|
16032
|
+
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
15966
16033
|
var theme = _ref8.theme;
|
|
15967
16034
|
return theme.colors.warningRed;
|
|
15968
16035
|
}, function (_ref9) {
|
|
@@ -16172,24 +16239,24 @@ var parse = function parse(value) {
|
|
|
16172
16239
|
});
|
|
16173
16240
|
};
|
|
16174
16241
|
|
|
16175
|
-
var _templateObject$
|
|
16176
|
-
var RelativeContainer$5 = styled.div(_templateObject$
|
|
16177
|
-
var LabelContainer$6 = styled.div(_templateObject2$
|
|
16242
|
+
var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3;
|
|
16243
|
+
var RelativeContainer$5 = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
|
|
16244
|
+
var LabelContainer$6 = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
|
|
16178
16245
|
var theme = _ref.theme;
|
|
16179
16246
|
return theme.useTypography('p');
|
|
16180
16247
|
}, function (_ref2) {
|
|
16181
16248
|
var children = _ref2.children;
|
|
16182
16249
|
if (children) return;
|
|
16183
|
-
return css(_templateObject3$
|
|
16250
|
+
return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
16184
16251
|
var theme = _ref3.theme;
|
|
16185
16252
|
return theme.colors.darkGrey;
|
|
16186
16253
|
});
|
|
16187
16254
|
}, function (_ref4) {
|
|
16188
16255
|
var onClick = _ref4.onClick;
|
|
16189
16256
|
if (!onClick) return;
|
|
16190
|
-
return css(_templateObject4$
|
|
16257
|
+
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16191
16258
|
});
|
|
16192
|
-
var Container$6 = styled.div(_templateObject5$
|
|
16259
|
+
var Container$6 = styled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
|
|
16193
16260
|
var theme = _ref5.theme;
|
|
16194
16261
|
return theme.spacings.s1;
|
|
16195
16262
|
}, function (_ref6) {
|
|
@@ -16206,29 +16273,29 @@ var Container$6 = styled.div(_templateObject5$d || (_templateObject5$d = _tagged
|
|
|
16206
16273
|
bgColor = _ref8[0],
|
|
16207
16274
|
color = _ref8[1];
|
|
16208
16275
|
|
|
16209
|
-
return css(_templateObject6$
|
|
16276
|
+
return css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n color: ", ";\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, bgColor, bgColor);
|
|
16210
16277
|
}, function (_ref9) {
|
|
16211
16278
|
var theme = _ref9.theme,
|
|
16212
16279
|
paddingless = _ref9.paddingless;
|
|
16213
16280
|
if (paddingless) return;
|
|
16214
|
-
return css(_templateObject7$
|
|
16281
|
+
return css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n padding: ", " ", " ", "\n ", ";\n "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
|
|
16215
16282
|
}, function (_ref10) {
|
|
16216
16283
|
var disabled = _ref10.disabled;
|
|
16217
16284
|
if (!disabled) return;
|
|
16218
|
-
return css(_templateObject8$
|
|
16285
|
+
return css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16219
16286
|
});
|
|
16220
|
-
var Button$4 = styled.button(_templateObject9$
|
|
16287
|
+
var Button$4 = styled.button(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref11) {
|
|
16221
16288
|
var onClick = _ref11.onClick;
|
|
16222
16289
|
if (!onClick) return;
|
|
16223
|
-
return css(_templateObject10$
|
|
16290
|
+
return css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16224
16291
|
});
|
|
16225
|
-
var LabelText$1 = styled.label(_templateObject11$
|
|
16292
|
+
var LabelText$1 = styled.label(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16226
16293
|
var theme = _ref12.theme;
|
|
16227
16294
|
return theme.spacings.s1;
|
|
16228
16295
|
}, function (_ref13) {
|
|
16229
16296
|
var required = _ref13.required;
|
|
16230
16297
|
if (!required) return;
|
|
16231
|
-
return css(_templateObject12$
|
|
16298
|
+
return css(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16232
16299
|
});
|
|
16233
16300
|
|
|
16234
16301
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -16460,8 +16527,8 @@ var DatePicker$1 = Object.assign(Component$1, {
|
|
|
16460
16527
|
useDefaultDateIntervalState: useDefaultDateIntervalState
|
|
16461
16528
|
});
|
|
16462
16529
|
|
|
16463
|
-
var _templateObject$
|
|
16464
|
-
var Input$3 = styled.input(_templateObject$
|
|
16530
|
+
var _templateObject$C;
|
|
16531
|
+
var Input$3 = styled.input(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n ", ";\n opacity: 1;\n }\n\n display: block;\n box-sizing: border-box;\n flex: 1;\n min-width: ", ";\n\n padding: calc(", " / 2) 0;\n\n box-shadow: none;\n outline: none;\n border: 1px solid transparent;\n"])), function (_ref) {
|
|
16465
16532
|
var theme = _ref.theme;
|
|
16466
16533
|
return theme.useTypography('p');
|
|
16467
16534
|
}, function (_ref2) {
|
|
@@ -16524,22 +16591,22 @@ var Input$4 = React__default.forwardRef(function (props, ref) {
|
|
|
16524
16591
|
});
|
|
16525
16592
|
Input$4.displayName = 'Input';
|
|
16526
16593
|
|
|
16527
|
-
var _templateObject$
|
|
16528
|
-
var Label$7 = styled.div(_templateObject$
|
|
16594
|
+
var _templateObject$D, _templateObject2$u;
|
|
16595
|
+
var Label$7 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref) {
|
|
16529
16596
|
var theme = _ref.theme;
|
|
16530
16597
|
return theme.spacings.s1;
|
|
16531
16598
|
}, function (_ref2) {
|
|
16532
16599
|
var required = _ref2.required;
|
|
16533
16600
|
if (!required) return;
|
|
16534
|
-
return css(_templateObject2$
|
|
16601
|
+
return css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16535
16602
|
});
|
|
16536
16603
|
|
|
16537
16604
|
var Label$8 = function Label(props) {
|
|
16538
16605
|
return props.children ? React__default.createElement(Label$7, Object.assign({}, props)) : null;
|
|
16539
16606
|
};
|
|
16540
16607
|
|
|
16541
|
-
var _templateObject$
|
|
16542
|
-
var Tag = styled.div(_templateObject$
|
|
16608
|
+
var _templateObject$E;
|
|
16609
|
+
var Tag = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n\n background-color: ", ";\n color: ", ";\n padding: calc(", " / 2);\n\n border-style: solid;\n border-width: 1px;\n border-color: ", ";\n display: flex;\n align-items: center;\n gap: ", ";\n\n > div:last-child {\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
16543
16610
|
var theme = _ref.theme;
|
|
16544
16611
|
return theme.useTypography('p');
|
|
16545
16612
|
}, function (_ref2) {
|
|
@@ -16572,8 +16639,8 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16572
16639
|
})));
|
|
16573
16640
|
};
|
|
16574
16641
|
|
|
16575
|
-
var _templateObject$
|
|
16576
|
-
var Label$9 = styled.label(_templateObject$
|
|
16642
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$o;
|
|
16643
|
+
var Label$9 = styled.label(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
16577
16644
|
var theme = _ref.theme;
|
|
16578
16645
|
return theme.useTypography('p');
|
|
16579
16646
|
}, function (_ref2) {
|
|
@@ -16585,9 +16652,9 @@ var Label$9 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemp
|
|
|
16585
16652
|
}, function (_ref4) {
|
|
16586
16653
|
var disabled = _ref4.disabled;
|
|
16587
16654
|
if (!disabled) return;
|
|
16588
|
-
return css(_templateObject2$
|
|
16655
|
+
return css(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16589
16656
|
});
|
|
16590
|
-
var TagContainer = styled.div(_templateObject3$
|
|
16657
|
+
var TagContainer = styled.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
16591
16658
|
var theme = _ref5.theme,
|
|
16592
16659
|
invalid = _ref5.invalid;
|
|
16593
16660
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -16667,8 +16734,8 @@ var Tags = React__default.forwardRef(function (props, ref) {
|
|
|
16667
16734
|
});
|
|
16668
16735
|
Tags.displayName = 'Tags';
|
|
16669
16736
|
|
|
16670
|
-
var _templateObject$
|
|
16671
|
-
var RelativeContainer$6 = styled.div(_templateObject$
|
|
16737
|
+
var _templateObject$G;
|
|
16738
|
+
var RelativeContainer$6 = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
16672
16739
|
|
|
16673
16740
|
var isLeapYear$1 = function isLeapYear(year) {
|
|
16674
16741
|
if (year % 4 !== 0) return false;else if (year % 100 !== 0) return true;else if (year % 400 !== 0) return false;else return true;
|
|
@@ -17069,22 +17136,22 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17069
17136
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17070
17137
|
});
|
|
17071
17138
|
|
|
17072
|
-
var _templateObject$
|
|
17073
|
-
var Container$7 = styled(AbsoluteContainer)(_templateObject$
|
|
17139
|
+
var _templateObject$H, _templateObject2$w, _templateObject3$p, _templateObject4$f;
|
|
17140
|
+
var Container$7 = styled(AbsoluteContainer)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
17074
17141
|
var theme = _ref.theme;
|
|
17075
17142
|
return theme.colors.white;
|
|
17076
17143
|
}, function (_ref2) {
|
|
17077
17144
|
var s3 = _ref2.theme.spacings.s3;
|
|
17078
17145
|
return s3 + " 0 " + s3 + " " + s3;
|
|
17079
17146
|
});
|
|
17080
|
-
var Header$3 = styled.div(_templateObject2$
|
|
17147
|
+
var Header$3 = styled.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n padding: ", ";\n > div {\n display: flex;\n justify-content: space-between;\n }\n"])), function (_ref3) {
|
|
17081
17148
|
var s3 = _ref3.theme.spacings.s3;
|
|
17082
17149
|
return s3;
|
|
17083
17150
|
}, function (_ref4) {
|
|
17084
17151
|
var s3 = _ref4.theme.spacings.s3;
|
|
17085
17152
|
return "0 " + s3 + " " + s3 + " 0";
|
|
17086
17153
|
});
|
|
17087
|
-
var Title = styled.div(_templateObject3$
|
|
17154
|
+
var Title = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
17088
17155
|
var useTypography = _ref5.theme.useTypography;
|
|
17089
17156
|
return useTypography('p', {
|
|
17090
17157
|
fontWeight: 'bold'
|
|
@@ -17093,7 +17160,7 @@ var Title = styled.div(_templateObject3$m || (_templateObject3$m = _taggedTempla
|
|
|
17093
17160
|
var getColor = _ref6.theme.getColor;
|
|
17094
17161
|
return getColor('greyishBlue', 50);
|
|
17095
17162
|
});
|
|
17096
|
-
var Item = styled.div(_templateObject4$
|
|
17163
|
+
var Item = styled.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
|
|
17097
17164
|
var s1 = _ref7.theme.spacings.s1;
|
|
17098
17165
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17099
17166
|
}, function (_ref8) {
|
|
@@ -17207,8 +17274,8 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17207
17274
|
}))));
|
|
17208
17275
|
};
|
|
17209
17276
|
|
|
17210
|
-
var _templateObject$
|
|
17211
|
-
var Container$8 = styled.div(_templateObject$
|
|
17277
|
+
var _templateObject$I, _templateObject2$x, _templateObject3$q;
|
|
17278
|
+
var Container$8 = styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
17212
17279
|
var theme = _ref.theme,
|
|
17213
17280
|
gap = _ref.$gap;
|
|
17214
17281
|
return gap === '0' ? '0' : theme.spacings[gap];
|
|
@@ -17219,10 +17286,10 @@ var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTe
|
|
|
17219
17286
|
var onClick = _ref3.onClick;
|
|
17220
17287
|
|
|
17221
17288
|
if (!onClick) {
|
|
17222
|
-
return css(_templateObject2$
|
|
17289
|
+
return css(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
17223
17290
|
}
|
|
17224
17291
|
|
|
17225
|
-
return css(_templateObject3$
|
|
17292
|
+
return css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17226
17293
|
});
|
|
17227
17294
|
|
|
17228
17295
|
var Button$5 = function Button(props) {
|
|
@@ -17274,25 +17341,25 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17274
17341
|
Menu: AppliedFiltersMenu
|
|
17275
17342
|
});
|
|
17276
17343
|
|
|
17277
|
-
var _templateObject$
|
|
17278
|
-
var Container$9 = styled.div(_templateObject$
|
|
17279
|
-
return props.size === 'mini' && css(_templateObject2$
|
|
17344
|
+
var _templateObject$J, _templateObject2$y, _templateObject3$r, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
|
|
17345
|
+
var Container$9 = styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
|
|
17346
|
+
return props.size === 'mini' && css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17280
17347
|
}, function (props) {
|
|
17281
|
-
return props.size === 'small' && css(_templateObject3$
|
|
17348
|
+
return props.size === 'small' && css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17282
17349
|
}, function (props) {
|
|
17283
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
17350
|
+
return props.size === 'medium' && css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17284
17351
|
}, function (props) {
|
|
17285
|
-
return props.size === 'big' && css(_templateObject5$
|
|
17352
|
+
return props.size === 'big' && css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17286
17353
|
}, function (props) {
|
|
17287
|
-
return props.borderType === 'info' && css(_templateObject6$
|
|
17354
|
+
return props.borderType === 'info' && css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17288
17355
|
}, function (props) {
|
|
17289
|
-
return props.borderType === 'success' && css(_templateObject7$
|
|
17356
|
+
return props.borderType === 'success' && css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17290
17357
|
}, function (props) {
|
|
17291
|
-
return props.borderType === 'warning' && css(_templateObject8$
|
|
17358
|
+
return props.borderType === 'warning' && css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17292
17359
|
}, function (props) {
|
|
17293
|
-
return props.borderType === 'danger' && css(_templateObject9$
|
|
17360
|
+
return props.borderType === 'danger' && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
17294
17361
|
}, function (props) {
|
|
17295
|
-
return props.borderType === 'none' && css(_templateObject10$
|
|
17362
|
+
return props.borderType === 'none' && css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n border: 1px solid #d4d4d5;\n "])));
|
|
17296
17363
|
});
|
|
17297
17364
|
|
|
17298
17365
|
var _excluded$1 = ["children"];
|
|
@@ -17304,8 +17371,8 @@ var Card = function Card(_ref) {
|
|
|
17304
17371
|
return React__default.createElement(Container$9, Object.assign({}, rest), children);
|
|
17305
17372
|
};
|
|
17306
17373
|
|
|
17307
|
-
var _templateObject$
|
|
17308
|
-
var Container$a = styled.div(_templateObject$
|
|
17374
|
+
var _templateObject$K;
|
|
17375
|
+
var Container$a = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n padding: ", ";\n\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n"])), function (_ref) {
|
|
17309
17376
|
var _ref$theme$spacings = _ref.theme.spacings,
|
|
17310
17377
|
s1 = _ref$theme$spacings.s1,
|
|
17311
17378
|
s3 = _ref$theme$spacings.s3;
|
|
@@ -17368,8 +17435,8 @@ var Header$4 = function Header(props) {
|
|
|
17368
17435
|
}));
|
|
17369
17436
|
};
|
|
17370
17437
|
|
|
17371
|
-
var _templateObject$
|
|
17372
|
-
var EmptyMessage = styled.div(_templateObject$
|
|
17438
|
+
var _templateObject$L;
|
|
17439
|
+
var EmptyMessage = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n color: ", ";\n text-align: center;\n margin: auto;\n width: 100%;\n"])), function (_ref) {
|
|
17373
17440
|
var lightGrey = _ref.theme.colors.lightGrey;
|
|
17374
17441
|
return lightGrey;
|
|
17375
17442
|
});
|
|
@@ -17717,7 +17784,7 @@ var useContext$2 = function useContext() {
|
|
|
17717
17784
|
return React__default.useContext(Provider$2);
|
|
17718
17785
|
};
|
|
17719
17786
|
|
|
17720
|
-
var _templateObject$
|
|
17787
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$5, _templateObject12$4, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
17721
17788
|
var aligns = {
|
|
17722
17789
|
self: {
|
|
17723
17790
|
horizontal: {
|
|
@@ -17746,17 +17813,17 @@ var aligns = {
|
|
|
17746
17813
|
}
|
|
17747
17814
|
}
|
|
17748
17815
|
};
|
|
17749
|
-
var Col = styled.div(_templateObject$
|
|
17816
|
+
var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n ", "\n\n padding: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17750
17817
|
var width = _ref.width;
|
|
17751
17818
|
|
|
17752
17819
|
if (width === undefined) {
|
|
17753
|
-
return css(_templateObject2$
|
|
17820
|
+
return css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17754
17821
|
} else if (width === 'auto') {
|
|
17755
|
-
return css(_templateObject3$
|
|
17822
|
+
return css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17756
17823
|
}
|
|
17757
17824
|
|
|
17758
17825
|
var w = parseFloat(width) * 100 / 12;
|
|
17759
|
-
return css(_templateObject4$
|
|
17826
|
+
return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17760
17827
|
}, function (_ref2) {
|
|
17761
17828
|
var spacing = _ref2.spacing;
|
|
17762
17829
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17764,7 +17831,7 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17764
17831
|
}, function (_ref3) {
|
|
17765
17832
|
var spacingAround = _ref3.spacingAround;
|
|
17766
17833
|
if (spacingAround) return;
|
|
17767
|
-
return css(_templateObject5$
|
|
17834
|
+
return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
|
|
17768
17835
|
}, function (_ref4) {
|
|
17769
17836
|
var align = _ref4.align;
|
|
17770
17837
|
if (align === undefined) return;
|
|
@@ -17774,13 +17841,13 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17774
17841
|
if (align.self.horizontal !== undefined) {
|
|
17775
17842
|
var v = align.self.horizontal;
|
|
17776
17843
|
var a = aligns.self.horizontal;
|
|
17777
|
-
styles.push(css(_templateObject6$
|
|
17844
|
+
styles.push(css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n justify-self: ", ";\n "])), a[v]));
|
|
17778
17845
|
}
|
|
17779
17846
|
|
|
17780
17847
|
if (align.self.vertical !== undefined) {
|
|
17781
17848
|
var _v = align.self.vertical;
|
|
17782
17849
|
var _a = aligns.self.vertical;
|
|
17783
|
-
styles.push(css(_templateObject7$
|
|
17850
|
+
styles.push(css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17784
17851
|
}
|
|
17785
17852
|
}
|
|
17786
17853
|
|
|
@@ -17788,19 +17855,19 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17788
17855
|
if (align.content.horizontal !== undefined) {
|
|
17789
17856
|
var _v2 = align.content.horizontal;
|
|
17790
17857
|
var _a2 = aligns.content.horizontal;
|
|
17791
|
-
styles.push(css(_templateObject8$
|
|
17858
|
+
styles.push(css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
17792
17859
|
}
|
|
17793
17860
|
|
|
17794
17861
|
if (align.content.vertical !== undefined) {
|
|
17795
17862
|
var _v3 = align.content.vertical;
|
|
17796
17863
|
var _a3 = aligns.content.vertical;
|
|
17797
|
-
styles.push(css(_templateObject9$
|
|
17864
|
+
styles.push(css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
|
|
17798
17865
|
}
|
|
17799
17866
|
}
|
|
17800
17867
|
|
|
17801
17868
|
if (align.text !== undefined) {
|
|
17802
17869
|
var _v4 = align.text;
|
|
17803
|
-
styles.push(css(_templateObject10$
|
|
17870
|
+
styles.push(css(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n text-align: ", ";\n "])), _v4));
|
|
17804
17871
|
}
|
|
17805
17872
|
|
|
17806
17873
|
return styles;
|
|
@@ -17808,30 +17875,30 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17808
17875
|
var bordered = _ref5.bordered,
|
|
17809
17876
|
lightestGrey = _ref5.theme.colors.lightestGrey;
|
|
17810
17877
|
if (!bordered) return;
|
|
17811
|
-
return css(_templateObject11$
|
|
17878
|
+
return css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-right: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
17812
17879
|
}, function (_ref6) {
|
|
17813
17880
|
var fontColor = _ref6.fontColor,
|
|
17814
17881
|
theme = _ref6.theme;
|
|
17815
17882
|
if (fontColor === undefined) return;
|
|
17816
17883
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
17817
|
-
return css(_templateObject12$
|
|
17884
|
+
return css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
17818
17885
|
}, function (_ref7) {
|
|
17819
17886
|
var backgroundColor = _ref7.backgroundColor,
|
|
17820
17887
|
theme = _ref7.theme;
|
|
17821
17888
|
if (backgroundColor === undefined) return;
|
|
17822
17889
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17823
|
-
return css(_templateObject13$
|
|
17890
|
+
return css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17824
17891
|
}, function (_ref8) {
|
|
17825
17892
|
var hover = _ref8.hover,
|
|
17826
17893
|
theme = _ref8.theme;
|
|
17827
17894
|
if (!hover) return;
|
|
17828
17895
|
var h = hover === true ? ['lightGrey', 50] : hover;
|
|
17829
17896
|
var c = Array.isArray(h) ? theme.getColor.apply(theme, h) : theme.colors[h];
|
|
17830
|
-
return css(_templateObject14$
|
|
17897
|
+
return css(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n :hover {\n background-color: ", ";\n }\n "])), c);
|
|
17831
17898
|
}, function (_ref9) {
|
|
17832
17899
|
var pointer = _ref9.pointer;
|
|
17833
17900
|
if (!pointer) return;
|
|
17834
|
-
return css(_templateObject15$
|
|
17901
|
+
return css(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17835
17902
|
});
|
|
17836
17903
|
|
|
17837
17904
|
var Col$1 = function Col$1(props) {
|
|
@@ -17851,17 +17918,17 @@ var useContext$3 = function useContext() {
|
|
|
17851
17918
|
return React__default.useContext(Provider$3);
|
|
17852
17919
|
};
|
|
17853
17920
|
|
|
17854
|
-
var _templateObject$
|
|
17855
|
-
var Grid = styled.div(_templateObject$
|
|
17921
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$t;
|
|
17922
|
+
var Grid = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17856
17923
|
var spacing = _ref.spacing;
|
|
17857
17924
|
if (spacing === undefined) return;
|
|
17858
17925
|
var padding = getSpacings(spacing);
|
|
17859
|
-
return css(_templateObject2$
|
|
17926
|
+
return css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), padding);
|
|
17860
17927
|
}, function (_ref2) {
|
|
17861
17928
|
var borderless = _ref2.borderless,
|
|
17862
17929
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17863
17930
|
if (borderless) return;
|
|
17864
|
-
return css(_templateObject3$
|
|
17931
|
+
return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17865
17932
|
});
|
|
17866
17933
|
|
|
17867
17934
|
var Grid$1 = function Grid$1(props) {
|
|
@@ -17876,7 +17943,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17876
17943
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17877
17944
|
};
|
|
17878
17945
|
|
|
17879
|
-
var _templateObject$
|
|
17946
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
|
|
17880
17947
|
var horizontalAligns = {
|
|
17881
17948
|
around: 'space-around',
|
|
17882
17949
|
between: 'space-between',
|
|
@@ -17889,23 +17956,23 @@ var verticalAligns = {
|
|
|
17889
17956
|
top: 'start',
|
|
17890
17957
|
bottom: 'end'
|
|
17891
17958
|
};
|
|
17892
|
-
var Row = styled.div(_templateObject$
|
|
17959
|
+
var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17893
17960
|
var spacing = _ref.spacing;
|
|
17894
17961
|
if (spacing === undefined) return;
|
|
17895
17962
|
var padding = getSpacings(spacing);
|
|
17896
|
-
return css(_templateObject2$
|
|
17963
|
+
return css(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), padding);
|
|
17897
17964
|
}, function (_ref2) {
|
|
17898
17965
|
var spacingAround = _ref2.spacingAround;
|
|
17899
17966
|
if (spacingAround) return;
|
|
17900
|
-
return css(_templateObject3$
|
|
17967
|
+
return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17901
17968
|
}, function (_ref3) {
|
|
17902
17969
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17903
17970
|
if (horizontalAlign === undefined) return;
|
|
17904
|
-
return css(_templateObject4$
|
|
17971
|
+
return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
17905
17972
|
}, function (_ref4) {
|
|
17906
17973
|
var verticalAlign = _ref4.verticalAlign;
|
|
17907
17974
|
if (verticalAlign === undefined) return;
|
|
17908
|
-
return css(_templateObject5$
|
|
17975
|
+
return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
|
|
17909
17976
|
}, function (_ref5) {
|
|
17910
17977
|
var striped = _ref5.striped,
|
|
17911
17978
|
backgroundColor = _ref5.backgroundColor,
|
|
@@ -17913,11 +17980,11 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17913
17980
|
|
|
17914
17981
|
if (backgroundColor !== undefined) {
|
|
17915
17982
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17916
|
-
return css(_templateObject6$
|
|
17983
|
+
return css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17917
17984
|
}
|
|
17918
17985
|
|
|
17919
17986
|
if (striped === undefined) {
|
|
17920
|
-
return css(_templateObject7$
|
|
17987
|
+
return css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17921
17988
|
}
|
|
17922
17989
|
|
|
17923
17990
|
var config = striped === true ? {
|
|
@@ -17933,7 +18000,7 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17933
18000
|
even: theme.colors.white,
|
|
17934
18001
|
odd: theme.colors.white
|
|
17935
18002
|
});
|
|
17936
|
-
return css(_templateObject8$
|
|
18003
|
+
return css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
|
|
17937
18004
|
}, function (_ref6) {
|
|
17938
18005
|
var fontColor = _ref6.fontColor,
|
|
17939
18006
|
theme = _ref6.theme;
|
|
@@ -17944,14 +18011,14 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17944
18011
|
var borderless = _ref7.borderless,
|
|
17945
18012
|
lightestGrey = _ref7.theme.colors.lightestGrey;
|
|
17946
18013
|
if (borderless) return;
|
|
17947
|
-
return css(_templateObject9$
|
|
18014
|
+
return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
17948
18015
|
}, function (_ref8) {
|
|
17949
18016
|
var hover = _ref8.hover,
|
|
17950
18017
|
theme = _ref8.theme;
|
|
17951
18018
|
if (!hover) return;
|
|
17952
18019
|
var h = hover === true ? ['lightGrey', 50] : hover;
|
|
17953
18020
|
var c = Array.isArray(h) ? theme.getColor.apply(theme, h) : theme.colors[h];
|
|
17954
|
-
return css(_templateObject10$
|
|
18021
|
+
return css(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n :hover {\n background-color: ", ";\n }\n "])), c);
|
|
17955
18022
|
});
|
|
17956
18023
|
|
|
17957
18024
|
var Row$1 = function Row$1(props) {
|
|
@@ -18004,40 +18071,40 @@ var widths = {
|
|
|
18004
18071
|
default: '642.5px'
|
|
18005
18072
|
};
|
|
18006
18073
|
|
|
18007
|
-
var _templateObject$
|
|
18008
|
-
var Background = styled.div(_templateObject$
|
|
18074
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
|
|
18075
|
+
var Background = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
|
|
18009
18076
|
var theme = _ref.theme;
|
|
18010
18077
|
return theme.getColor('black', 25);
|
|
18011
18078
|
});
|
|
18012
|
-
var Content = styled.div(_templateObject2$
|
|
18013
|
-
var Header$5 = styled.div(_templateObject3$
|
|
18079
|
+
var Content = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
18080
|
+
var Header$5 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
18014
18081
|
var _ref2$theme = _ref2.theme,
|
|
18015
18082
|
colors = _ref2$theme.colors,
|
|
18016
18083
|
spacings = _ref2$theme.spacings,
|
|
18017
18084
|
useTypography = _ref2$theme.useTypography;
|
|
18018
|
-
return css(_templateObject4$
|
|
18085
|
+
return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18019
18086
|
});
|
|
18020
|
-
var Footer$2 = styled.div(_templateObject5$
|
|
18087
|
+
var Footer$2 = styled.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
|
|
18021
18088
|
var _ref3$theme = _ref3.theme,
|
|
18022
18089
|
spacings = _ref3$theme.spacings,
|
|
18023
18090
|
colors = _ref3$theme.colors;
|
|
18024
|
-
return css(_templateObject6$
|
|
18091
|
+
return css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
18025
18092
|
});
|
|
18026
|
-
var FooterMessage = styled.div(_templateObject7$
|
|
18093
|
+
var FooterMessage = styled.div(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n max-width: 75%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n span {\n font-size: 14px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
18027
18094
|
var theme = _ref4.theme;
|
|
18028
18095
|
return theme.getColor('darkBlue', 75);
|
|
18029
18096
|
});
|
|
18030
|
-
var FooterButtons = styled.div(_templateObject8$
|
|
18097
|
+
var FooterButtons = styled.div(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
|
|
18031
18098
|
var theme = _ref5.theme;
|
|
18032
18099
|
return theme.spacings.s3;
|
|
18033
18100
|
});
|
|
18034
|
-
var Container$b = styled.div(_templateObject9$
|
|
18101
|
+
var Container$b = styled.div(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
|
|
18035
18102
|
var theme = _ref6.theme,
|
|
18036
18103
|
size = _ref6.size,
|
|
18037
18104
|
customSize = _ref6.customSize,
|
|
18038
18105
|
color = _ref6.color,
|
|
18039
18106
|
inverted = _ref6.inverted;
|
|
18040
|
-
return css(_templateObject10$
|
|
18107
|
+
return css(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n box-shadow: 0 0 21px 7px ", ";\n\n width: ", ";\n\n height: ", ";\n\n ", " {\n background-color: ", ";\n color: ", ";\n }\n "])), theme.colors.white, theme.getColor('black', 15), size === 'custom' && customSize ? customSize.width || 'auto' : widths[size], size === 'custom' && customSize ? customSize.height || 'auto' : heights[size], Header$5, inverted ? theme.isDarkColor(color) : theme.colors[color], inverted ? theme.colors[color] : theme.isDarkColor(color));
|
|
18041
18108
|
});
|
|
18042
18109
|
|
|
18043
18110
|
var _excluded$2 = ["children"];
|
|
@@ -18113,8 +18180,8 @@ var Modal = function Modal(props) {
|
|
|
18113
18180
|
}))))));
|
|
18114
18181
|
};
|
|
18115
18182
|
|
|
18116
|
-
var _templateObject$
|
|
18117
|
-
var Content$1 = styled.div(_templateObject$
|
|
18183
|
+
var _templateObject$Q;
|
|
18184
|
+
var Content$1 = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n padding: ", ";\n"])), function (_ref) {
|
|
18118
18185
|
var theme = _ref.theme;
|
|
18119
18186
|
return theme.spacings.s5 + " " + theme.spacings.s4;
|
|
18120
18187
|
});
|
|
@@ -18151,8 +18218,8 @@ var ConfirmDelete = function ConfirmDelete(props) {
|
|
|
18151
18218
|
}, React__default.createElement(Content$1, null, children || content));
|
|
18152
18219
|
};
|
|
18153
18220
|
|
|
18154
|
-
var _templateObject$
|
|
18155
|
-
var Content$2 = styled.div(_templateObject$
|
|
18221
|
+
var _templateObject$R;
|
|
18222
|
+
var Content$2 = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n padding: ", ";\n"])), function (_ref) {
|
|
18156
18223
|
var theme = _ref.theme;
|
|
18157
18224
|
return theme.spacings.s5 + " " + theme.spacings.s4;
|
|
18158
18225
|
});
|
|
@@ -18192,8 +18259,8 @@ var ConfirmSuccess = function ConfirmSuccess(props) {
|
|
|
18192
18259
|
}, React__default.createElement(Content$2, null, children || content));
|
|
18193
18260
|
};
|
|
18194
18261
|
|
|
18195
|
-
var _templateObject$
|
|
18196
|
-
var Content$3 = styled.div(_templateObject$
|
|
18262
|
+
var _templateObject$S;
|
|
18263
|
+
var Content$3 = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n padding: ", ";\n"])), function (_ref) {
|
|
18197
18264
|
var theme = _ref.theme;
|
|
18198
18265
|
return theme.spacings.s5 + " " + theme.spacings.s4;
|
|
18199
18266
|
});
|
|
@@ -18234,24 +18301,24 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18234
18301
|
Audit: Audit
|
|
18235
18302
|
});
|
|
18236
18303
|
|
|
18237
|
-
var _templateObject$
|
|
18238
|
-
var Container$c = styled.div(_templateObject$
|
|
18239
|
-
var Header$6 = styled.div(_templateObject2$
|
|
18240
|
-
var HeaderImage = styled.div(_templateObject3$
|
|
18241
|
-
var HeaderContent = styled.div(_templateObject4$
|
|
18242
|
-
var MainContent = styled.div(_templateObject5$
|
|
18243
|
-
var HeaderLine = styled.div(_templateObject6$
|
|
18304
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$6;
|
|
18305
|
+
var Container$c = styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18306
|
+
var Header$6 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18307
|
+
var HeaderImage = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18308
|
+
var HeaderContent = styled.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18309
|
+
var MainContent = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18310
|
+
var HeaderLine = styled.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18244
18311
|
return props.height;
|
|
18245
18312
|
}, function (props) {
|
|
18246
|
-
return props.size === 'mini' && css(_templateObject7$
|
|
18313
|
+
return props.size === 'mini' && css(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18247
18314
|
}, function (props) {
|
|
18248
|
-
return props.size === 'small' && css(_templateObject8$
|
|
18315
|
+
return props.size === 'small' && css(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18249
18316
|
}, function (props) {
|
|
18250
|
-
return props.size === 'medium' && css(_templateObject9$
|
|
18317
|
+
return props.size === 'medium' && css(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18251
18318
|
}, function (props) {
|
|
18252
|
-
return props.size === 'large' && css(_templateObject10$
|
|
18319
|
+
return props.size === 'large' && css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18253
18320
|
});
|
|
18254
|
-
var MainLine = styled(HeaderLine)(_templateObject11$
|
|
18321
|
+
var MainLine = styled(HeaderLine)(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18255
18322
|
|
|
18256
18323
|
var Template1 = function Template1(props) {
|
|
18257
18324
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18286,28 +18353,28 @@ var Template1 = function Template1(props) {
|
|
|
18286
18353
|
})));
|
|
18287
18354
|
};
|
|
18288
18355
|
|
|
18289
|
-
var _templateObject$
|
|
18290
|
-
var HeaderLine$1 = styled.div(_templateObject$
|
|
18356
|
+
var _templateObject$U, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i;
|
|
18357
|
+
var HeaderLine$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18291
18358
|
return props.height;
|
|
18292
18359
|
}, function (props) {
|
|
18293
|
-
return props.size === 'mini' && css(_templateObject2$
|
|
18360
|
+
return props.size === 'mini' && css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18294
18361
|
}, function (props) {
|
|
18295
|
-
return props.size === 'small' && css(_templateObject3$
|
|
18362
|
+
return props.size === 'small' && css(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18296
18363
|
}, function (props) {
|
|
18297
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
18364
|
+
return props.size === 'medium' && css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18298
18365
|
}, function (props) {
|
|
18299
|
-
return props.size === 'large' && css(_templateObject5$
|
|
18366
|
+
return props.size === 'large' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18300
18367
|
});
|
|
18301
18368
|
|
|
18302
|
-
var _templateObject$
|
|
18303
|
-
var Container$d = styled.div(_templateObject$
|
|
18304
|
-
var Template2Container = styled(Container$d)(_templateObject2$
|
|
18305
|
-
var Header$7 = styled.div(_templateObject3$
|
|
18306
|
-
var HeaderImage$1 = styled.div(_templateObject4$
|
|
18307
|
-
var HeaderContent$1 = styled.div(_templateObject5$
|
|
18308
|
-
var MainContent$1 = styled.div(_templateObject6$
|
|
18309
|
-
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$
|
|
18310
|
-
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$
|
|
18369
|
+
var _templateObject$V, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
|
|
18370
|
+
var Container$d = styled.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18371
|
+
var Template2Container = styled(Container$d)(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18372
|
+
var Header$7 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18373
|
+
var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18374
|
+
var HeaderContent$1 = styled.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18375
|
+
var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18376
|
+
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18377
|
+
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose([""])));
|
|
18311
18378
|
|
|
18312
18379
|
var Template2 = function Template2(props) {
|
|
18313
18380
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18330,10 +18397,10 @@ var Template2 = function Template2(props) {
|
|
|
18330
18397
|
})));
|
|
18331
18398
|
};
|
|
18332
18399
|
|
|
18333
|
-
var _templateObject$
|
|
18334
|
-
var Container$e = styled.div(_templateObject$
|
|
18335
|
-
var Template3Container = styled(Container$e)(_templateObject2$
|
|
18336
|
-
var Template3Line = styled(HeaderLine$1)(_templateObject3$
|
|
18400
|
+
var _templateObject$W, _templateObject2$G, _templateObject3$z;
|
|
18401
|
+
var Container$e = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18402
|
+
var Template3Container = styled(Container$e)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose([""])));
|
|
18403
|
+
var Template3Line = styled(HeaderLine$1)(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18337
18404
|
return props.height;
|
|
18338
18405
|
});
|
|
18339
18406
|
|
|
@@ -18362,21 +18429,21 @@ var Template3 = function Template3(props) {
|
|
|
18362
18429
|
}));
|
|
18363
18430
|
};
|
|
18364
18431
|
|
|
18365
|
-
var _templateObject$
|
|
18366
|
-
var Container$f = styled.div(_templateObject$
|
|
18367
|
-
var HeaderLine$3 = styled.div(_templateObject2$
|
|
18432
|
+
var _templateObject$X, _templateObject2$H, _templateObject3$A, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18433
|
+
var Container$f = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18434
|
+
var HeaderLine$3 = styled.div(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18368
18435
|
return props.height;
|
|
18369
18436
|
}, function (props) {
|
|
18370
|
-
return props.size === 'mini' && css(_templateObject3$
|
|
18437
|
+
return props.size === 'mini' && css(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18371
18438
|
}, function (props) {
|
|
18372
|
-
return props.size === 'small' && css(_templateObject4$
|
|
18439
|
+
return props.size === 'small' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18373
18440
|
}, function (props) {
|
|
18374
|
-
return props.size === 'medium' && css(_templateObject5$
|
|
18441
|
+
return props.size === 'medium' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18375
18442
|
}, function (props) {
|
|
18376
|
-
return props.size === 'large' && css(_templateObject6$
|
|
18443
|
+
return props.size === 'large' && css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18377
18444
|
});
|
|
18378
|
-
var Template4Container = styled(Container$f)(_templateObject7$
|
|
18379
|
-
var CustomLine = styled(HeaderLine$3)(_templateObject8$
|
|
18445
|
+
var Template4Container = styled(Container$f)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18446
|
+
var CustomLine = styled(HeaderLine$3)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18380
18447
|
return props.width;
|
|
18381
18448
|
}, function (props) {
|
|
18382
18449
|
return props.height;
|
|
@@ -18429,28 +18496,28 @@ var Template4 = function Template4(props) {
|
|
|
18429
18496
|
}));
|
|
18430
18497
|
};
|
|
18431
18498
|
|
|
18432
|
-
var _templateObject$
|
|
18433
|
-
var Container$g = styled.div(_templateObject$
|
|
18434
|
-
var Circle = styled.div(_templateObject2$
|
|
18435
|
-
var HeaderLine$4 = styled.div(_templateObject3$
|
|
18499
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
|
|
18500
|
+
var Container$g = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
18501
|
+
var Circle = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18502
|
+
var HeaderLine$4 = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18436
18503
|
return props.height;
|
|
18437
18504
|
}, function (props) {
|
|
18438
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18505
|
+
return props.size === 'mini' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18439
18506
|
}, function (props) {
|
|
18440
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18507
|
+
return props.size === 'small' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18441
18508
|
}, function (props) {
|
|
18442
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18509
|
+
return props.size === 'medium' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18443
18510
|
}, function (props) {
|
|
18444
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18511
|
+
return props.size === 'large' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18445
18512
|
});
|
|
18446
|
-
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$
|
|
18513
|
+
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18447
18514
|
return props.width;
|
|
18448
18515
|
}, function (props) {
|
|
18449
18516
|
return props.height;
|
|
18450
18517
|
}, function (props) {
|
|
18451
18518
|
return props.color;
|
|
18452
18519
|
});
|
|
18453
|
-
var MainContent$2 = styled.div(_templateObject9$
|
|
18520
|
+
var MainContent$2 = styled.div(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
|
|
18454
18521
|
|
|
18455
18522
|
var Template5 = function Template5(props) {
|
|
18456
18523
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18477,22 +18544,22 @@ var Template5 = function Template5(props) {
|
|
|
18477
18544
|
})));
|
|
18478
18545
|
};
|
|
18479
18546
|
|
|
18480
|
-
var _templateObject$
|
|
18481
|
-
var Container$h = styled.div(_templateObject$
|
|
18482
|
-
var Header$8 = styled.div(_templateObject2$
|
|
18483
|
-
var Footer$3 = styled.div(_templateObject3$
|
|
18484
|
-
var HeaderLine$5 = styled.div(_templateObject4$
|
|
18547
|
+
var _templateObject$Z, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18548
|
+
var Container$h = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18549
|
+
var Header$8 = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18550
|
+
var Footer$3 = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18551
|
+
var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18485
18552
|
return props.height;
|
|
18486
18553
|
}, function (props) {
|
|
18487
|
-
return props.size === 'mini' && css(_templateObject5$
|
|
18554
|
+
return props.size === 'mini' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18488
18555
|
}, function (props) {
|
|
18489
|
-
return props.size === 'small' && css(_templateObject6$
|
|
18556
|
+
return props.size === 'small' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18490
18557
|
}, function (props) {
|
|
18491
|
-
return props.size === 'medium' && css(_templateObject7$
|
|
18558
|
+
return props.size === 'medium' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18492
18559
|
}, function (props) {
|
|
18493
|
-
return props.size === 'large' && css(_templateObject8$
|
|
18560
|
+
return props.size === 'large' && css(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18494
18561
|
});
|
|
18495
|
-
var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$
|
|
18562
|
+
var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18496
18563
|
return props.width;
|
|
18497
18564
|
}, function (props) {
|
|
18498
18565
|
return props.height;
|
|
@@ -18520,29 +18587,29 @@ var Template6 = function Template6(props) {
|
|
|
18520
18587
|
})));
|
|
18521
18588
|
};
|
|
18522
18589
|
|
|
18523
|
-
var _templateObject$
|
|
18524
|
-
var Container$i = styled.div(_templateObject$
|
|
18525
|
-
var Header$9 = styled.div(_templateObject2$
|
|
18526
|
-
var HeaderLine$6 = styled.div(_templateObject3$
|
|
18590
|
+
var _templateObject$_, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
|
|
18591
|
+
var Container$i = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18592
|
+
var Header$9 = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18593
|
+
var HeaderLine$6 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18527
18594
|
return props.height;
|
|
18528
18595
|
}, function (props) {
|
|
18529
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18596
|
+
return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18530
18597
|
}, function (props) {
|
|
18531
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18598
|
+
return props.size === 'small' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18532
18599
|
}, function (props) {
|
|
18533
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18600
|
+
return props.size === 'medium' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18534
18601
|
}, function (props) {
|
|
18535
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18602
|
+
return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18536
18603
|
});
|
|
18537
|
-
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$
|
|
18604
|
+
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18538
18605
|
return props.width;
|
|
18539
18606
|
}, function (props) {
|
|
18540
18607
|
return props.height;
|
|
18541
18608
|
}, function (props) {
|
|
18542
18609
|
return props.color;
|
|
18543
18610
|
});
|
|
18544
|
-
var Main$2 = styled.div(_templateObject9$
|
|
18545
|
-
var Circle$1 = styled.div(_templateObject10$
|
|
18611
|
+
var Main$2 = styled.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n margin: 10px 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n"])));
|
|
18612
|
+
var Circle$1 = styled.div(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n width: 30px;\n height: 30px;\n background-color: #ebebeb;\n border-radius: 50%;\n margin: 0 16px;\n"])));
|
|
18546
18613
|
|
|
18547
18614
|
var Template7 = function Template7(props) {
|
|
18548
18615
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18554,28 +18621,28 @@ var Template7 = function Template7(props) {
|
|
|
18554
18621
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
|
|
18555
18622
|
};
|
|
18556
18623
|
|
|
18557
|
-
var _templateObject
|
|
18558
|
-
var Container$j = styled.div(_templateObject
|
|
18559
|
-
var Header$a = styled.div(_templateObject2$
|
|
18560
|
-
var HeaderLine$7 = styled.div(_templateObject3$
|
|
18624
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
|
|
18625
|
+
var Container$j = styled.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18626
|
+
var Header$a = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18627
|
+
var HeaderLine$7 = styled.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18561
18628
|
return props.height;
|
|
18562
18629
|
}, function (props) {
|
|
18563
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18630
|
+
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18564
18631
|
}, function (props) {
|
|
18565
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18632
|
+
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18566
18633
|
}, function (props) {
|
|
18567
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18634
|
+
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18568
18635
|
}, function (props) {
|
|
18569
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18636
|
+
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18570
18637
|
});
|
|
18571
|
-
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$
|
|
18638
|
+
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18572
18639
|
return props.width;
|
|
18573
18640
|
}, function (props) {
|
|
18574
18641
|
return props.height;
|
|
18575
18642
|
}, function (props) {
|
|
18576
18643
|
return props.color;
|
|
18577
18644
|
});
|
|
18578
|
-
var Main$3 = styled.div(_templateObject9$
|
|
18645
|
+
var Main$3 = styled.div(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
|
|
18579
18646
|
|
|
18580
18647
|
var Template8 = function Template8(props) {
|
|
18581
18648
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18597,29 +18664,29 @@ var Template8 = function Template8(props) {
|
|
|
18597
18664
|
})));
|
|
18598
18665
|
};
|
|
18599
18666
|
|
|
18600
|
-
var _templateObject$
|
|
18601
|
-
var Container$k = styled.div(_templateObject$
|
|
18602
|
-
var Header$b = styled.div(_templateObject2$
|
|
18603
|
-
var HeaderLine$8 = styled.div(_templateObject3$
|
|
18667
|
+
var _templateObject$10, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
|
|
18668
|
+
var Container$k = styled.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18669
|
+
var Header$b = styled.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18670
|
+
var HeaderLine$8 = styled.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18604
18671
|
return props.height;
|
|
18605
18672
|
}, function (props) {
|
|
18606
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18673
|
+
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18607
18674
|
}, function (props) {
|
|
18608
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18675
|
+
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18609
18676
|
}, function (props) {
|
|
18610
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18677
|
+
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18611
18678
|
}, function (props) {
|
|
18612
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18679
|
+
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18613
18680
|
});
|
|
18614
|
-
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$
|
|
18681
|
+
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18615
18682
|
return props.width;
|
|
18616
18683
|
}, function (props) {
|
|
18617
18684
|
return props.height;
|
|
18618
18685
|
}, function (props) {
|
|
18619
18686
|
return props.color;
|
|
18620
18687
|
});
|
|
18621
|
-
var Main$4 = styled.div(_templateObject9$
|
|
18622
|
-
var Circle$2 = styled.div(_templateObject10$
|
|
18688
|
+
var Main$4 = styled.div(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
18689
|
+
var Circle$2 = styled.div(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
18623
18690
|
|
|
18624
18691
|
var Template8$1 = function Template8(props) {
|
|
18625
18692
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18636,30 +18703,30 @@ var Template8$1 = function Template8(props) {
|
|
|
18636
18703
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18637
18704
|
};
|
|
18638
18705
|
|
|
18639
|
-
var _templateObject$
|
|
18640
|
-
var Container$l = styled.div(_templateObject$
|
|
18641
|
-
var Header$c = styled.div(_templateObject2$
|
|
18642
|
-
var HeaderLine$9 = styled.div(_templateObject3$
|
|
18706
|
+
var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$7;
|
|
18707
|
+
var Container$l = styled.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18708
|
+
var Header$c = styled.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18709
|
+
var HeaderLine$9 = styled.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18643
18710
|
return props.height;
|
|
18644
18711
|
}, function (props) {
|
|
18645
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18712
|
+
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18646
18713
|
}, function (props) {
|
|
18647
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18714
|
+
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18648
18715
|
}, function (props) {
|
|
18649
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18716
|
+
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18650
18717
|
}, function (props) {
|
|
18651
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18718
|
+
return props.size === 'large' && css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18652
18719
|
});
|
|
18653
|
-
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$
|
|
18720
|
+
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18654
18721
|
return props.width;
|
|
18655
18722
|
}, function (props) {
|
|
18656
18723
|
return props.height;
|
|
18657
18724
|
}, function (props) {
|
|
18658
18725
|
return props.color;
|
|
18659
18726
|
});
|
|
18660
|
-
var GraphLine = styled(CustomLine$6)(_templateObject9$
|
|
18661
|
-
var Main$5 = styled.div(_templateObject10$
|
|
18662
|
-
var Circle$3 = styled.div(_templateObject11$
|
|
18727
|
+
var GraphLine = styled(CustomLine$6)(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
18728
|
+
var Main$5 = styled.div(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n flex: 1;\n padding: 0 7px 72px 7px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: center;\n"])));
|
|
18729
|
+
var Circle$3 = styled.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
18663
18730
|
|
|
18664
18731
|
var Template10 = function Template10(props) {
|
|
18665
18732
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18780,32 +18847,32 @@ var Placeholder = function Placeholder(props) {
|
|
|
18780
18847
|
}
|
|
18781
18848
|
};
|
|
18782
18849
|
|
|
18783
|
-
var _templateObject$
|
|
18784
|
-
var Container$m = styled.div(_templateObject$
|
|
18785
|
-
var Progress = styled.div(_templateObject2$
|
|
18850
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
|
|
18851
|
+
var Container$m = styled.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
|
|
18852
|
+
var Progress = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
|
|
18786
18853
|
return props.value + "%";
|
|
18787
18854
|
}, function (props) {
|
|
18788
|
-
return props.type === 'default' && css(_templateObject3$
|
|
18855
|
+
return props.type === 'default' && css(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18789
18856
|
var theme = _ref.theme;
|
|
18790
18857
|
return theme.colors.warningGray;
|
|
18791
18858
|
});
|
|
18792
18859
|
}, function (props) {
|
|
18793
|
-
return props.type === 'info' && css(_templateObject4$
|
|
18860
|
+
return props.type === 'info' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
18794
18861
|
var theme = _ref2.theme;
|
|
18795
18862
|
return theme.colors.blue;
|
|
18796
18863
|
});
|
|
18797
18864
|
}, function (props) {
|
|
18798
|
-
return props.type === 'danger' && css(_templateObject5$
|
|
18865
|
+
return props.type === 'danger' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
|
|
18799
18866
|
var theme = _ref3.theme;
|
|
18800
18867
|
return theme.colors.warningRed;
|
|
18801
18868
|
});
|
|
18802
18869
|
}, function (props) {
|
|
18803
|
-
return props.type === 'success' && css(_templateObject6$
|
|
18870
|
+
return props.type === 'success' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref4) {
|
|
18804
18871
|
var theme = _ref4.theme;
|
|
18805
18872
|
return theme.colors.green;
|
|
18806
18873
|
});
|
|
18807
18874
|
}, function (props) {
|
|
18808
|
-
return props.type === 'warning' && css(_templateObject7$
|
|
18875
|
+
return props.type === 'warning' && css(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref5) {
|
|
18809
18876
|
var theme = _ref5.theme;
|
|
18810
18877
|
return theme.colors.warningYellow;
|
|
18811
18878
|
});
|
|
@@ -18850,21 +18917,21 @@ function SvgClose(props) {
|
|
|
18850
18917
|
})));
|
|
18851
18918
|
}
|
|
18852
18919
|
|
|
18853
|
-
var _templateObject$
|
|
18854
|
-
var Container$n = styled.div(_templateObject$
|
|
18920
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$q;
|
|
18921
|
+
var Container$n = styled.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n display: block;\n border-bottom-style: solid;\n\n ", "\n"])), function (_ref) {
|
|
18855
18922
|
var theme = _ref.theme,
|
|
18856
18923
|
internal = _ref.internal;
|
|
18857
|
-
return css(_templateObject2$
|
|
18924
|
+
return css(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n "])), theme.spacings.s2, internal ? '1px' : '2px', internal ? theme.getColor('lightestGrey', 50) : theme.colors.blue);
|
|
18858
18925
|
});
|
|
18859
|
-
var Tabs = styled.ul(_templateObject3$
|
|
18926
|
+
var Tabs = styled.ul(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n user-select: none;\n list-style: none;\n display: inline-flex;\n gap: 1px;\n padding: 0;\n margin: 0;\n\n ", "\n"])), function (_ref2) {
|
|
18860
18927
|
var theme = _ref2.theme,
|
|
18861
18928
|
internal = _ref2.internal;
|
|
18862
|
-
return css(_templateObject4$
|
|
18929
|
+
return css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n height: ", ";\n box-shadow: 0 0 10px 0 ", ";\n "])), internal ? '41px' : '49px', theme.getColor('black', 10));
|
|
18863
18930
|
});
|
|
18864
|
-
var Tab = styled.li(_templateObject5$
|
|
18931
|
+
var Tab = styled.li(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 4px 4px 0 0;\n\n svg {\n transform: scale(calc(18 / 24));\n stroke-width: 2px;\n }\n\n ", "\n"])), function (_ref3) {
|
|
18865
18932
|
var theme = _ref3.theme,
|
|
18866
18933
|
active = _ref3.active;
|
|
18867
|
-
return css(_templateObject6$
|
|
18934
|
+
return css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: 0 ", ";\n gap: ", ";\n\n span {\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n\n color: ", ";\n }\n\n svg {\n stroke: ", ";\n\n &:hover {\n stroke: ", ";\n }\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
|
|
18868
18935
|
});
|
|
18869
18936
|
|
|
18870
18937
|
var initialStatus = function initialStatus(active, length) {
|
|
@@ -18983,8 +19050,8 @@ var Tabs$1 = function Tabs$1(props) {
|
|
|
18983
19050
|
}, [])));
|
|
18984
19051
|
};
|
|
18985
19052
|
|
|
18986
|
-
var _templateObject$
|
|
18987
|
-
var Container$o = styled.textarea(_templateObject$
|
|
19053
|
+
var _templateObject$14;
|
|
19054
|
+
var Container$o = styled.textarea(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n resize: none;\n outline: 0;\n border: 1px solid #c8c8c8;\n padding: 14px;\n border-radius: 4px;\n color: #192338;\n"])), function (props) {
|
|
18988
19055
|
return "" + props.width;
|
|
18989
19056
|
}, function (props) {
|
|
18990
19057
|
return "" + props.height;
|
|
@@ -18994,18 +19061,18 @@ var TextArea = function TextArea(props) {
|
|
|
18994
19061
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
18995
19062
|
};
|
|
18996
19063
|
|
|
18997
|
-
var _templateObject$
|
|
18998
|
-
var Container$p = styled.div(_templateObject$
|
|
19064
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
19065
|
+
var Container$p = styled.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
|
|
18999
19066
|
return props.size === 'large' ? '837px' : '460px';
|
|
19000
19067
|
}, function (props) {
|
|
19001
|
-
return props.color === 'success' && css(_templateObject2$
|
|
19068
|
+
return props.color === 'success' && css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
19002
19069
|
}, function (props) {
|
|
19003
|
-
return props.color === 'error' && css(_templateObject3$
|
|
19070
|
+
return props.color === 'error' && css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
19004
19071
|
}, function (props) {
|
|
19005
|
-
return props.color === 'warning' && css(_templateObject4$
|
|
19072
|
+
return props.color === 'warning' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
|
|
19006
19073
|
});
|
|
19007
|
-
var IconContainer$2 = styled.div(_templateObject5$
|
|
19008
|
-
var IconContent = styled.div(_templateObject6$
|
|
19074
|
+
var IconContainer$2 = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
|
|
19075
|
+
var IconContent = styled.div(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
|
|
19009
19076
|
|
|
19010
19077
|
var Toast = function Toast(props) {
|
|
19011
19078
|
return React__default.createElement(Container$p, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
|
|
@@ -19017,9 +19084,9 @@ var Toast = function Toast(props) {
|
|
|
19017
19084
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19018
19085
|
};
|
|
19019
19086
|
|
|
19020
|
-
var _templateObject$
|
|
19021
|
-
var Image = styled.img(_templateObject$
|
|
19022
|
-
var Container$q = styled.div(_templateObject2$
|
|
19087
|
+
var _templateObject$16, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u;
|
|
19088
|
+
var Image = styled.img(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19089
|
+
var Container$q = styled.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
19023
19090
|
var width = _ref.width;
|
|
19024
19091
|
|
|
19025
19092
|
switch (typeof width) {
|
|
@@ -19046,15 +19113,15 @@ var Container$q = styled.div(_templateObject2$M || (_templateObject2$M = _tagged
|
|
|
19046
19113
|
return 'auto';
|
|
19047
19114
|
}
|
|
19048
19115
|
});
|
|
19049
|
-
var Dimmer = styled.div(_templateObject3$
|
|
19116
|
+
var Dimmer = styled.div(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
19050
19117
|
var theme = _ref3.theme;
|
|
19051
19118
|
return theme.getColor('greyishBlue', 50);
|
|
19052
19119
|
});
|
|
19053
|
-
var Button$6 = styled(Button$1)(_templateObject4$
|
|
19120
|
+
var Button$6 = styled(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19054
19121
|
var theme = _ref4.theme;
|
|
19055
19122
|
return theme.getColor('white', 50);
|
|
19056
19123
|
});
|
|
19057
|
-
var ModalContent = styled.div(_templateObject5$
|
|
19124
|
+
var ModalContent = styled.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n"])));
|
|
19058
19125
|
|
|
19059
19126
|
var _excluded$3 = ["src", "defaultClickOptions"];
|
|
19060
19127
|
|