@mw-kit/mw-ui 1.7.70 → 1.7.71
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/Input/styles.d.ts +1 -0
- package/dist/components/Input/components/Range/styles/Label/index.d.ts +3 -2
- package/dist/components/Input/components/Switch/interfaces.d.ts +5 -3
- package/dist/index.js +149 -125
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +149 -125
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -12207,7 +12207,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12207
12207
|
}));
|
|
12208
12208
|
};
|
|
12209
12209
|
|
|
12210
|
-
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
|
|
12210
|
+
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1;
|
|
12211
12211
|
var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12212
12212
|
var onClick = _ref.onClick,
|
|
12213
12213
|
disabled = _ref.disabled;
|
|
@@ -12318,10 +12318,16 @@ var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _tagged
|
|
|
12318
12318
|
viewMode = _ref21.$viewMode;
|
|
12319
12319
|
return theme.spacings[viewMode ? 's3' : 's1'];
|
|
12320
12320
|
}, function (_ref22) {
|
|
12321
|
-
var required = _ref22.$required
|
|
12322
|
-
|
|
12321
|
+
var required = _ref22.$required,
|
|
12322
|
+
viewMode = _ref22.$viewMode;
|
|
12323
|
+
if (!required || viewMode) return;
|
|
12323
12324
|
return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12324
12325
|
});
|
|
12326
|
+
var ViewModeContainer = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref23) {
|
|
12327
|
+
var children = _ref23.children;
|
|
12328
|
+
if (children) return;
|
|
12329
|
+
return css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n :before {\n content: ' ';\n white-space: pre;\n }\n "])));
|
|
12330
|
+
});
|
|
12325
12331
|
|
|
12326
12332
|
var defaultValue = {
|
|
12327
12333
|
isRequired: function isRequired() {
|
|
@@ -12546,7 +12552,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12546
12552
|
}, label && React__default.createElement(LabelText, {
|
|
12547
12553
|
"$required": required,
|
|
12548
12554
|
"$viewMode": viewMode
|
|
12549
|
-
}, label), viewMode ? React__default.createElement(
|
|
12555
|
+
}, label), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
12550
12556
|
children: inputProps.value || props.children
|
|
12551
12557
|
}) : React__default.createElement(InputContainer, {
|
|
12552
12558
|
width: props.inputWidth
|
|
@@ -12657,8 +12663,9 @@ var LabelContent = styled.div(_templateObject9$2 || (_templateObject9$2 = _tagge
|
|
|
12657
12663
|
var theme = _ref12.theme;
|
|
12658
12664
|
return theme.useTypography('p');
|
|
12659
12665
|
}, function (_ref13) {
|
|
12660
|
-
var required = _ref13.required
|
|
12661
|
-
|
|
12666
|
+
var required = _ref13.required,
|
|
12667
|
+
viewMode = _ref13.viewMode;
|
|
12668
|
+
if (!required || viewMode) return;
|
|
12662
12669
|
return css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12663
12670
|
});
|
|
12664
12671
|
|
|
@@ -12707,6 +12714,7 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
|
12707
12714
|
}), React__default.createElement(LabelComponent, Object.assign({}, {
|
|
12708
12715
|
disabled: disabled,
|
|
12709
12716
|
required: required,
|
|
12717
|
+
viewMode: viewMode,
|
|
12710
12718
|
invalid: invalid,
|
|
12711
12719
|
bordered: bordered,
|
|
12712
12720
|
padding: padding,
|
|
@@ -15670,66 +15678,72 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15670
15678
|
});
|
|
15671
15679
|
DatePicker.displayName = 'DatePicker';
|
|
15672
15680
|
|
|
15673
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15674
|
-
var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15681
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9, _templateObject8$8;
|
|
15682
|
+
var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
15675
15683
|
var theme = _ref.theme;
|
|
15676
15684
|
return theme.useTypography('p');
|
|
15677
15685
|
}, function (_ref2) {
|
|
15678
|
-
var required = _ref2
|
|
15679
|
-
|
|
15686
|
+
var required = _ref2.$required,
|
|
15687
|
+
viewMode = _ref2.$viewMode;
|
|
15688
|
+
if (!required || viewMode) return;
|
|
15680
15689
|
return css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15690
|
+
}, function (_ref3) {
|
|
15691
|
+
var keepSpace = _ref3.$keepSpace,
|
|
15692
|
+
children = _ref3.children;
|
|
15693
|
+
if (!keepSpace || children) return;
|
|
15694
|
+
return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n :before {\n content: '';\n white-space: pre;\n }\n "])));
|
|
15681
15695
|
});
|
|
15682
|
-
var Label$4 = styled.label(
|
|
15683
|
-
var theme =
|
|
15696
|
+
var Label$4 = styled.label(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref4) {
|
|
15697
|
+
var theme = _ref4.theme;
|
|
15684
15698
|
return theme.spacings.s1;
|
|
15685
|
-
}, function (
|
|
15686
|
-
var disabled =
|
|
15699
|
+
}, function (_ref5) {
|
|
15700
|
+
var disabled = _ref5.$disabled;
|
|
15687
15701
|
|
|
15688
15702
|
if (!disabled) {
|
|
15689
|
-
return css(
|
|
15703
|
+
return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15690
15704
|
}
|
|
15691
15705
|
|
|
15692
|
-
return css(
|
|
15693
|
-
}, function (
|
|
15694
|
-
var invalid =
|
|
15706
|
+
return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15707
|
+
}, function (_ref6) {
|
|
15708
|
+
var invalid = _ref6.$invalid;
|
|
15695
15709
|
|
|
15696
15710
|
if (!invalid) {
|
|
15697
|
-
return css(
|
|
15698
|
-
var theme = _ref6.theme;
|
|
15699
|
-
return theme.colors.lightGrey;
|
|
15700
|
-
}, function (_ref7) {
|
|
15711
|
+
return css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref7) {
|
|
15701
15712
|
var theme = _ref7.theme;
|
|
15713
|
+
return theme.colors.lightGrey;
|
|
15714
|
+
}, function (_ref8) {
|
|
15715
|
+
var theme = _ref8.theme;
|
|
15702
15716
|
return theme.colors.blue;
|
|
15703
15717
|
});
|
|
15704
15718
|
}
|
|
15705
15719
|
|
|
15706
|
-
return css(
|
|
15707
|
-
var theme = _ref8.theme;
|
|
15708
|
-
return theme.colors.warningRed;
|
|
15709
|
-
}, function (_ref9) {
|
|
15720
|
+
return css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref9) {
|
|
15710
15721
|
var theme = _ref9.theme;
|
|
15711
15722
|
return theme.colors.warningRed;
|
|
15723
|
+
}, function (_ref10) {
|
|
15724
|
+
var theme = _ref10.theme;
|
|
15725
|
+
return theme.colors.warningRed;
|
|
15712
15726
|
});
|
|
15713
|
-
}, function (_ref10) {
|
|
15714
|
-
var theme = _ref10.theme;
|
|
15715
|
-
return theme.spacings.s4;
|
|
15716
15727
|
}, function (_ref11) {
|
|
15717
15728
|
var theme = _ref11.theme;
|
|
15718
|
-
return theme.
|
|
15729
|
+
return theme.spacings.s4;
|
|
15719
15730
|
}, function (_ref12) {
|
|
15720
15731
|
var theme = _ref12.theme;
|
|
15721
|
-
return theme.
|
|
15732
|
+
return theme.colors.warningGray;
|
|
15722
15733
|
}, function (_ref13) {
|
|
15723
15734
|
var theme = _ref13.theme;
|
|
15724
|
-
return theme.
|
|
15735
|
+
return theme.getColor('black', 10);
|
|
15725
15736
|
}, function (_ref14) {
|
|
15726
15737
|
var theme = _ref14.theme;
|
|
15727
15738
|
return theme.spacings.s4;
|
|
15728
15739
|
}, function (_ref15) {
|
|
15729
15740
|
var theme = _ref15.theme;
|
|
15730
|
-
return theme.
|
|
15741
|
+
return theme.spacings.s4;
|
|
15731
15742
|
}, function (_ref16) {
|
|
15732
15743
|
var theme = _ref16.theme;
|
|
15744
|
+
return theme.colors.white;
|
|
15745
|
+
}, function (_ref17) {
|
|
15746
|
+
var theme = _ref17.theme;
|
|
15733
15747
|
return theme.spacings.s4;
|
|
15734
15748
|
});
|
|
15735
15749
|
|
|
@@ -15750,11 +15764,13 @@ var Switch = function Switch(props) {
|
|
|
15750
15764
|
var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'htmlDisabled', 'labelProps', 'viewMode']);
|
|
15751
15765
|
htmlProps.disabled = props.disabled || props.htmlDisabled;
|
|
15752
15766
|
return React__default.createElement(Label$4, Object.assign({}, props.labelProps || {}, {
|
|
15753
|
-
disabled: disabled
|
|
15754
|
-
invalid: invalid
|
|
15767
|
+
"$disabled": disabled,
|
|
15768
|
+
"$invalid": invalid
|
|
15755
15769
|
}), label.label && React__default.createElement(LabelContainer$3, {
|
|
15756
|
-
required: required
|
|
15770
|
+
"$required": required,
|
|
15771
|
+
"$viewMode": viewMode
|
|
15757
15772
|
}, label.label), viewMode ? React__default.createElement(LabelContainer$3, {
|
|
15773
|
+
"$keepSpace": true,
|
|
15758
15774
|
children: label[props.checked ? 'after' : 'before']
|
|
15759
15775
|
}) : React__default.createElement(React__default.Fragment, null, label.before && React__default.createElement(LabelContainer$3, {
|
|
15760
15776
|
children: label.before
|
|
@@ -15836,20 +15852,27 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
|
|
|
15836
15852
|
return theme.colors.blue;
|
|
15837
15853
|
});
|
|
15838
15854
|
|
|
15839
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$l;
|
|
15840
|
-
var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 17px;\n\n
|
|
15855
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$d, _templateObject5$b;
|
|
15856
|
+
var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 17px;\n\n ", ";\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) {
|
|
15841
15857
|
var theme = _ref.theme;
|
|
15842
15858
|
return theme.useTypography('p');
|
|
15843
15859
|
}, function (_ref2) {
|
|
15844
|
-
var width = _ref2.width
|
|
15845
|
-
|
|
15860
|
+
var width = _ref2.width,
|
|
15861
|
+
viewMode = _ref2.$viewMode;
|
|
15862
|
+
|
|
15863
|
+
if (width) {
|
|
15864
|
+
return css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
15865
|
+
}
|
|
15866
|
+
|
|
15867
|
+
return !viewMode && css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])));
|
|
15846
15868
|
}, function (_ref3) {
|
|
15847
|
-
var disabled = _ref3
|
|
15869
|
+
var disabled = _ref3.$disabled;
|
|
15848
15870
|
if (!disabled) return;
|
|
15849
|
-
return css(
|
|
15871
|
+
return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15850
15872
|
}, LabelContainer$4, function (_ref4) {
|
|
15851
|
-
var required = _ref4
|
|
15852
|
-
|
|
15873
|
+
var required = _ref4.$required,
|
|
15874
|
+
viewMode = _ref4.$viewMode;
|
|
15875
|
+
return required && !viewMode && css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15853
15876
|
}, NavBar);
|
|
15854
15877
|
|
|
15855
15878
|
var _templateObject$z, _templateObject2$r;
|
|
@@ -15881,7 +15904,7 @@ var _templateObject$C;
|
|
|
15881
15904
|
var MarkersContainer = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15882
15905
|
|
|
15883
15906
|
var _templateObject$D;
|
|
15884
|
-
var ViewModeContainer = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
15907
|
+
var ViewModeContainer$1 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
15885
15908
|
|
|
15886
15909
|
var getMarkers = function getMarkers(props) {
|
|
15887
15910
|
if (props.markers && 'markers' in props.markers) {
|
|
@@ -16085,12 +16108,13 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16085
16108
|
});
|
|
16086
16109
|
var bulletSize = strict === true ? 22 : 14;
|
|
16087
16110
|
return React__default.createElement(Label$5, {
|
|
16088
|
-
required: required
|
|
16089
|
-
disabled: disabled
|
|
16111
|
+
"$required": required,
|
|
16112
|
+
"$disabled": disabled,
|
|
16113
|
+
"$viewMode": viewMode,
|
|
16090
16114
|
width: width
|
|
16091
16115
|
}, label && React__default.createElement("div", {
|
|
16092
16116
|
children: label
|
|
16093
|
-
}), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
16117
|
+
}), viewMode ? React__default.createElement(ViewModeContainer$1, {
|
|
16094
16118
|
children: currentValue
|
|
16095
16119
|
}) : React__default.createElement(LabelsContainer, {
|
|
16096
16120
|
position: position
|
|
@@ -16146,7 +16170,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16146
16170
|
});
|
|
16147
16171
|
Range.displayName = 'input';
|
|
16148
16172
|
|
|
16149
|
-
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$
|
|
16173
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
16150
16174
|
var LabelContainer$5 = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16151
16175
|
var theme = _ref.theme;
|
|
16152
16176
|
return theme.useTypography('p');
|
|
@@ -16161,11 +16185,11 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
|
|
|
16161
16185
|
return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16162
16186
|
}
|
|
16163
16187
|
|
|
16164
|
-
return css(_templateObject4$
|
|
16188
|
+
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16165
16189
|
}, function (_ref4) {
|
|
16166
16190
|
var required = _ref4.required;
|
|
16167
16191
|
if (!required) return;
|
|
16168
|
-
return css(_templateObject5$
|
|
16192
|
+
return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
|
|
16169
16193
|
}, function (_ref5) {
|
|
16170
16194
|
var invalid = _ref5.invalid;
|
|
16171
16195
|
|
|
@@ -16389,7 +16413,7 @@ var parse = function parse(value) {
|
|
|
16389
16413
|
});
|
|
16390
16414
|
};
|
|
16391
16415
|
|
|
16392
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$
|
|
16416
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$f, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
|
|
16393
16417
|
var RelativeContainer$5 = styled.div(_templateObject$F || (_templateObject$F = _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"])));
|
|
16394
16418
|
var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _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) {
|
|
16395
16419
|
var theme = _ref.theme;
|
|
@@ -16404,9 +16428,9 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
|
|
|
16404
16428
|
}, function (_ref4) {
|
|
16405
16429
|
var onClick = _ref4.onClick;
|
|
16406
16430
|
if (!onClick) return;
|
|
16407
|
-
return css(_templateObject4$
|
|
16431
|
+
return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16408
16432
|
});
|
|
16409
|
-
var Container$6 = styled.div(_templateObject5$
|
|
16433
|
+
var Container$6 = styled.div(_templateObject5$d || (_templateObject5$d = _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) {
|
|
16410
16434
|
var theme = _ref5.theme;
|
|
16411
16435
|
return theme.spacings.s1;
|
|
16412
16436
|
}, function (_ref6) {
|
|
@@ -16432,7 +16456,7 @@ var Container$6 = styled.div(_templateObject5$c || (_templateObject5$c = _tagged
|
|
|
16432
16456
|
}, function (_ref10) {
|
|
16433
16457
|
var disabled = _ref10.disabled;
|
|
16434
16458
|
if (!disabled) return;
|
|
16435
|
-
return css(_templateObject8$
|
|
16459
|
+
return css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16436
16460
|
});
|
|
16437
16461
|
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) {
|
|
16438
16462
|
var onClick = _ref11.onClick;
|
|
@@ -17286,7 +17310,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17286
17310
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17287
17311
|
});
|
|
17288
17312
|
|
|
17289
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$
|
|
17313
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$g;
|
|
17290
17314
|
var Container$7 = styled(AbsoluteContainer)(_templateObject$L || (_templateObject$L = _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) {
|
|
17291
17315
|
var theme = _ref.theme;
|
|
17292
17316
|
return theme.colors.white;
|
|
@@ -17310,7 +17334,7 @@ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTempla
|
|
|
17310
17334
|
var getColor = _ref6.theme.getColor;
|
|
17311
17335
|
return getColor('greyishBlue', 50);
|
|
17312
17336
|
});
|
|
17313
|
-
var Item = styled.div(_templateObject4$
|
|
17337
|
+
var Item = styled.div(_templateObject4$g || (_templateObject4$g = _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) {
|
|
17314
17338
|
var s1 = _ref7.theme.spacings.s1;
|
|
17315
17339
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17316
17340
|
}, function (_ref8) {
|
|
@@ -17491,21 +17515,21 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17491
17515
|
Menu: AppliedFiltersMenu
|
|
17492
17516
|
});
|
|
17493
17517
|
|
|
17494
|
-
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$
|
|
17518
|
+
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
|
|
17495
17519
|
var Container$9 = styled.div(_templateObject$N || (_templateObject$N = _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) {
|
|
17496
17520
|
return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17497
17521
|
}, function (props) {
|
|
17498
17522
|
return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17499
17523
|
}, function (props) {
|
|
17500
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
17524
|
+
return props.size === 'medium' && css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17501
17525
|
}, function (props) {
|
|
17502
|
-
return props.size === 'big' && css(_templateObject5$
|
|
17526
|
+
return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17503
17527
|
}, function (props) {
|
|
17504
17528
|
return props.borderType === 'info' && css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17505
17529
|
}, function (props) {
|
|
17506
17530
|
return props.borderType === 'success' && css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17507
17531
|
}, function (props) {
|
|
17508
|
-
return props.borderType === 'warning' && css(_templateObject8$
|
|
17532
|
+
return props.borderType === 'warning' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17509
17533
|
}, function (props) {
|
|
17510
17534
|
return props.borderType === 'danger' && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
17511
17535
|
}, function (props) {
|
|
@@ -17932,7 +17956,7 @@ var useContext$3 = function useContext() {
|
|
|
17932
17956
|
return React__default.useContext(Provider$3);
|
|
17933
17957
|
};
|
|
17934
17958
|
|
|
17935
|
-
var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$
|
|
17959
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
17936
17960
|
var aligns = {
|
|
17937
17961
|
self: {
|
|
17938
17962
|
horizontal: {
|
|
@@ -17971,7 +17995,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
17971
17995
|
}
|
|
17972
17996
|
|
|
17973
17997
|
var w = parseFloat(width) * 100 / 12;
|
|
17974
|
-
return css(_templateObject4$
|
|
17998
|
+
return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17975
17999
|
}, function (_ref2) {
|
|
17976
18000
|
var spacing = _ref2.spacing;
|
|
17977
18001
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17979,7 +18003,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
17979
18003
|
}, function (_ref3) {
|
|
17980
18004
|
var spacingAround = _ref3.spacingAround;
|
|
17981
18005
|
if (spacingAround) return;
|
|
17982
|
-
return css(_templateObject5$
|
|
18006
|
+
return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
|
|
17983
18007
|
}, function (_ref4) {
|
|
17984
18008
|
var align = _ref4.align;
|
|
17985
18009
|
if (align === undefined) return;
|
|
@@ -18003,7 +18027,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
18003
18027
|
if (align.content.horizontal !== undefined) {
|
|
18004
18028
|
var _v2 = align.content.horizontal;
|
|
18005
18029
|
var _a2 = aligns.content.horizontal;
|
|
18006
|
-
styles.push(css(_templateObject8$
|
|
18030
|
+
styles.push(css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
18007
18031
|
}
|
|
18008
18032
|
|
|
18009
18033
|
if (align.content.vertical !== undefined) {
|
|
@@ -18097,7 +18121,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
18097
18121
|
});
|
|
18098
18122
|
Grid$1.displayName = 'Grid';
|
|
18099
18123
|
|
|
18100
|
-
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$
|
|
18124
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
|
|
18101
18125
|
var horizontalAligns = {
|
|
18102
18126
|
around: 'space-around',
|
|
18103
18127
|
between: 'space-between',
|
|
@@ -18122,11 +18146,11 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
|
|
|
18122
18146
|
}, function (_ref3) {
|
|
18123
18147
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
18124
18148
|
if (horizontalAlign === undefined) return;
|
|
18125
|
-
return css(_templateObject4$
|
|
18149
|
+
return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
18126
18150
|
}, function (_ref4) {
|
|
18127
18151
|
var verticalAlign = _ref4.verticalAlign;
|
|
18128
18152
|
if (verticalAlign === undefined) return;
|
|
18129
|
-
return css(_templateObject5$
|
|
18153
|
+
return css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
|
|
18130
18154
|
}, function (_ref5) {
|
|
18131
18155
|
var striped = _ref5.striped,
|
|
18132
18156
|
backgroundColor = _ref5.backgroundColor,
|
|
@@ -18154,7 +18178,7 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
|
|
|
18154
18178
|
even: theme.colors.white,
|
|
18155
18179
|
odd: theme.colors.white
|
|
18156
18180
|
});
|
|
18157
|
-
return css(_templateObject8$
|
|
18181
|
+
return css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
|
|
18158
18182
|
}, function (_ref6) {
|
|
18159
18183
|
var fontColor = _ref6.fontColor,
|
|
18160
18184
|
theme = _ref6.theme;
|
|
@@ -18228,7 +18252,7 @@ var widths = {
|
|
|
18228
18252
|
default: '642.5px'
|
|
18229
18253
|
};
|
|
18230
18254
|
|
|
18231
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$
|
|
18255
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
|
|
18232
18256
|
var Background = styled.div(_templateObject$T || (_templateObject$T = _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) {
|
|
18233
18257
|
var theme = _ref.theme;
|
|
18234
18258
|
return theme.getColor('black', 25);
|
|
@@ -18239,9 +18263,9 @@ var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTem
|
|
|
18239
18263
|
colors = _ref2$theme.colors,
|
|
18240
18264
|
spacings = _ref2$theme.spacings,
|
|
18241
18265
|
useTypography = _ref2$theme.useTypography;
|
|
18242
|
-
return css(_templateObject4$
|
|
18266
|
+
return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18243
18267
|
});
|
|
18244
|
-
var Footer$2 = styled.div(_templateObject5$
|
|
18268
|
+
var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
|
|
18245
18269
|
var _ref3$theme = _ref3.theme,
|
|
18246
18270
|
spacings = _ref3$theme.spacings,
|
|
18247
18271
|
colors = _ref3$theme.colors;
|
|
@@ -18251,7 +18275,7 @@ var FooterMessage = styled.div(_templateObject7$f || (_templateObject7$f = _tagg
|
|
|
18251
18275
|
var theme = _ref4.theme;
|
|
18252
18276
|
return theme.getColor('darkBlue', 75);
|
|
18253
18277
|
});
|
|
18254
|
-
var FooterButtons = styled.div(_templateObject8$
|
|
18278
|
+
var FooterButtons = styled.div(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
|
|
18255
18279
|
var theme = _ref5.theme;
|
|
18256
18280
|
return theme.spacings.s3;
|
|
18257
18281
|
});
|
|
@@ -18458,18 +18482,18 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18458
18482
|
Audit: Audit
|
|
18459
18483
|
});
|
|
18460
18484
|
|
|
18461
|
-
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$
|
|
18485
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$5;
|
|
18462
18486
|
var Container$c = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18463
18487
|
var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18464
18488
|
var HeaderImage = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18465
|
-
var HeaderContent = styled.div(_templateObject4$
|
|
18466
|
-
var MainContent = styled.div(_templateObject5$
|
|
18489
|
+
var HeaderContent = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18490
|
+
var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18467
18491
|
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) {
|
|
18468
18492
|
return props.height;
|
|
18469
18493
|
}, function (props) {
|
|
18470
18494
|
return props.size === 'mini' && css(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18471
18495
|
}, function (props) {
|
|
18472
|
-
return props.size === 'small' && css(_templateObject8$
|
|
18496
|
+
return props.size === 'small' && css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18473
18497
|
}, function (props) {
|
|
18474
18498
|
return props.size === 'medium' && css(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18475
18499
|
}, function (props) {
|
|
@@ -18510,7 +18534,7 @@ var Template1 = function Template1(props) {
|
|
|
18510
18534
|
})));
|
|
18511
18535
|
};
|
|
18512
18536
|
|
|
18513
|
-
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$
|
|
18537
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j;
|
|
18514
18538
|
var HeaderLine$1 = styled.div(_templateObject$Y || (_templateObject$Y = _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) {
|
|
18515
18539
|
return props.height;
|
|
18516
18540
|
}, function (props) {
|
|
@@ -18518,20 +18542,20 @@ var HeaderLine$1 = styled.div(_templateObject$Y || (_templateObject$Y = _taggedT
|
|
|
18518
18542
|
}, function (props) {
|
|
18519
18543
|
return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18520
18544
|
}, function (props) {
|
|
18521
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
18545
|
+
return props.size === 'medium' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18522
18546
|
}, function (props) {
|
|
18523
|
-
return props.size === 'large' && css(_templateObject5$
|
|
18547
|
+
return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18524
18548
|
});
|
|
18525
18549
|
|
|
18526
|
-
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$
|
|
18550
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$n, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
|
|
18527
18551
|
var Container$d = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18528
18552
|
var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18529
18553
|
var Header$7 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18530
|
-
var HeaderImage$1 = styled.div(_templateObject4$
|
|
18531
|
-
var HeaderContent$1 = styled.div(_templateObject5$
|
|
18554
|
+
var HeaderImage$1 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18555
|
+
var HeaderContent$1 = styled.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18532
18556
|
var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18533
18557
|
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18534
|
-
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$
|
|
18558
|
+
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18535
18559
|
|
|
18536
18560
|
var Template2 = function Template2(props) {
|
|
18537
18561
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18586,21 +18610,21 @@ var Template3 = function Template3(props) {
|
|
|
18586
18610
|
}));
|
|
18587
18611
|
};
|
|
18588
18612
|
|
|
18589
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$
|
|
18613
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
|
|
18590
18614
|
var Container$f = styled.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18591
18615
|
var HeaderLine$3 = styled.div(_templateObject2$I || (_templateObject2$I = _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) {
|
|
18592
18616
|
return props.height;
|
|
18593
18617
|
}, function (props) {
|
|
18594
18618
|
return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18595
18619
|
}, function (props) {
|
|
18596
|
-
return props.size === 'small' && css(_templateObject4$
|
|
18620
|
+
return props.size === 'small' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18597
18621
|
}, function (props) {
|
|
18598
|
-
return props.size === 'medium' && css(_templateObject5$
|
|
18622
|
+
return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18599
18623
|
}, function (props) {
|
|
18600
18624
|
return props.size === 'large' && css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18601
18625
|
});
|
|
18602
18626
|
var Template4Container = styled(Container$f)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18603
|
-
var CustomLine = styled(HeaderLine$3)(_templateObject8$
|
|
18627
|
+
var CustomLine = styled(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18604
18628
|
return props.width;
|
|
18605
18629
|
}, function (props) {
|
|
18606
18630
|
return props.height;
|
|
@@ -18653,21 +18677,21 @@ var Template4 = function Template4(props) {
|
|
|
18653
18677
|
}));
|
|
18654
18678
|
};
|
|
18655
18679
|
|
|
18656
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$
|
|
18680
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
|
|
18657
18681
|
var Container$g = styled.div(_templateObject$10 || (_templateObject$10 = _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"])));
|
|
18658
18682
|
var Circle = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18659
18683
|
var HeaderLine$4 = styled.div(_templateObject3$C || (_templateObject3$C = _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) {
|
|
18660
18684
|
return props.height;
|
|
18661
18685
|
}, function (props) {
|
|
18662
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18686
|
+
return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18663
18687
|
}, function (props) {
|
|
18664
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18688
|
+
return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18665
18689
|
}, function (props) {
|
|
18666
18690
|
return props.size === 'medium' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18667
18691
|
}, function (props) {
|
|
18668
18692
|
return props.size === 'large' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18669
18693
|
});
|
|
18670
|
-
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$
|
|
18694
|
+
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18671
18695
|
return props.width;
|
|
18672
18696
|
}, function (props) {
|
|
18673
18697
|
return props.height;
|
|
@@ -18701,20 +18725,20 @@ var Template5 = function Template5(props) {
|
|
|
18701
18725
|
})));
|
|
18702
18726
|
};
|
|
18703
18727
|
|
|
18704
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$
|
|
18728
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
|
|
18705
18729
|
var Container$h = styled.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18706
18730
|
var Header$8 = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18707
18731
|
var Footer$3 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18708
|
-
var HeaderLine$5 = styled.div(_templateObject4$
|
|
18732
|
+
var HeaderLine$5 = styled.div(_templateObject4$q || (_templateObject4$q = _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) {
|
|
18709
18733
|
return props.height;
|
|
18710
18734
|
}, function (props) {
|
|
18711
|
-
return props.size === 'mini' && css(_templateObject5$
|
|
18735
|
+
return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18712
18736
|
}, function (props) {
|
|
18713
18737
|
return props.size === 'small' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18714
18738
|
}, function (props) {
|
|
18715
18739
|
return props.size === 'medium' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18716
18740
|
}, function (props) {
|
|
18717
|
-
return props.size === 'large' && css(_templateObject8$
|
|
18741
|
+
return props.size === 'large' && css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18718
18742
|
});
|
|
18719
18743
|
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) {
|
|
18720
18744
|
return props.width;
|
|
@@ -18744,21 +18768,21 @@ var Template6 = function Template6(props) {
|
|
|
18744
18768
|
})));
|
|
18745
18769
|
};
|
|
18746
18770
|
|
|
18747
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$
|
|
18771
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
|
|
18748
18772
|
var Container$i = styled.div(_templateObject$12 || (_templateObject$12 = _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"])));
|
|
18749
18773
|
var Header$9 = 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"])));
|
|
18750
18774
|
var HeaderLine$6 = 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) {
|
|
18751
18775
|
return props.height;
|
|
18752
18776
|
}, function (props) {
|
|
18753
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18777
|
+
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18754
18778
|
}, function (props) {
|
|
18755
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18779
|
+
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18756
18780
|
}, function (props) {
|
|
18757
18781
|
return props.size === 'medium' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18758
18782
|
}, function (props) {
|
|
18759
18783
|
return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18760
18784
|
});
|
|
18761
|
-
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$
|
|
18785
|
+
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18762
18786
|
return props.width;
|
|
18763
18787
|
}, function (props) {
|
|
18764
18788
|
return props.height;
|
|
@@ -18778,21 +18802,21 @@ var Template7 = function Template7(props) {
|
|
|
18778
18802
|
})), 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)));
|
|
18779
18803
|
};
|
|
18780
18804
|
|
|
18781
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$
|
|
18805
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
|
|
18782
18806
|
var Container$j = styled.div(_templateObject$13 || (_templateObject$13 = _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"])));
|
|
18783
18807
|
var Header$a = 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"])));
|
|
18784
18808
|
var HeaderLine$7 = styled.div(_templateObject3$F || (_templateObject3$F = _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) {
|
|
18785
18809
|
return props.height;
|
|
18786
18810
|
}, function (props) {
|
|
18787
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18811
|
+
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18788
18812
|
}, function (props) {
|
|
18789
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18813
|
+
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18790
18814
|
}, function (props) {
|
|
18791
18815
|
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18792
18816
|
}, function (props) {
|
|
18793
18817
|
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18794
18818
|
});
|
|
18795
|
-
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$
|
|
18819
|
+
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18796
18820
|
return props.width;
|
|
18797
18821
|
}, function (props) {
|
|
18798
18822
|
return props.height;
|
|
@@ -18821,21 +18845,21 @@ var Template8 = function Template8(props) {
|
|
|
18821
18845
|
})));
|
|
18822
18846
|
};
|
|
18823
18847
|
|
|
18824
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$
|
|
18848
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
|
|
18825
18849
|
var Container$k = styled.div(_templateObject$14 || (_templateObject$14 = _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"])));
|
|
18826
18850
|
var Header$b = 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"])));
|
|
18827
18851
|
var HeaderLine$8 = 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) {
|
|
18828
18852
|
return props.height;
|
|
18829
18853
|
}, function (props) {
|
|
18830
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18854
|
+
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18831
18855
|
}, function (props) {
|
|
18832
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18856
|
+
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18833
18857
|
}, function (props) {
|
|
18834
18858
|
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18835
18859
|
}, function (props) {
|
|
18836
18860
|
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18837
18861
|
});
|
|
18838
|
-
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$
|
|
18862
|
+
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18839
18863
|
return props.width;
|
|
18840
18864
|
}, function (props) {
|
|
18841
18865
|
return props.height;
|
|
@@ -18860,21 +18884,21 @@ var Template8$1 = function Template8(props) {
|
|
|
18860
18884
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18861
18885
|
};
|
|
18862
18886
|
|
|
18863
|
-
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$
|
|
18887
|
+
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$6;
|
|
18864
18888
|
var Container$l = styled.div(_templateObject$15 || (_templateObject$15 = _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"])));
|
|
18865
18889
|
var Header$c = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18866
18890
|
var HeaderLine$9 = styled.div(_templateObject3$H || (_templateObject3$H = _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) {
|
|
18867
18891
|
return props.height;
|
|
18868
18892
|
}, function (props) {
|
|
18869
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18893
|
+
return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18870
18894
|
}, function (props) {
|
|
18871
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18895
|
+
return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18872
18896
|
}, function (props) {
|
|
18873
18897
|
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18874
18898
|
}, function (props) {
|
|
18875
18899
|
return props.size === 'large' && css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18876
18900
|
});
|
|
18877
|
-
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$
|
|
18901
|
+
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18878
18902
|
return props.width;
|
|
18879
18903
|
}, function (props) {
|
|
18880
18904
|
return props.height;
|
|
@@ -19004,7 +19028,7 @@ var Placeholder = function Placeholder(props) {
|
|
|
19004
19028
|
}
|
|
19005
19029
|
};
|
|
19006
19030
|
|
|
19007
|
-
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$
|
|
19031
|
+
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$p, _templateObject7$p;
|
|
19008
19032
|
var Container$m = styled.div(_templateObject$16 || (_templateObject$16 = _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"])));
|
|
19009
19033
|
var Progress = styled.div(_templateObject2$P || (_templateObject2$P = _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) {
|
|
19010
19034
|
return props.value + "%";
|
|
@@ -19014,12 +19038,12 @@ var Progress = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTem
|
|
|
19014
19038
|
return theme.colors.warningGray;
|
|
19015
19039
|
});
|
|
19016
19040
|
}, function (props) {
|
|
19017
|
-
return props.type === 'info' && css(_templateObject4$
|
|
19041
|
+
return props.type === 'info' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
19018
19042
|
var theme = _ref2.theme;
|
|
19019
19043
|
return theme.colors.blue;
|
|
19020
19044
|
});
|
|
19021
19045
|
}, function (props) {
|
|
19022
|
-
return props.type === 'danger' && css(_templateObject5$
|
|
19046
|
+
return props.type === 'danger' && css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
|
|
19023
19047
|
var theme = _ref3.theme;
|
|
19024
19048
|
return theme.colors.warningRed;
|
|
19025
19049
|
});
|
|
@@ -19039,7 +19063,7 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
19039
19063
|
return React__default.createElement(Container$m, null, React__default.createElement(Progress, Object.assign({}, props), React__default.createElement("div", null)), React__default.createElement("span", null, " ", props.value || '0', "%"));
|
|
19040
19064
|
};
|
|
19041
19065
|
|
|
19042
|
-
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$
|
|
19066
|
+
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$n;
|
|
19043
19067
|
var Container$n = styled.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
19044
19068
|
var delimiters = {
|
|
19045
19069
|
blue: ['blue'],
|
|
@@ -19073,20 +19097,20 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
|
|
|
19073
19097
|
return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
19074
19098
|
}();
|
|
19075
19099
|
|
|
19076
|
-
return css(_templateObject4$
|
|
19100
|
+
return css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
|
|
19077
19101
|
}, function (_ref3) {
|
|
19078
19102
|
var theme = _ref3.theme,
|
|
19079
19103
|
internal = _ref3.$internal;
|
|
19080
19104
|
return internal ? theme.spacings.s6 : 0;
|
|
19081
19105
|
});
|
|
19082
|
-
var Tab = styled.li(_templateObject5$
|
|
19106
|
+
var Tab = styled.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n ", "\n"])), function (_ref4) {
|
|
19083
19107
|
var theme = _ref4.theme,
|
|
19084
19108
|
active = _ref4.$active,
|
|
19085
19109
|
internal = _ref4.$internal;
|
|
19086
19110
|
return css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: ", ";\n gap: ", ";\n\n ", "\n\n span {\n color: ", ";\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s3, theme.spacings.s3, internal ? css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n border-radius: 4px 4px 0 0;\n\n > span {\n ", "\n line-height: 17px;\n }\n "])), function (_ref5) {
|
|
19087
19111
|
var theme = _ref5.theme;
|
|
19088
19112
|
return theme.useTypography('h4');
|
|
19089
|
-
}) : css(_templateObject8$
|
|
19113
|
+
}) : css(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose(["\n box-shadow: 0px 3px 6px ", ";\n\n > span {\n ", "\n line-height: 19px;\n }\n "])), theme.getColor('black', 15), function (_ref6) {
|
|
19090
19114
|
var theme = _ref6.theme;
|
|
19091
19115
|
return theme.useTypography('h2');
|
|
19092
19116
|
}), theme.colors[active ? 'white' : 'darkBlue']);
|
|
@@ -19230,7 +19254,7 @@ var TextArea = function TextArea(props) {
|
|
|
19230
19254
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
19231
19255
|
};
|
|
19232
19256
|
|
|
19233
|
-
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$
|
|
19257
|
+
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u, _templateObject6$r;
|
|
19234
19258
|
var Container$p = styled.div(_templateObject$19 || (_templateObject$19 = _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) {
|
|
19235
19259
|
return props.size === 'large' ? '837px' : '460px';
|
|
19236
19260
|
}, function (props) {
|
|
@@ -19238,9 +19262,9 @@ var Container$p = styled.div(_templateObject$19 || (_templateObject$19 = _tagged
|
|
|
19238
19262
|
}, function (props) {
|
|
19239
19263
|
return props.color === 'error' && css(_templateObject3$K || (_templateObject3$K = _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 "])));
|
|
19240
19264
|
}, function (props) {
|
|
19241
|
-
return props.color === 'warning' && css(_templateObject4$
|
|
19265
|
+
return props.color === 'warning' && css(_templateObject4$x || (_templateObject4$x = _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 "])));
|
|
19242
19266
|
});
|
|
19243
|
-
var IconContainer$2 = styled.div(_templateObject5$
|
|
19267
|
+
var IconContainer$2 = styled.div(_templateObject5$u || (_templateObject5$u = _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"])));
|
|
19244
19268
|
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"])));
|
|
19245
19269
|
|
|
19246
19270
|
var Toast = function Toast(props) {
|
|
@@ -19253,7 +19277,7 @@ var Toast = function Toast(props) {
|
|
|
19253
19277
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19254
19278
|
};
|
|
19255
19279
|
|
|
19256
|
-
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$
|
|
19280
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$y, _templateObject5$v;
|
|
19257
19281
|
var Image = styled.img(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19258
19282
|
var Container$q = styled.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
19259
19283
|
var width = _ref.width;
|
|
@@ -19286,11 +19310,11 @@ var Dimmer = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTempl
|
|
|
19286
19310
|
var theme = _ref3.theme;
|
|
19287
19311
|
return theme.getColor('greyishBlue', 50);
|
|
19288
19312
|
});
|
|
19289
|
-
var Button$6 = styled(Button$1)(_templateObject4$
|
|
19313
|
+
var Button$6 = styled(Button$1)(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19290
19314
|
var theme = _ref4.theme;
|
|
19291
19315
|
return theme.getColor('white', 50);
|
|
19292
19316
|
});
|
|
19293
|
-
var ModalContent = styled.div(_templateObject5$
|
|
19317
|
+
var ModalContent = styled.div(_templateObject5$v || (_templateObject5$v = _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"])));
|
|
19294
19318
|
|
|
19295
19319
|
var _excluded$3 = ["src", "defaultClickOptions"];
|
|
19296
19320
|
|