@mw-kit/mw-ui 1.7.70 → 1.7.73
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/Checkbox/interfaces.d.ts +1 -0
- package/dist/components/Input/components/Checkbox/styles.d.ts +1 -3
- 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 +215 -184
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +215 -184
- package/dist/index.modern.js.map +1 -1
- package/dist/theme/constants.d.ts +0 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -71,7 +71,6 @@ var colors = {
|
|
|
71
71
|
milkWhite: '#FCFFF5',
|
|
72
72
|
orange: '#FB8702',
|
|
73
73
|
pink: '#E23851',
|
|
74
|
-
platinum: '#E2E2E3',
|
|
75
74
|
purple: '#8E66BB',
|
|
76
75
|
red: '#C31717',
|
|
77
76
|
silver: '#B2B2B2',
|
|
@@ -12207,7 +12206,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12207
12206
|
}));
|
|
12208
12207
|
};
|
|
12209
12208
|
|
|
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;
|
|
12209
|
+
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
12210
|
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
12211
|
var onClick = _ref.onClick,
|
|
12213
12212
|
disabled = _ref.disabled;
|
|
@@ -12318,10 +12317,16 @@ var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _tagged
|
|
|
12318
12317
|
viewMode = _ref21.$viewMode;
|
|
12319
12318
|
return theme.spacings[viewMode ? 's3' : 's1'];
|
|
12320
12319
|
}, function (_ref22) {
|
|
12321
|
-
var required = _ref22.$required
|
|
12322
|
-
|
|
12320
|
+
var required = _ref22.$required,
|
|
12321
|
+
viewMode = _ref22.$viewMode;
|
|
12322
|
+
if (!required || viewMode) return;
|
|
12323
12323
|
return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12324
12324
|
});
|
|
12325
|
+
var ViewModeContainer = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref23) {
|
|
12326
|
+
var children = _ref23.children;
|
|
12327
|
+
if (children) return;
|
|
12328
|
+
return css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n :before {\n content: ' ';\n white-space: pre;\n }\n "])));
|
|
12329
|
+
});
|
|
12325
12330
|
|
|
12326
12331
|
var defaultValue = {
|
|
12327
12332
|
isRequired: function isRequired() {
|
|
@@ -12546,7 +12551,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12546
12551
|
}, label && React__default.createElement(LabelText, {
|
|
12547
12552
|
"$required": required,
|
|
12548
12553
|
"$viewMode": viewMode
|
|
12549
|
-
}, label), viewMode ? React__default.createElement(
|
|
12554
|
+
}, label), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
12550
12555
|
children: inputProps.value || props.children
|
|
12551
12556
|
}) : React__default.createElement(InputContainer, {
|
|
12552
12557
|
width: props.inputWidth
|
|
@@ -12562,25 +12567,21 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12562
12567
|
});
|
|
12563
12568
|
Input$1.displayName = 'Input';
|
|
12564
12569
|
|
|
12565
|
-
var _templateObject$6, _templateObject2$6, _templateObject3$6, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12570
|
+
var _templateObject$6, _templateObject2$6, _templateObject3$6, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
12566
12571
|
var size = '17px';
|
|
12567
|
-
var Checkmark = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color:
|
|
12572
|
+
var Checkmark = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: transparent;\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n\n /** if there is a label, it will be placed after this element */\n + * {\n flex: 1;\n }\n"])), size, size, function (_ref) {
|
|
12568
12573
|
var theme = _ref.theme;
|
|
12569
12574
|
return theme.colors.white;
|
|
12570
12575
|
}, function (_ref2) {
|
|
12571
|
-
var theme = _ref2.theme
|
|
12572
|
-
viewMode = _ref2.$viewMode;
|
|
12573
|
-
return viewMode ? 'transparent' : theme.colors.blue;
|
|
12574
|
-
}, function (_ref3) {
|
|
12575
|
-
var theme = _ref3.theme;
|
|
12576
|
+
var theme = _ref2.theme;
|
|
12576
12577
|
return theme.colors.blue;
|
|
12577
12578
|
});
|
|
12578
|
-
var Label$1 = styled.label(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n ", "\n\n ", "\n\n ", "\n\n display: flex;\n align-items: center;\n\n user-select: none;\n min-height: ", ";\n min-width: ", ";\n gap: ", ";\n\n > input {\n position: absolute;\n opacity: 0;\n height: 1px;\n width: 1px;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n\n > input:checked ~ ", " {\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n\n ", "\n"])), function (
|
|
12579
|
-
var theme =
|
|
12579
|
+
var Label$1 = styled.label(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n ", "\n\n ", "\n\n ", "\n\n display: flex;\n align-items: center;\n\n user-select: none;\n min-height: ", ";\n min-width: ", ";\n gap: ", ";\n\n > input {\n position: absolute;\n opacity: 0;\n height: 1px;\n width: 1px;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n ", "\n\n > input:checked ~ ", " {\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n\n ", "\n"])), function (_ref3) {
|
|
12580
|
+
var theme = _ref3.theme;
|
|
12580
12581
|
return theme.useTypography('p');
|
|
12581
|
-
}, function (
|
|
12582
|
-
var padding =
|
|
12583
|
-
theme =
|
|
12582
|
+
}, function (_ref4) {
|
|
12583
|
+
var padding = _ref4.$padding,
|
|
12584
|
+
theme = _ref4.theme;
|
|
12584
12585
|
if (!padding) return;
|
|
12585
12586
|
var _padding = {
|
|
12586
12587
|
top: '0',
|
|
@@ -12622,9 +12623,9 @@ var Label$1 = styled.label(_templateObject2$6 || (_templateObject2$6 = _taggedTe
|
|
|
12622
12623
|
}
|
|
12623
12624
|
|
|
12624
12625
|
return css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n padding-top: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n "])), _padding.top, _padding.left, _padding.right, _padding.bottom);
|
|
12625
|
-
}, function (
|
|
12626
|
-
var disabled =
|
|
12627
|
-
readOnly =
|
|
12626
|
+
}, function (_ref5) {
|
|
12627
|
+
var disabled = _ref5.$disabled,
|
|
12628
|
+
readOnly = _ref5.$readOnly;
|
|
12628
12629
|
|
|
12629
12630
|
if (disabled) {
|
|
12630
12631
|
return css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -12632,34 +12633,42 @@ var Label$1 = styled.label(_templateObject2$6 || (_templateObject2$6 = _taggedTe
|
|
|
12632
12633
|
|
|
12633
12634
|
if (readOnly) return;
|
|
12634
12635
|
return css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12635
|
-
}, function (
|
|
12636
|
-
var theme =
|
|
12637
|
-
bordered =
|
|
12638
|
-
invalid =
|
|
12636
|
+
}, function (_ref6) {
|
|
12637
|
+
var theme = _ref6.theme,
|
|
12638
|
+
bordered = _ref6.$bordered,
|
|
12639
|
+
invalid = _ref6.$invalid;
|
|
12639
12640
|
if (!bordered) return;
|
|
12640
12641
|
return css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
|
|
12641
|
-
}, size, size, function (
|
|
12642
|
-
var theme =
|
|
12642
|
+
}, size, size, function (_ref7) {
|
|
12643
|
+
var theme = _ref7.theme;
|
|
12643
12644
|
return theme.spacings.s1;
|
|
12644
|
-
}, Checkmark, function (
|
|
12645
|
-
var theme =
|
|
12645
|
+
}, Checkmark, function (_ref8) {
|
|
12646
|
+
var theme = _ref8.theme;
|
|
12646
12647
|
return theme.colors.iceWhite;
|
|
12647
|
-
},
|
|
12648
|
-
var theme =
|
|
12649
|
-
|
|
12648
|
+
}, function (_ref9) {
|
|
12649
|
+
var theme = _ref9.theme,
|
|
12650
|
+
viewMode = _ref9.$viewMode;
|
|
12651
|
+
return viewMode ? css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n > input ~ ", " {\n border-color: transparent;\n }\n "])), Checkmark) : css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n > input ~ ", " {\n border-color: ", ";\n }\n > input:checked ~ ", " {\n border-color: ", ";\n }\n "])), Checkmark, theme.colors.lightestGrey, Checkmark, function (_ref10) {
|
|
12652
|
+
var theme = _ref10.theme;
|
|
12653
|
+
return theme.colors.blue;
|
|
12654
|
+
});
|
|
12655
|
+
}, Checkmark, function (_ref11) {
|
|
12656
|
+
var theme = _ref11.theme,
|
|
12657
|
+
invalid = _ref11.$invalid;
|
|
12650
12658
|
if (!invalid) return;
|
|
12651
|
-
return css(
|
|
12652
|
-
}, function (
|
|
12653
|
-
var width =
|
|
12654
|
-
return width && css(
|
|
12659
|
+
return css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
|
|
12660
|
+
}, function (_ref12) {
|
|
12661
|
+
var width = _ref12.$width;
|
|
12662
|
+
return width && css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
12655
12663
|
});
|
|
12656
|
-
var LabelContent = styled.div(
|
|
12657
|
-
var theme =
|
|
12664
|
+
var LabelContent = styled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n ", "\n line-height: 14px;\n flex: 1;\n overflow: hidden;\n\n ", "\n"])), function (_ref13) {
|
|
12665
|
+
var theme = _ref13.theme;
|
|
12658
12666
|
return theme.useTypography('p');
|
|
12659
|
-
}, function (
|
|
12660
|
-
var required =
|
|
12661
|
-
|
|
12662
|
-
|
|
12667
|
+
}, function (_ref14) {
|
|
12668
|
+
var required = _ref14.required,
|
|
12669
|
+
viewMode = _ref14.viewMode;
|
|
12670
|
+
if (!required || viewMode) return;
|
|
12671
|
+
return css(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12663
12672
|
});
|
|
12664
12673
|
|
|
12665
12674
|
var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
@@ -12697,16 +12706,16 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
|
12697
12706
|
"$bordered": !viewMode && bordered,
|
|
12698
12707
|
"$padding": padding,
|
|
12699
12708
|
"$readOnly": props.readOnly || viewMode,
|
|
12700
|
-
"$width": props.width
|
|
12709
|
+
"$width": props.width,
|
|
12710
|
+
"$viewMode": viewMode
|
|
12701
12711
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
12702
12712
|
type: 'checkbox',
|
|
12703
12713
|
ref: ref,
|
|
12704
12714
|
disabled: htmlProps.disabled || viewMode
|
|
12705
|
-
})), React__default.createElement(Checkmark, {
|
|
12706
|
-
"$viewMode": viewMode
|
|
12707
|
-
}), React__default.createElement(LabelComponent, Object.assign({}, {
|
|
12715
|
+
})), React__default.createElement(Checkmark, null), React__default.createElement(LabelComponent, Object.assign({}, {
|
|
12708
12716
|
disabled: disabled,
|
|
12709
12717
|
required: required,
|
|
12718
|
+
viewMode: viewMode,
|
|
12710
12719
|
invalid: invalid,
|
|
12711
12720
|
bordered: bordered,
|
|
12712
12721
|
padding: padding,
|
|
@@ -13214,7 +13223,7 @@ var Indicator = function Indicator(props) {
|
|
|
13214
13223
|
}, props)));
|
|
13215
13224
|
};
|
|
13216
13225
|
|
|
13217
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$
|
|
13226
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
13218
13227
|
var Footer = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
13219
13228
|
var WeekContainer = styled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
13220
13229
|
var theme = _ref.theme;
|
|
@@ -13278,7 +13287,7 @@ var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _ta
|
|
|
13278
13287
|
});
|
|
13279
13288
|
var DayIndicator = styled(Indicator).attrs({
|
|
13280
13289
|
size: 'mini'
|
|
13281
|
-
})(_templateObject11$
|
|
13290
|
+
})(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: calc(", " - 1px);\n left: calc(50% - (", " / 2) + 1px);\n"])), sizes.mini, sizes.mini);
|
|
13282
13291
|
|
|
13283
13292
|
var getCalendar = function getCalendar(d) {
|
|
13284
13293
|
var date = new Date(d.getTime());
|
|
@@ -15670,66 +15679,72 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15670
15679
|
});
|
|
15671
15680
|
DatePicker.displayName = 'DatePicker';
|
|
15672
15681
|
|
|
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) {
|
|
15682
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9, _templateObject8$8;
|
|
15683
|
+
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
15684
|
var theme = _ref.theme;
|
|
15676
15685
|
return theme.useTypography('p');
|
|
15677
15686
|
}, function (_ref2) {
|
|
15678
|
-
var required = _ref2
|
|
15679
|
-
|
|
15687
|
+
var required = _ref2.$required,
|
|
15688
|
+
viewMode = _ref2.$viewMode;
|
|
15689
|
+
if (!required || viewMode) return;
|
|
15680
15690
|
return css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15691
|
+
}, function (_ref3) {
|
|
15692
|
+
var keepSpace = _ref3.$keepSpace,
|
|
15693
|
+
children = _ref3.children;
|
|
15694
|
+
if (!keepSpace || children) return;
|
|
15695
|
+
return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n :before {\n content: '';\n white-space: pre;\n }\n "])));
|
|
15681
15696
|
});
|
|
15682
|
-
var Label$4 = styled.label(
|
|
15683
|
-
var theme =
|
|
15697
|
+
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) {
|
|
15698
|
+
var theme = _ref4.theme;
|
|
15684
15699
|
return theme.spacings.s1;
|
|
15685
|
-
}, function (
|
|
15686
|
-
var disabled =
|
|
15700
|
+
}, function (_ref5) {
|
|
15701
|
+
var disabled = _ref5.$disabled;
|
|
15687
15702
|
|
|
15688
15703
|
if (!disabled) {
|
|
15689
|
-
return css(
|
|
15704
|
+
return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15690
15705
|
}
|
|
15691
15706
|
|
|
15692
|
-
return css(
|
|
15693
|
-
}, function (
|
|
15694
|
-
var invalid =
|
|
15707
|
+
return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15708
|
+
}, function (_ref6) {
|
|
15709
|
+
var invalid = _ref6.$invalid;
|
|
15695
15710
|
|
|
15696
15711
|
if (!invalid) {
|
|
15697
|
-
return css(
|
|
15698
|
-
var theme = _ref6.theme;
|
|
15699
|
-
return theme.colors.lightGrey;
|
|
15700
|
-
}, function (_ref7) {
|
|
15712
|
+
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
15713
|
var theme = _ref7.theme;
|
|
15714
|
+
return theme.colors.lightGrey;
|
|
15715
|
+
}, function (_ref8) {
|
|
15716
|
+
var theme = _ref8.theme;
|
|
15702
15717
|
return theme.colors.blue;
|
|
15703
15718
|
});
|
|
15704
15719
|
}
|
|
15705
15720
|
|
|
15706
|
-
return css(
|
|
15707
|
-
var theme = _ref8.theme;
|
|
15708
|
-
return theme.colors.warningRed;
|
|
15709
|
-
}, function (_ref9) {
|
|
15721
|
+
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
15722
|
var theme = _ref9.theme;
|
|
15711
15723
|
return theme.colors.warningRed;
|
|
15724
|
+
}, function (_ref10) {
|
|
15725
|
+
var theme = _ref10.theme;
|
|
15726
|
+
return theme.colors.warningRed;
|
|
15712
15727
|
});
|
|
15713
|
-
}, function (_ref10) {
|
|
15714
|
-
var theme = _ref10.theme;
|
|
15715
|
-
return theme.spacings.s4;
|
|
15716
15728
|
}, function (_ref11) {
|
|
15717
15729
|
var theme = _ref11.theme;
|
|
15718
|
-
return theme.
|
|
15730
|
+
return theme.spacings.s4;
|
|
15719
15731
|
}, function (_ref12) {
|
|
15720
15732
|
var theme = _ref12.theme;
|
|
15721
|
-
return theme.
|
|
15733
|
+
return theme.colors.warningGray;
|
|
15722
15734
|
}, function (_ref13) {
|
|
15723
15735
|
var theme = _ref13.theme;
|
|
15724
|
-
return theme.
|
|
15736
|
+
return theme.getColor('black', 10);
|
|
15725
15737
|
}, function (_ref14) {
|
|
15726
15738
|
var theme = _ref14.theme;
|
|
15727
15739
|
return theme.spacings.s4;
|
|
15728
15740
|
}, function (_ref15) {
|
|
15729
15741
|
var theme = _ref15.theme;
|
|
15730
|
-
return theme.
|
|
15742
|
+
return theme.spacings.s4;
|
|
15731
15743
|
}, function (_ref16) {
|
|
15732
15744
|
var theme = _ref16.theme;
|
|
15745
|
+
return theme.colors.white;
|
|
15746
|
+
}, function (_ref17) {
|
|
15747
|
+
var theme = _ref17.theme;
|
|
15733
15748
|
return theme.spacings.s4;
|
|
15734
15749
|
});
|
|
15735
15750
|
|
|
@@ -15750,11 +15765,13 @@ var Switch = function Switch(props) {
|
|
|
15750
15765
|
var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'htmlDisabled', 'labelProps', 'viewMode']);
|
|
15751
15766
|
htmlProps.disabled = props.disabled || props.htmlDisabled;
|
|
15752
15767
|
return React__default.createElement(Label$4, Object.assign({}, props.labelProps || {}, {
|
|
15753
|
-
disabled: disabled
|
|
15754
|
-
invalid: invalid
|
|
15768
|
+
"$disabled": disabled,
|
|
15769
|
+
"$invalid": invalid
|
|
15755
15770
|
}), label.label && React__default.createElement(LabelContainer$3, {
|
|
15756
|
-
required: required
|
|
15771
|
+
"$required": required,
|
|
15772
|
+
"$viewMode": viewMode
|
|
15757
15773
|
}, label.label), viewMode ? React__default.createElement(LabelContainer$3, {
|
|
15774
|
+
"$keepSpace": true,
|
|
15758
15775
|
children: label[props.checked ? 'after' : 'before']
|
|
15759
15776
|
}) : React__default.createElement(React__default.Fragment, null, label.before && React__default.createElement(LabelContainer$3, {
|
|
15760
15777
|
children: label.before
|
|
@@ -15774,7 +15791,7 @@ var bullet = css(_templateObject$t || (_templateObject$t = _taggedTemplateLitera
|
|
|
15774
15791
|
return bulletSize;
|
|
15775
15792
|
}, function (_ref3) {
|
|
15776
15793
|
var theme = _ref3.theme;
|
|
15777
|
-
return theme.colors.
|
|
15794
|
+
return theme.colors.lightestGrey;
|
|
15778
15795
|
}, function (_ref4) {
|
|
15779
15796
|
var theme = _ref4.theme;
|
|
15780
15797
|
return theme.getColor('black', 10);
|
|
@@ -15836,20 +15853,27 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
|
|
|
15836
15853
|
return theme.colors.blue;
|
|
15837
15854
|
});
|
|
15838
15855
|
|
|
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
|
|
15856
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$d, _templateObject5$b;
|
|
15857
|
+
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
15858
|
var theme = _ref.theme;
|
|
15842
15859
|
return theme.useTypography('p');
|
|
15843
15860
|
}, function (_ref2) {
|
|
15844
|
-
var width = _ref2.width
|
|
15845
|
-
|
|
15861
|
+
var width = _ref2.width,
|
|
15862
|
+
viewMode = _ref2.$viewMode;
|
|
15863
|
+
|
|
15864
|
+
if (width) {
|
|
15865
|
+
return css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
15866
|
+
}
|
|
15867
|
+
|
|
15868
|
+
return !viewMode && css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])));
|
|
15846
15869
|
}, function (_ref3) {
|
|
15847
|
-
var disabled = _ref3
|
|
15870
|
+
var disabled = _ref3.$disabled;
|
|
15848
15871
|
if (!disabled) return;
|
|
15849
|
-
return css(
|
|
15872
|
+
return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15850
15873
|
}, LabelContainer$4, function (_ref4) {
|
|
15851
|
-
var required = _ref4
|
|
15852
|
-
|
|
15874
|
+
var required = _ref4.$required,
|
|
15875
|
+
viewMode = _ref4.$viewMode;
|
|
15876
|
+
return required && !viewMode && css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15853
15877
|
}, NavBar);
|
|
15854
15878
|
|
|
15855
15879
|
var _templateObject$z, _templateObject2$r;
|
|
@@ -15881,7 +15905,7 @@ var _templateObject$C;
|
|
|
15881
15905
|
var MarkersContainer = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15882
15906
|
|
|
15883
15907
|
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"])));
|
|
15908
|
+
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
15909
|
|
|
15886
15910
|
var getMarkers = function getMarkers(props) {
|
|
15887
15911
|
if (props.markers && 'markers' in props.markers) {
|
|
@@ -16085,12 +16109,13 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16085
16109
|
});
|
|
16086
16110
|
var bulletSize = strict === true ? 22 : 14;
|
|
16087
16111
|
return React__default.createElement(Label$5, {
|
|
16088
|
-
required: required
|
|
16089
|
-
disabled: disabled
|
|
16112
|
+
"$required": required,
|
|
16113
|
+
"$disabled": disabled,
|
|
16114
|
+
"$viewMode": viewMode,
|
|
16090
16115
|
width: width
|
|
16091
16116
|
}, label && React__default.createElement("div", {
|
|
16092
16117
|
children: label
|
|
16093
|
-
}), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
16118
|
+
}), viewMode ? React__default.createElement(ViewModeContainer$1, {
|
|
16094
16119
|
children: currentValue
|
|
16095
16120
|
}) : React__default.createElement(LabelsContainer, {
|
|
16096
16121
|
position: position
|
|
@@ -16146,12 +16171,12 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16146
16171
|
});
|
|
16147
16172
|
Range.displayName = 'input';
|
|
16148
16173
|
|
|
16149
|
-
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$
|
|
16174
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
16150
16175
|
var LabelContainer$5 = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16151
16176
|
var theme = _ref.theme;
|
|
16152
16177
|
return theme.useTypography('p');
|
|
16153
16178
|
});
|
|
16154
|
-
var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _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) {
|
|
16179
|
+
var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _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 align-self: center;\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) {
|
|
16155
16180
|
var theme = _ref2.theme;
|
|
16156
16181
|
return theme.spacings.s1;
|
|
16157
16182
|
}, function (_ref3) {
|
|
@@ -16161,33 +16186,39 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
|
|
|
16161
16186
|
return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16162
16187
|
}
|
|
16163
16188
|
|
|
16164
|
-
return css(_templateObject4$
|
|
16189
|
+
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16165
16190
|
}, function (_ref4) {
|
|
16166
16191
|
var required = _ref4.required;
|
|
16167
16192
|
if (!required) return;
|
|
16168
|
-
return css(_templateObject5$
|
|
16193
|
+
return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
|
|
16169
16194
|
}, function (_ref5) {
|
|
16170
16195
|
var invalid = _ref5.invalid;
|
|
16171
16196
|
|
|
16172
16197
|
if (!invalid) {
|
|
16173
|
-
return css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
16198
|
+
return css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n > input:checked + span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
16174
16199
|
var theme = _ref6.theme;
|
|
16175
|
-
return theme.colors.
|
|
16200
|
+
return theme.colors.lightestGrey;
|
|
16176
16201
|
}, function (_ref7) {
|
|
16177
16202
|
var theme = _ref7.theme;
|
|
16203
|
+
return theme.colors.lightestGrey;
|
|
16204
|
+
}, function (_ref8) {
|
|
16205
|
+
var theme = _ref8.theme;
|
|
16206
|
+
return theme.colors.blue;
|
|
16207
|
+
}, function (_ref9) {
|
|
16208
|
+
var theme = _ref9.theme;
|
|
16178
16209
|
return theme.colors.blue;
|
|
16179
16210
|
});
|
|
16180
16211
|
}
|
|
16181
16212
|
|
|
16182
|
-
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (
|
|
16183
|
-
var theme =
|
|
16213
|
+
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref10) {
|
|
16214
|
+
var theme = _ref10.theme;
|
|
16184
16215
|
return theme.colors.warningRed;
|
|
16185
|
-
}, function (
|
|
16186
|
-
var theme =
|
|
16216
|
+
}, function (_ref11) {
|
|
16217
|
+
var theme = _ref11.theme;
|
|
16187
16218
|
return theme.colors.warningRed;
|
|
16188
16219
|
});
|
|
16189
|
-
}, function (
|
|
16190
|
-
var theme =
|
|
16220
|
+
}, function (_ref12) {
|
|
16221
|
+
var theme = _ref12.theme;
|
|
16191
16222
|
return theme.colors.white;
|
|
16192
16223
|
});
|
|
16193
16224
|
|
|
@@ -16389,7 +16420,7 @@ var parse = function parse(value) {
|
|
|
16389
16420
|
});
|
|
16390
16421
|
};
|
|
16391
16422
|
|
|
16392
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$
|
|
16423
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$f, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3;
|
|
16393
16424
|
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
16425
|
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
16426
|
var theme = _ref.theme;
|
|
@@ -16404,9 +16435,9 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
|
|
|
16404
16435
|
}, function (_ref4) {
|
|
16405
16436
|
var onClick = _ref4.onClick;
|
|
16406
16437
|
if (!onClick) return;
|
|
16407
|
-
return css(_templateObject4$
|
|
16438
|
+
return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16408
16439
|
});
|
|
16409
|
-
var Container$6 = styled.div(_templateObject5$
|
|
16440
|
+
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
16441
|
var theme = _ref5.theme;
|
|
16411
16442
|
return theme.spacings.s1;
|
|
16412
16443
|
}, function (_ref6) {
|
|
@@ -16432,20 +16463,20 @@ var Container$6 = styled.div(_templateObject5$c || (_templateObject5$c = _tagged
|
|
|
16432
16463
|
}, function (_ref10) {
|
|
16433
16464
|
var disabled = _ref10.disabled;
|
|
16434
16465
|
if (!disabled) return;
|
|
16435
|
-
return css(_templateObject8$
|
|
16466
|
+
return css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16436
16467
|
});
|
|
16437
16468
|
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
16469
|
var onClick = _ref11.onClick;
|
|
16439
16470
|
if (!onClick) return;
|
|
16440
16471
|
return css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16441
16472
|
});
|
|
16442
|
-
var LabelText$1 = styled.label(_templateObject11$
|
|
16473
|
+
var LabelText$1 = styled.label(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16443
16474
|
var theme = _ref12.theme;
|
|
16444
16475
|
return theme.spacings.s1;
|
|
16445
16476
|
}, function (_ref13) {
|
|
16446
16477
|
var required = _ref13.required;
|
|
16447
16478
|
if (!required) return;
|
|
16448
|
-
return css(_templateObject12$
|
|
16479
|
+
return css(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16449
16480
|
});
|
|
16450
16481
|
|
|
16451
16482
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -17286,7 +17317,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17286
17317
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17287
17318
|
});
|
|
17288
17319
|
|
|
17289
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$
|
|
17320
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$g;
|
|
17290
17321
|
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
17322
|
var theme = _ref.theme;
|
|
17292
17323
|
return theme.colors.white;
|
|
@@ -17310,7 +17341,7 @@ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTempla
|
|
|
17310
17341
|
var getColor = _ref6.theme.getColor;
|
|
17311
17342
|
return getColor('greyishBlue', 50);
|
|
17312
17343
|
});
|
|
17313
|
-
var Item = styled.div(_templateObject4$
|
|
17344
|
+
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
17345
|
var s1 = _ref7.theme.spacings.s1;
|
|
17315
17346
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17316
17347
|
}, function (_ref8) {
|
|
@@ -17491,21 +17522,21 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17491
17522
|
Menu: AppliedFiltersMenu
|
|
17492
17523
|
});
|
|
17493
17524
|
|
|
17494
|
-
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$
|
|
17525
|
+
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
|
|
17495
17526
|
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
17527
|
return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17497
17528
|
}, function (props) {
|
|
17498
17529
|
return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17499
17530
|
}, function (props) {
|
|
17500
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
17531
|
+
return props.size === 'medium' && css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17501
17532
|
}, function (props) {
|
|
17502
|
-
return props.size === 'big' && css(_templateObject5$
|
|
17533
|
+
return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17503
17534
|
}, function (props) {
|
|
17504
17535
|
return props.borderType === 'info' && css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17505
17536
|
}, function (props) {
|
|
17506
17537
|
return props.borderType === 'success' && css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17507
17538
|
}, function (props) {
|
|
17508
|
-
return props.borderType === 'warning' && css(_templateObject8$
|
|
17539
|
+
return props.borderType === 'warning' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17509
17540
|
}, function (props) {
|
|
17510
17541
|
return props.borderType === 'danger' && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
17511
17542
|
}, function (props) {
|
|
@@ -17932,7 +17963,7 @@ var useContext$3 = function useContext() {
|
|
|
17932
17963
|
return React__default.useContext(Provider$3);
|
|
17933
17964
|
};
|
|
17934
17965
|
|
|
17935
|
-
var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$
|
|
17966
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$5, _templateObject12$4, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
17936
17967
|
var aligns = {
|
|
17937
17968
|
self: {
|
|
17938
17969
|
horizontal: {
|
|
@@ -17971,7 +18002,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
17971
18002
|
}
|
|
17972
18003
|
|
|
17973
18004
|
var w = parseFloat(width) * 100 / 12;
|
|
17974
|
-
return css(_templateObject4$
|
|
18005
|
+
return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17975
18006
|
}, function (_ref2) {
|
|
17976
18007
|
var spacing = _ref2.spacing;
|
|
17977
18008
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17979,7 +18010,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
17979
18010
|
}, function (_ref3) {
|
|
17980
18011
|
var spacingAround = _ref3.spacingAround;
|
|
17981
18012
|
if (spacingAround) return;
|
|
17982
|
-
return css(_templateObject5$
|
|
18013
|
+
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
18014
|
}, function (_ref4) {
|
|
17984
18015
|
var align = _ref4.align;
|
|
17985
18016
|
if (align === undefined) return;
|
|
@@ -18003,7 +18034,7 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
18003
18034
|
if (align.content.horizontal !== undefined) {
|
|
18004
18035
|
var _v2 = align.content.horizontal;
|
|
18005
18036
|
var _a2 = aligns.content.horizontal;
|
|
18006
|
-
styles.push(css(_templateObject8$
|
|
18037
|
+
styles.push(css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
18007
18038
|
}
|
|
18008
18039
|
|
|
18009
18040
|
if (align.content.vertical !== undefined) {
|
|
@@ -18023,13 +18054,13 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
|
|
|
18023
18054
|
var bordered = _ref5.bordered,
|
|
18024
18055
|
lightestGrey = _ref5.theme.colors.lightestGrey;
|
|
18025
18056
|
if (!bordered) return;
|
|
18026
|
-
return css(_templateObject11$
|
|
18057
|
+
return css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-right: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
18027
18058
|
}, function (_ref6) {
|
|
18028
18059
|
var fontColor = _ref6.fontColor,
|
|
18029
18060
|
theme = _ref6.theme;
|
|
18030
18061
|
if (fontColor === undefined) return;
|
|
18031
18062
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
18032
|
-
return css(_templateObject12$
|
|
18063
|
+
return css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
18033
18064
|
}, function (_ref7) {
|
|
18034
18065
|
var backgroundColor = _ref7.backgroundColor,
|
|
18035
18066
|
theme = _ref7.theme;
|
|
@@ -18097,7 +18128,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
18097
18128
|
});
|
|
18098
18129
|
Grid$1.displayName = 'Grid';
|
|
18099
18130
|
|
|
18100
|
-
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$
|
|
18131
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
|
|
18101
18132
|
var horizontalAligns = {
|
|
18102
18133
|
around: 'space-around',
|
|
18103
18134
|
between: 'space-between',
|
|
@@ -18122,11 +18153,11 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
|
|
|
18122
18153
|
}, function (_ref3) {
|
|
18123
18154
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
18124
18155
|
if (horizontalAlign === undefined) return;
|
|
18125
|
-
return css(_templateObject4$
|
|
18156
|
+
return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
18126
18157
|
}, function (_ref4) {
|
|
18127
18158
|
var verticalAlign = _ref4.verticalAlign;
|
|
18128
18159
|
if (verticalAlign === undefined) return;
|
|
18129
|
-
return css(_templateObject5$
|
|
18160
|
+
return css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
|
|
18130
18161
|
}, function (_ref5) {
|
|
18131
18162
|
var striped = _ref5.striped,
|
|
18132
18163
|
backgroundColor = _ref5.backgroundColor,
|
|
@@ -18154,7 +18185,7 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
|
|
|
18154
18185
|
even: theme.colors.white,
|
|
18155
18186
|
odd: theme.colors.white
|
|
18156
18187
|
});
|
|
18157
|
-
return css(_templateObject8$
|
|
18188
|
+
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
18189
|
}, function (_ref6) {
|
|
18159
18190
|
var fontColor = _ref6.fontColor,
|
|
18160
18191
|
theme = _ref6.theme;
|
|
@@ -18163,9 +18194,9 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
|
|
|
18163
18194
|
return c;
|
|
18164
18195
|
}, function (_ref7) {
|
|
18165
18196
|
var borderless = _ref7.borderless,
|
|
18166
|
-
|
|
18197
|
+
lightestGrey = _ref7.theme.colors.lightestGrey;
|
|
18167
18198
|
if (borderless) return;
|
|
18168
|
-
return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n :last-child {\n border-bottom: 1px solid transparent;\n }\n "])),
|
|
18199
|
+
return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n :last-child {\n border-bottom: 1px solid transparent;\n }\n "])), lightestGrey);
|
|
18169
18200
|
}, function (_ref8) {
|
|
18170
18201
|
var hover = _ref8.hover,
|
|
18171
18202
|
theme = _ref8.theme;
|
|
@@ -18228,7 +18259,7 @@ var widths = {
|
|
|
18228
18259
|
default: '642.5px'
|
|
18229
18260
|
};
|
|
18230
18261
|
|
|
18231
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$
|
|
18262
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
|
|
18232
18263
|
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
18264
|
var theme = _ref.theme;
|
|
18234
18265
|
return theme.getColor('black', 25);
|
|
@@ -18239,9 +18270,9 @@ var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTem
|
|
|
18239
18270
|
colors = _ref2$theme.colors,
|
|
18240
18271
|
spacings = _ref2$theme.spacings,
|
|
18241
18272
|
useTypography = _ref2$theme.useTypography;
|
|
18242
|
-
return css(_templateObject4$
|
|
18273
|
+
return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18243
18274
|
});
|
|
18244
|
-
var Footer$2 = styled.div(_templateObject5$
|
|
18275
|
+
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
18276
|
var _ref3$theme = _ref3.theme,
|
|
18246
18277
|
spacings = _ref3$theme.spacings,
|
|
18247
18278
|
colors = _ref3$theme.colors;
|
|
@@ -18251,7 +18282,7 @@ var FooterMessage = styled.div(_templateObject7$f || (_templateObject7$f = _tagg
|
|
|
18251
18282
|
var theme = _ref4.theme;
|
|
18252
18283
|
return theme.getColor('darkBlue', 75);
|
|
18253
18284
|
});
|
|
18254
|
-
var FooterButtons = styled.div(_templateObject8$
|
|
18285
|
+
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
18286
|
var theme = _ref5.theme;
|
|
18256
18287
|
return theme.spacings.s3;
|
|
18257
18288
|
});
|
|
@@ -18458,24 +18489,24 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18458
18489
|
Audit: Audit
|
|
18459
18490
|
});
|
|
18460
18491
|
|
|
18461
|
-
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$
|
|
18492
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$6;
|
|
18462
18493
|
var Container$c = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18463
18494
|
var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18464
18495
|
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$
|
|
18496
|
+
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"])));
|
|
18497
|
+
var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18467
18498
|
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
18499
|
return props.height;
|
|
18469
18500
|
}, function (props) {
|
|
18470
18501
|
return props.size === 'mini' && css(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18471
18502
|
}, function (props) {
|
|
18472
|
-
return props.size === 'small' && css(_templateObject8$
|
|
18503
|
+
return props.size === 'small' && css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18473
18504
|
}, function (props) {
|
|
18474
18505
|
return props.size === 'medium' && css(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18475
18506
|
}, function (props) {
|
|
18476
18507
|
return props.size === 'large' && css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18477
18508
|
});
|
|
18478
|
-
var MainLine = styled(HeaderLine)(_templateObject11$
|
|
18509
|
+
var MainLine = styled(HeaderLine)(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18479
18510
|
|
|
18480
18511
|
var Template1 = function Template1(props) {
|
|
18481
18512
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18510,7 +18541,7 @@ var Template1 = function Template1(props) {
|
|
|
18510
18541
|
})));
|
|
18511
18542
|
};
|
|
18512
18543
|
|
|
18513
|
-
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$
|
|
18544
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j;
|
|
18514
18545
|
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
18546
|
return props.height;
|
|
18516
18547
|
}, function (props) {
|
|
@@ -18518,20 +18549,20 @@ var HeaderLine$1 = styled.div(_templateObject$Y || (_templateObject$Y = _taggedT
|
|
|
18518
18549
|
}, function (props) {
|
|
18519
18550
|
return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18520
18551
|
}, function (props) {
|
|
18521
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
18552
|
+
return props.size === 'medium' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18522
18553
|
}, function (props) {
|
|
18523
|
-
return props.size === 'large' && css(_templateObject5$
|
|
18554
|
+
return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18524
18555
|
});
|
|
18525
18556
|
|
|
18526
|
-
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$
|
|
18557
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$n, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
|
|
18527
18558
|
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
18559
|
var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18529
18560
|
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$
|
|
18561
|
+
var HeaderImage$1 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18562
|
+
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
18563
|
var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18533
18564
|
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$
|
|
18565
|
+
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18535
18566
|
|
|
18536
18567
|
var Template2 = function Template2(props) {
|
|
18537
18568
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18586,21 +18617,21 @@ var Template3 = function Template3(props) {
|
|
|
18586
18617
|
}));
|
|
18587
18618
|
};
|
|
18588
18619
|
|
|
18589
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$
|
|
18620
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
|
|
18590
18621
|
var Container$f = styled.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18591
18622
|
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
18623
|
return props.height;
|
|
18593
18624
|
}, function (props) {
|
|
18594
18625
|
return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18595
18626
|
}, function (props) {
|
|
18596
|
-
return props.size === 'small' && css(_templateObject4$
|
|
18627
|
+
return props.size === 'small' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18597
18628
|
}, function (props) {
|
|
18598
|
-
return props.size === 'medium' && css(_templateObject5$
|
|
18629
|
+
return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18599
18630
|
}, function (props) {
|
|
18600
18631
|
return props.size === 'large' && css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18601
18632
|
});
|
|
18602
18633
|
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$
|
|
18634
|
+
var CustomLine = styled(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18604
18635
|
return props.width;
|
|
18605
18636
|
}, function (props) {
|
|
18606
18637
|
return props.height;
|
|
@@ -18653,21 +18684,21 @@ var Template4 = function Template4(props) {
|
|
|
18653
18684
|
}));
|
|
18654
18685
|
};
|
|
18655
18686
|
|
|
18656
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$
|
|
18687
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
|
|
18657
18688
|
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
18689
|
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
18690
|
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
18691
|
return props.height;
|
|
18661
18692
|
}, function (props) {
|
|
18662
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18693
|
+
return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18663
18694
|
}, function (props) {
|
|
18664
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18695
|
+
return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18665
18696
|
}, function (props) {
|
|
18666
18697
|
return props.size === 'medium' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18667
18698
|
}, function (props) {
|
|
18668
18699
|
return props.size === 'large' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18669
18700
|
});
|
|
18670
|
-
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$
|
|
18701
|
+
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18671
18702
|
return props.width;
|
|
18672
18703
|
}, function (props) {
|
|
18673
18704
|
return props.height;
|
|
@@ -18701,20 +18732,20 @@ var Template5 = function Template5(props) {
|
|
|
18701
18732
|
})));
|
|
18702
18733
|
};
|
|
18703
18734
|
|
|
18704
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$
|
|
18735
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
|
|
18705
18736
|
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
18737
|
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
18738
|
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$
|
|
18739
|
+
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
18740
|
return props.height;
|
|
18710
18741
|
}, function (props) {
|
|
18711
|
-
return props.size === 'mini' && css(_templateObject5$
|
|
18742
|
+
return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18712
18743
|
}, function (props) {
|
|
18713
18744
|
return props.size === 'small' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18714
18745
|
}, function (props) {
|
|
18715
18746
|
return props.size === 'medium' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18716
18747
|
}, function (props) {
|
|
18717
|
-
return props.size === 'large' && css(_templateObject8$
|
|
18748
|
+
return props.size === 'large' && css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18718
18749
|
});
|
|
18719
18750
|
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
18751
|
return props.width;
|
|
@@ -18744,21 +18775,21 @@ var Template6 = function Template6(props) {
|
|
|
18744
18775
|
})));
|
|
18745
18776
|
};
|
|
18746
18777
|
|
|
18747
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$
|
|
18778
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
|
|
18748
18779
|
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
18780
|
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
18781
|
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
18782
|
return props.height;
|
|
18752
18783
|
}, function (props) {
|
|
18753
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18784
|
+
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18754
18785
|
}, function (props) {
|
|
18755
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18786
|
+
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18756
18787
|
}, function (props) {
|
|
18757
18788
|
return props.size === 'medium' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18758
18789
|
}, function (props) {
|
|
18759
18790
|
return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18760
18791
|
});
|
|
18761
|
-
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$
|
|
18792
|
+
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
18793
|
return props.width;
|
|
18763
18794
|
}, function (props) {
|
|
18764
18795
|
return props.height;
|
|
@@ -18778,21 +18809,21 @@ var Template7 = function Template7(props) {
|
|
|
18778
18809
|
})), 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
18810
|
};
|
|
18780
18811
|
|
|
18781
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$
|
|
18812
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
|
|
18782
18813
|
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
18814
|
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
18815
|
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
18816
|
return props.height;
|
|
18786
18817
|
}, function (props) {
|
|
18787
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18818
|
+
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18788
18819
|
}, function (props) {
|
|
18789
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18820
|
+
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18790
18821
|
}, function (props) {
|
|
18791
18822
|
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18792
18823
|
}, function (props) {
|
|
18793
18824
|
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18794
18825
|
});
|
|
18795
|
-
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$
|
|
18826
|
+
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
18827
|
return props.width;
|
|
18797
18828
|
}, function (props) {
|
|
18798
18829
|
return props.height;
|
|
@@ -18821,21 +18852,21 @@ var Template8 = function Template8(props) {
|
|
|
18821
18852
|
})));
|
|
18822
18853
|
};
|
|
18823
18854
|
|
|
18824
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$
|
|
18855
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
|
|
18825
18856
|
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
18857
|
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
18858
|
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
18859
|
return props.height;
|
|
18829
18860
|
}, function (props) {
|
|
18830
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18861
|
+
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18831
18862
|
}, function (props) {
|
|
18832
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18863
|
+
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18833
18864
|
}, function (props) {
|
|
18834
18865
|
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18835
18866
|
}, function (props) {
|
|
18836
18867
|
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18837
18868
|
});
|
|
18838
|
-
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$
|
|
18869
|
+
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
18870
|
return props.width;
|
|
18840
18871
|
}, function (props) {
|
|
18841
18872
|
return props.height;
|
|
@@ -18860,21 +18891,21 @@ var Template8$1 = function Template8(props) {
|
|
|
18860
18891
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18861
18892
|
};
|
|
18862
18893
|
|
|
18863
|
-
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$
|
|
18894
|
+
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$7;
|
|
18864
18895
|
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
18896
|
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
18897
|
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
18898
|
return props.height;
|
|
18868
18899
|
}, function (props) {
|
|
18869
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18900
|
+
return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18870
18901
|
}, function (props) {
|
|
18871
|
-
return props.size === 'small' && css(_templateObject5$
|
|
18902
|
+
return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18872
18903
|
}, function (props) {
|
|
18873
18904
|
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18874
18905
|
}, function (props) {
|
|
18875
18906
|
return props.size === 'large' && css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18876
18907
|
});
|
|
18877
|
-
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$
|
|
18908
|
+
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
18909
|
return props.width;
|
|
18879
18910
|
}, function (props) {
|
|
18880
18911
|
return props.height;
|
|
@@ -18883,7 +18914,7 @@ var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$l || (_templateObject8$
|
|
|
18883
18914
|
});
|
|
18884
18915
|
var GraphLine = styled(CustomLine$6)(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
18885
18916
|
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"])));
|
|
18886
|
-
var Circle$3 = styled.div(_templateObject11$
|
|
18917
|
+
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"])));
|
|
18887
18918
|
|
|
18888
18919
|
var Template10 = function Template10(props) {
|
|
18889
18920
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -19004,7 +19035,7 @@ var Placeholder = function Placeholder(props) {
|
|
|
19004
19035
|
}
|
|
19005
19036
|
};
|
|
19006
19037
|
|
|
19007
|
-
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$
|
|
19038
|
+
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$p, _templateObject7$p;
|
|
19008
19039
|
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
19040
|
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
19041
|
return props.value + "%";
|
|
@@ -19014,12 +19045,12 @@ var Progress = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTem
|
|
|
19014
19045
|
return theme.colors.warningGray;
|
|
19015
19046
|
});
|
|
19016
19047
|
}, function (props) {
|
|
19017
|
-
return props.type === 'info' && css(_templateObject4$
|
|
19048
|
+
return props.type === 'info' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
19018
19049
|
var theme = _ref2.theme;
|
|
19019
19050
|
return theme.colors.blue;
|
|
19020
19051
|
});
|
|
19021
19052
|
}, function (props) {
|
|
19022
|
-
return props.type === 'danger' && css(_templateObject5$
|
|
19053
|
+
return props.type === 'danger' && css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
|
|
19023
19054
|
var theme = _ref3.theme;
|
|
19024
19055
|
return theme.colors.warningRed;
|
|
19025
19056
|
});
|
|
@@ -19039,7 +19070,7 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
19039
19070
|
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
19071
|
};
|
|
19041
19072
|
|
|
19042
|
-
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$
|
|
19073
|
+
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$n;
|
|
19043
19074
|
var Container$n = styled.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
19044
19075
|
var delimiters = {
|
|
19045
19076
|
blue: ['blue'],
|
|
@@ -19073,20 +19104,20 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
|
|
|
19073
19104
|
return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
19074
19105
|
}();
|
|
19075
19106
|
|
|
19076
|
-
return css(_templateObject4$
|
|
19107
|
+
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
19108
|
}, function (_ref3) {
|
|
19078
19109
|
var theme = _ref3.theme,
|
|
19079
19110
|
internal = _ref3.$internal;
|
|
19080
19111
|
return internal ? theme.spacings.s6 : 0;
|
|
19081
19112
|
});
|
|
19082
|
-
var Tab = styled.li(_templateObject5$
|
|
19113
|
+
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
19114
|
var theme = _ref4.theme,
|
|
19084
19115
|
active = _ref4.$active,
|
|
19085
19116
|
internal = _ref4.$internal;
|
|
19086
19117
|
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
19118
|
var theme = _ref5.theme;
|
|
19088
19119
|
return theme.useTypography('h4');
|
|
19089
|
-
}) : css(_templateObject8$
|
|
19120
|
+
}) : 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
19121
|
var theme = _ref6.theme;
|
|
19091
19122
|
return theme.useTypography('h2');
|
|
19092
19123
|
}), theme.colors[active ? 'white' : 'darkBlue']);
|
|
@@ -19230,7 +19261,7 @@ var TextArea = function TextArea(props) {
|
|
|
19230
19261
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
19231
19262
|
};
|
|
19232
19263
|
|
|
19233
|
-
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$
|
|
19264
|
+
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u, _templateObject6$r;
|
|
19234
19265
|
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
19266
|
return props.size === 'large' ? '837px' : '460px';
|
|
19236
19267
|
}, function (props) {
|
|
@@ -19238,9 +19269,9 @@ var Container$p = styled.div(_templateObject$19 || (_templateObject$19 = _tagged
|
|
|
19238
19269
|
}, function (props) {
|
|
19239
19270
|
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
19271
|
}, function (props) {
|
|
19241
|
-
return props.color === 'warning' && css(_templateObject4$
|
|
19272
|
+
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
19273
|
});
|
|
19243
|
-
var IconContainer$2 = styled.div(_templateObject5$
|
|
19274
|
+
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
19275
|
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
19276
|
|
|
19246
19277
|
var Toast = function Toast(props) {
|
|
@@ -19253,7 +19284,7 @@ var Toast = function Toast(props) {
|
|
|
19253
19284
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19254
19285
|
};
|
|
19255
19286
|
|
|
19256
|
-
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$
|
|
19287
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$y, _templateObject5$v;
|
|
19257
19288
|
var Image = styled.img(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19258
19289
|
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
19290
|
var width = _ref.width;
|
|
@@ -19286,11 +19317,11 @@ var Dimmer = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTempl
|
|
|
19286
19317
|
var theme = _ref3.theme;
|
|
19287
19318
|
return theme.getColor('greyishBlue', 50);
|
|
19288
19319
|
});
|
|
19289
|
-
var Button$6 = styled(Button$1)(_templateObject4$
|
|
19320
|
+
var Button$6 = styled(Button$1)(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19290
19321
|
var theme = _ref4.theme;
|
|
19291
19322
|
return theme.getColor('white', 50);
|
|
19292
19323
|
});
|
|
19293
|
-
var ModalContent = styled.div(_templateObject5$
|
|
19324
|
+
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
19325
|
|
|
19295
19326
|
var _excluded$3 = ["src", "defaultClickOptions"];
|
|
19296
19327
|
|