@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.js
CHANGED
|
@@ -74,7 +74,6 @@ var colors = {
|
|
|
74
74
|
milkWhite: '#FCFFF5',
|
|
75
75
|
orange: '#FB8702',
|
|
76
76
|
pink: '#E23851',
|
|
77
|
-
platinum: '#E2E2E3',
|
|
78
77
|
purple: '#8E66BB',
|
|
79
78
|
red: '#C31717',
|
|
80
79
|
silver: '#B2B2B2',
|
|
@@ -12210,7 +12209,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12210
12209
|
}));
|
|
12211
12210
|
};
|
|
12212
12211
|
|
|
12213
|
-
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;
|
|
12212
|
+
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;
|
|
12214
12213
|
var IconContainer = styled__default.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) {
|
|
12215
12214
|
var onClick = _ref.onClick,
|
|
12216
12215
|
disabled = _ref.disabled;
|
|
@@ -12321,10 +12320,16 @@ var LabelText = styled__default.div(_templateObject18$1 || (_templateObject18$1
|
|
|
12321
12320
|
viewMode = _ref21.$viewMode;
|
|
12322
12321
|
return theme.spacings[viewMode ? 's3' : 's1'];
|
|
12323
12322
|
}, function (_ref22) {
|
|
12324
|
-
var required = _ref22.$required
|
|
12325
|
-
|
|
12323
|
+
var required = _ref22.$required,
|
|
12324
|
+
viewMode = _ref22.$viewMode;
|
|
12325
|
+
if (!required || viewMode) return;
|
|
12326
12326
|
return styled.css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12327
12327
|
});
|
|
12328
|
+
var ViewModeContainer = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref23) {
|
|
12329
|
+
var children = _ref23.children;
|
|
12330
|
+
if (children) return;
|
|
12331
|
+
return styled.css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n :before {\n content: ' ';\n white-space: pre;\n }\n "])));
|
|
12332
|
+
});
|
|
12328
12333
|
|
|
12329
12334
|
var defaultValue = {
|
|
12330
12335
|
isRequired: function isRequired() {
|
|
@@ -12549,7 +12554,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12549
12554
|
}, label && React__default.createElement(LabelText, {
|
|
12550
12555
|
"$required": required,
|
|
12551
12556
|
"$viewMode": viewMode
|
|
12552
|
-
}, label), viewMode ? React__default.createElement(
|
|
12557
|
+
}, label), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
12553
12558
|
children: inputProps.value || props.children
|
|
12554
12559
|
}) : React__default.createElement(InputContainer, {
|
|
12555
12560
|
width: props.inputWidth
|
|
@@ -12565,25 +12570,21 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12565
12570
|
});
|
|
12566
12571
|
Input$1.displayName = 'Input';
|
|
12567
12572
|
|
|
12568
|
-
var _templateObject$6, _templateObject2$6, _templateObject3$6, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12573
|
+
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;
|
|
12569
12574
|
var size = '17px';
|
|
12570
|
-
var Checkmark = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color:
|
|
12575
|
+
var Checkmark = styled__default.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) {
|
|
12571
12576
|
var theme = _ref.theme;
|
|
12572
12577
|
return theme.colors.white;
|
|
12573
12578
|
}, function (_ref2) {
|
|
12574
|
-
var theme = _ref2.theme
|
|
12575
|
-
viewMode = _ref2.$viewMode;
|
|
12576
|
-
return viewMode ? 'transparent' : theme.colors.blue;
|
|
12577
|
-
}, function (_ref3) {
|
|
12578
|
-
var theme = _ref3.theme;
|
|
12579
|
+
var theme = _ref2.theme;
|
|
12579
12580
|
return theme.colors.blue;
|
|
12580
12581
|
});
|
|
12581
|
-
var Label$1 = styled__default.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 (
|
|
12582
|
-
var theme =
|
|
12582
|
+
var Label$1 = styled__default.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) {
|
|
12583
|
+
var theme = _ref3.theme;
|
|
12583
12584
|
return theme.useTypography('p');
|
|
12584
|
-
}, function (
|
|
12585
|
-
var padding =
|
|
12586
|
-
theme =
|
|
12585
|
+
}, function (_ref4) {
|
|
12586
|
+
var padding = _ref4.$padding,
|
|
12587
|
+
theme = _ref4.theme;
|
|
12587
12588
|
if (!padding) return;
|
|
12588
12589
|
var _padding = {
|
|
12589
12590
|
top: '0',
|
|
@@ -12625,9 +12626,9 @@ var Label$1 = styled__default.label(_templateObject2$6 || (_templateObject2$6 =
|
|
|
12625
12626
|
}
|
|
12626
12627
|
|
|
12627
12628
|
return styled.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);
|
|
12628
|
-
}, function (
|
|
12629
|
-
var disabled =
|
|
12630
|
-
readOnly =
|
|
12629
|
+
}, function (_ref5) {
|
|
12630
|
+
var disabled = _ref5.$disabled,
|
|
12631
|
+
readOnly = _ref5.$readOnly;
|
|
12631
12632
|
|
|
12632
12633
|
if (disabled) {
|
|
12633
12634
|
return styled.css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -12635,34 +12636,42 @@ var Label$1 = styled__default.label(_templateObject2$6 || (_templateObject2$6 =
|
|
|
12635
12636
|
|
|
12636
12637
|
if (readOnly) return;
|
|
12637
12638
|
return styled.css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12638
|
-
}, function (
|
|
12639
|
-
var theme =
|
|
12640
|
-
bordered =
|
|
12641
|
-
invalid =
|
|
12639
|
+
}, function (_ref6) {
|
|
12640
|
+
var theme = _ref6.theme,
|
|
12641
|
+
bordered = _ref6.$bordered,
|
|
12642
|
+
invalid = _ref6.$invalid;
|
|
12642
12643
|
if (!bordered) return;
|
|
12643
12644
|
return styled.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']);
|
|
12644
|
-
}, size, size, function (
|
|
12645
|
-
var theme =
|
|
12645
|
+
}, size, size, function (_ref7) {
|
|
12646
|
+
var theme = _ref7.theme;
|
|
12646
12647
|
return theme.spacings.s1;
|
|
12647
|
-
}, Checkmark, function (
|
|
12648
|
-
var theme =
|
|
12648
|
+
}, Checkmark, function (_ref8) {
|
|
12649
|
+
var theme = _ref8.theme;
|
|
12649
12650
|
return theme.colors.iceWhite;
|
|
12650
|
-
},
|
|
12651
|
-
var theme =
|
|
12652
|
-
|
|
12651
|
+
}, function (_ref9) {
|
|
12652
|
+
var theme = _ref9.theme,
|
|
12653
|
+
viewMode = _ref9.$viewMode;
|
|
12654
|
+
return viewMode ? styled.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n > input ~ ", " {\n border-color: transparent;\n }\n "])), Checkmark) : styled.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) {
|
|
12655
|
+
var theme = _ref10.theme;
|
|
12656
|
+
return theme.colors.blue;
|
|
12657
|
+
});
|
|
12658
|
+
}, Checkmark, function (_ref11) {
|
|
12659
|
+
var theme = _ref11.theme,
|
|
12660
|
+
invalid = _ref11.$invalid;
|
|
12653
12661
|
if (!invalid) return;
|
|
12654
|
-
return styled.css(
|
|
12655
|
-
}, function (
|
|
12656
|
-
var width =
|
|
12657
|
-
return width && styled.css(
|
|
12662
|
+
return styled.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);
|
|
12663
|
+
}, function (_ref12) {
|
|
12664
|
+
var width = _ref12.$width;
|
|
12665
|
+
return width && styled.css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
12658
12666
|
});
|
|
12659
|
-
var LabelContent = styled__default.div(
|
|
12660
|
-
var theme =
|
|
12667
|
+
var LabelContent = styled__default.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) {
|
|
12668
|
+
var theme = _ref13.theme;
|
|
12661
12669
|
return theme.useTypography('p');
|
|
12662
|
-
}, function (
|
|
12663
|
-
var required =
|
|
12664
|
-
|
|
12665
|
-
|
|
12670
|
+
}, function (_ref14) {
|
|
12671
|
+
var required = _ref14.required,
|
|
12672
|
+
viewMode = _ref14.viewMode;
|
|
12673
|
+
if (!required || viewMode) return;
|
|
12674
|
+
return styled.css(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12666
12675
|
});
|
|
12667
12676
|
|
|
12668
12677
|
var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
@@ -12700,16 +12709,16 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
|
12700
12709
|
"$bordered": !viewMode && bordered,
|
|
12701
12710
|
"$padding": padding,
|
|
12702
12711
|
"$readOnly": props.readOnly || viewMode,
|
|
12703
|
-
"$width": props.width
|
|
12712
|
+
"$width": props.width,
|
|
12713
|
+
"$viewMode": viewMode
|
|
12704
12714
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
12705
12715
|
type: 'checkbox',
|
|
12706
12716
|
ref: ref,
|
|
12707
12717
|
disabled: htmlProps.disabled || viewMode
|
|
12708
|
-
})), React__default.createElement(Checkmark, {
|
|
12709
|
-
"$viewMode": viewMode
|
|
12710
|
-
}), React__default.createElement(LabelComponent, Object.assign({}, {
|
|
12718
|
+
})), React__default.createElement(Checkmark, null), React__default.createElement(LabelComponent, Object.assign({}, {
|
|
12711
12719
|
disabled: disabled,
|
|
12712
12720
|
required: required,
|
|
12721
|
+
viewMode: viewMode,
|
|
12713
12722
|
invalid: invalid,
|
|
12714
12723
|
bordered: bordered,
|
|
12715
12724
|
padding: padding,
|
|
@@ -13217,7 +13226,7 @@ var Indicator = function Indicator(props) {
|
|
|
13217
13226
|
}, props)));
|
|
13218
13227
|
};
|
|
13219
13228
|
|
|
13220
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$
|
|
13229
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
13221
13230
|
var Footer = styled__default.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"])));
|
|
13222
13231
|
var WeekContainer = styled__default.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) {
|
|
13223
13232
|
var theme = _ref.theme;
|
|
@@ -13281,7 +13290,7 @@ var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject
|
|
|
13281
13290
|
});
|
|
13282
13291
|
var DayIndicator = styled__default(Indicator).attrs({
|
|
13283
13292
|
size: 'mini'
|
|
13284
|
-
})(_templateObject11$
|
|
13293
|
+
})(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: calc(", " - 1px);\n left: calc(50% - (", " / 2) + 1px);\n"])), sizes.mini, sizes.mini);
|
|
13285
13294
|
|
|
13286
13295
|
var getCalendar = function getCalendar(d) {
|
|
13287
13296
|
var date = new Date(d.getTime());
|
|
@@ -15673,66 +15682,72 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15673
15682
|
});
|
|
15674
15683
|
DatePicker.displayName = 'DatePicker';
|
|
15675
15684
|
|
|
15676
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15677
|
-
var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15685
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9, _templateObject8$8;
|
|
15686
|
+
var LabelContainer$3 = styled__default.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) {
|
|
15678
15687
|
var theme = _ref.theme;
|
|
15679
15688
|
return theme.useTypography('p');
|
|
15680
15689
|
}, function (_ref2) {
|
|
15681
|
-
var required = _ref2
|
|
15682
|
-
|
|
15690
|
+
var required = _ref2.$required,
|
|
15691
|
+
viewMode = _ref2.$viewMode;
|
|
15692
|
+
if (!required || viewMode) return;
|
|
15683
15693
|
return styled.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15694
|
+
}, function (_ref3) {
|
|
15695
|
+
var keepSpace = _ref3.$keepSpace,
|
|
15696
|
+
children = _ref3.children;
|
|
15697
|
+
if (!keepSpace || children) return;
|
|
15698
|
+
return styled.css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n :before {\n content: '';\n white-space: pre;\n }\n "])));
|
|
15684
15699
|
});
|
|
15685
|
-
var Label$4 = styled__default.label(
|
|
15686
|
-
var theme =
|
|
15700
|
+
var Label$4 = styled__default.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) {
|
|
15701
|
+
var theme = _ref4.theme;
|
|
15687
15702
|
return theme.spacings.s1;
|
|
15688
|
-
}, function (
|
|
15689
|
-
var disabled =
|
|
15703
|
+
}, function (_ref5) {
|
|
15704
|
+
var disabled = _ref5.$disabled;
|
|
15690
15705
|
|
|
15691
15706
|
if (!disabled) {
|
|
15692
|
-
return styled.css(
|
|
15707
|
+
return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15693
15708
|
}
|
|
15694
15709
|
|
|
15695
|
-
return styled.css(
|
|
15696
|
-
}, function (
|
|
15697
|
-
var invalid =
|
|
15710
|
+
return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15711
|
+
}, function (_ref6) {
|
|
15712
|
+
var invalid = _ref6.$invalid;
|
|
15698
15713
|
|
|
15699
15714
|
if (!invalid) {
|
|
15700
|
-
return styled.css(
|
|
15701
|
-
var theme = _ref6.theme;
|
|
15702
|
-
return theme.colors.lightGrey;
|
|
15703
|
-
}, function (_ref7) {
|
|
15715
|
+
return styled.css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref7) {
|
|
15704
15716
|
var theme = _ref7.theme;
|
|
15717
|
+
return theme.colors.lightGrey;
|
|
15718
|
+
}, function (_ref8) {
|
|
15719
|
+
var theme = _ref8.theme;
|
|
15705
15720
|
return theme.colors.blue;
|
|
15706
15721
|
});
|
|
15707
15722
|
}
|
|
15708
15723
|
|
|
15709
|
-
return styled.css(
|
|
15710
|
-
var theme = _ref8.theme;
|
|
15711
|
-
return theme.colors.warningRed;
|
|
15712
|
-
}, function (_ref9) {
|
|
15724
|
+
return styled.css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref9) {
|
|
15713
15725
|
var theme = _ref9.theme;
|
|
15714
15726
|
return theme.colors.warningRed;
|
|
15727
|
+
}, function (_ref10) {
|
|
15728
|
+
var theme = _ref10.theme;
|
|
15729
|
+
return theme.colors.warningRed;
|
|
15715
15730
|
});
|
|
15716
|
-
}, function (_ref10) {
|
|
15717
|
-
var theme = _ref10.theme;
|
|
15718
|
-
return theme.spacings.s4;
|
|
15719
15731
|
}, function (_ref11) {
|
|
15720
15732
|
var theme = _ref11.theme;
|
|
15721
|
-
return theme.
|
|
15733
|
+
return theme.spacings.s4;
|
|
15722
15734
|
}, function (_ref12) {
|
|
15723
15735
|
var theme = _ref12.theme;
|
|
15724
|
-
return theme.
|
|
15736
|
+
return theme.colors.warningGray;
|
|
15725
15737
|
}, function (_ref13) {
|
|
15726
15738
|
var theme = _ref13.theme;
|
|
15727
|
-
return theme.
|
|
15739
|
+
return theme.getColor('black', 10);
|
|
15728
15740
|
}, function (_ref14) {
|
|
15729
15741
|
var theme = _ref14.theme;
|
|
15730
15742
|
return theme.spacings.s4;
|
|
15731
15743
|
}, function (_ref15) {
|
|
15732
15744
|
var theme = _ref15.theme;
|
|
15733
|
-
return theme.
|
|
15745
|
+
return theme.spacings.s4;
|
|
15734
15746
|
}, function (_ref16) {
|
|
15735
15747
|
var theme = _ref16.theme;
|
|
15748
|
+
return theme.colors.white;
|
|
15749
|
+
}, function (_ref17) {
|
|
15750
|
+
var theme = _ref17.theme;
|
|
15736
15751
|
return theme.spacings.s4;
|
|
15737
15752
|
});
|
|
15738
15753
|
|
|
@@ -15753,11 +15768,13 @@ var Switch = function Switch(props) {
|
|
|
15753
15768
|
var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'htmlDisabled', 'labelProps', 'viewMode']);
|
|
15754
15769
|
htmlProps.disabled = props.disabled || props.htmlDisabled;
|
|
15755
15770
|
return React__default.createElement(Label$4, Object.assign({}, props.labelProps || {}, {
|
|
15756
|
-
disabled: disabled
|
|
15757
|
-
invalid: invalid
|
|
15771
|
+
"$disabled": disabled,
|
|
15772
|
+
"$invalid": invalid
|
|
15758
15773
|
}), label.label && React__default.createElement(LabelContainer$3, {
|
|
15759
|
-
required: required
|
|
15774
|
+
"$required": required,
|
|
15775
|
+
"$viewMode": viewMode
|
|
15760
15776
|
}, label.label), viewMode ? React__default.createElement(LabelContainer$3, {
|
|
15777
|
+
"$keepSpace": true,
|
|
15761
15778
|
children: label[props.checked ? 'after' : 'before']
|
|
15762
15779
|
}) : React__default.createElement(React__default.Fragment, null, label.before && React__default.createElement(LabelContainer$3, {
|
|
15763
15780
|
children: label.before
|
|
@@ -15777,7 +15794,7 @@ var bullet = styled.css(_templateObject$t || (_templateObject$t = _taggedTemplat
|
|
|
15777
15794
|
return bulletSize;
|
|
15778
15795
|
}, function (_ref3) {
|
|
15779
15796
|
var theme = _ref3.theme;
|
|
15780
|
-
return theme.colors.
|
|
15797
|
+
return theme.colors.lightestGrey;
|
|
15781
15798
|
}, function (_ref4) {
|
|
15782
15799
|
var theme = _ref4.theme;
|
|
15783
15800
|
return theme.getColor('black', 10);
|
|
@@ -15839,20 +15856,27 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
|
|
|
15839
15856
|
return theme.colors.blue;
|
|
15840
15857
|
});
|
|
15841
15858
|
|
|
15842
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$l;
|
|
15843
|
-
var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 17px;\n\n
|
|
15859
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$d, _templateObject5$b;
|
|
15860
|
+
var Label$5 = styled__default.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) {
|
|
15844
15861
|
var theme = _ref.theme;
|
|
15845
15862
|
return theme.useTypography('p');
|
|
15846
15863
|
}, function (_ref2) {
|
|
15847
|
-
var width = _ref2.width
|
|
15848
|
-
|
|
15864
|
+
var width = _ref2.width,
|
|
15865
|
+
viewMode = _ref2.$viewMode;
|
|
15866
|
+
|
|
15867
|
+
if (width) {
|
|
15868
|
+
return styled.css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
15869
|
+
}
|
|
15870
|
+
|
|
15871
|
+
return !viewMode && styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])));
|
|
15849
15872
|
}, function (_ref3) {
|
|
15850
|
-
var disabled = _ref3
|
|
15873
|
+
var disabled = _ref3.$disabled;
|
|
15851
15874
|
if (!disabled) return;
|
|
15852
|
-
return styled.css(
|
|
15875
|
+
return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15853
15876
|
}, LabelContainer$4, function (_ref4) {
|
|
15854
|
-
var required = _ref4
|
|
15855
|
-
|
|
15877
|
+
var required = _ref4.$required,
|
|
15878
|
+
viewMode = _ref4.$viewMode;
|
|
15879
|
+
return required && !viewMode && styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15856
15880
|
}, NavBar);
|
|
15857
15881
|
|
|
15858
15882
|
var _templateObject$z, _templateObject2$r;
|
|
@@ -15884,7 +15908,7 @@ var _templateObject$C;
|
|
|
15884
15908
|
var MarkersContainer = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15885
15909
|
|
|
15886
15910
|
var _templateObject$D;
|
|
15887
|
-
var ViewModeContainer = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
15911
|
+
var ViewModeContainer$1 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
15888
15912
|
|
|
15889
15913
|
var getMarkers = function getMarkers(props) {
|
|
15890
15914
|
if (props.markers && 'markers' in props.markers) {
|
|
@@ -16088,12 +16112,13 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16088
16112
|
});
|
|
16089
16113
|
var bulletSize = strict === true ? 22 : 14;
|
|
16090
16114
|
return React__default.createElement(Label$5, {
|
|
16091
|
-
required: required
|
|
16092
|
-
disabled: disabled
|
|
16115
|
+
"$required": required,
|
|
16116
|
+
"$disabled": disabled,
|
|
16117
|
+
"$viewMode": viewMode,
|
|
16093
16118
|
width: width
|
|
16094
16119
|
}, label && React__default.createElement("div", {
|
|
16095
16120
|
children: label
|
|
16096
|
-
}), viewMode ? React__default.createElement(ViewModeContainer, {
|
|
16121
|
+
}), viewMode ? React__default.createElement(ViewModeContainer$1, {
|
|
16097
16122
|
children: currentValue
|
|
16098
16123
|
}) : React__default.createElement(LabelsContainer, {
|
|
16099
16124
|
position: position
|
|
@@ -16149,12 +16174,12 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16149
16174
|
});
|
|
16150
16175
|
Range.displayName = 'input';
|
|
16151
16176
|
|
|
16152
|
-
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$
|
|
16177
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
16153
16178
|
var LabelContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16154
16179
|
var theme = _ref.theme;
|
|
16155
16180
|
return theme.useTypography('p');
|
|
16156
16181
|
});
|
|
16157
|
-
var Label$6 = styled__default.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) {
|
|
16182
|
+
var Label$6 = styled__default.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) {
|
|
16158
16183
|
var theme = _ref2.theme;
|
|
16159
16184
|
return theme.spacings.s1;
|
|
16160
16185
|
}, function (_ref3) {
|
|
@@ -16164,33 +16189,39 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
16164
16189
|
return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16165
16190
|
}
|
|
16166
16191
|
|
|
16167
|
-
return styled.css(_templateObject4$
|
|
16192
|
+
return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16168
16193
|
}, function (_ref4) {
|
|
16169
16194
|
var required = _ref4.required;
|
|
16170
16195
|
if (!required) return;
|
|
16171
|
-
return styled.css(_templateObject5$
|
|
16196
|
+
return styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
|
|
16172
16197
|
}, function (_ref5) {
|
|
16173
16198
|
var invalid = _ref5.invalid;
|
|
16174
16199
|
|
|
16175
16200
|
if (!invalid) {
|
|
16176
|
-
return styled.css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
16201
|
+
return styled.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) {
|
|
16177
16202
|
var theme = _ref6.theme;
|
|
16178
|
-
return theme.colors.
|
|
16203
|
+
return theme.colors.lightestGrey;
|
|
16179
16204
|
}, function (_ref7) {
|
|
16180
16205
|
var theme = _ref7.theme;
|
|
16206
|
+
return theme.colors.lightestGrey;
|
|
16207
|
+
}, function (_ref8) {
|
|
16208
|
+
var theme = _ref8.theme;
|
|
16209
|
+
return theme.colors.blue;
|
|
16210
|
+
}, function (_ref9) {
|
|
16211
|
+
var theme = _ref9.theme;
|
|
16181
16212
|
return theme.colors.blue;
|
|
16182
16213
|
});
|
|
16183
16214
|
}
|
|
16184
16215
|
|
|
16185
|
-
return styled.css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (
|
|
16186
|
-
var theme =
|
|
16216
|
+
return styled.css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref10) {
|
|
16217
|
+
var theme = _ref10.theme;
|
|
16187
16218
|
return theme.colors.warningRed;
|
|
16188
|
-
}, function (
|
|
16189
|
-
var theme =
|
|
16219
|
+
}, function (_ref11) {
|
|
16220
|
+
var theme = _ref11.theme;
|
|
16190
16221
|
return theme.colors.warningRed;
|
|
16191
16222
|
});
|
|
16192
|
-
}, function (
|
|
16193
|
-
var theme =
|
|
16223
|
+
}, function (_ref12) {
|
|
16224
|
+
var theme = _ref12.theme;
|
|
16194
16225
|
return theme.colors.white;
|
|
16195
16226
|
});
|
|
16196
16227
|
|
|
@@ -16392,7 +16423,7 @@ var parse = function parse(value) {
|
|
|
16392
16423
|
});
|
|
16393
16424
|
};
|
|
16394
16425
|
|
|
16395
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$
|
|
16426
|
+
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;
|
|
16396
16427
|
var RelativeContainer$5 = styled__default.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"])));
|
|
16397
16428
|
var LabelContainer$6 = styled__default.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) {
|
|
16398
16429
|
var theme = _ref.theme;
|
|
@@ -16407,9 +16438,9 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
|
|
|
16407
16438
|
}, function (_ref4) {
|
|
16408
16439
|
var onClick = _ref4.onClick;
|
|
16409
16440
|
if (!onClick) return;
|
|
16410
|
-
return styled.css(_templateObject4$
|
|
16441
|
+
return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16411
16442
|
});
|
|
16412
|
-
var Container$6 = styled__default.div(_templateObject5$
|
|
16443
|
+
var Container$6 = styled__default.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) {
|
|
16413
16444
|
var theme = _ref5.theme;
|
|
16414
16445
|
return theme.spacings.s1;
|
|
16415
16446
|
}, function (_ref6) {
|
|
@@ -16435,20 +16466,20 @@ var Container$6 = styled__default.div(_templateObject5$c || (_templateObject5$c
|
|
|
16435
16466
|
}, function (_ref10) {
|
|
16436
16467
|
var disabled = _ref10.disabled;
|
|
16437
16468
|
if (!disabled) return;
|
|
16438
|
-
return styled.css(_templateObject8$
|
|
16469
|
+
return styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16439
16470
|
});
|
|
16440
16471
|
var Button$4 = styled__default.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) {
|
|
16441
16472
|
var onClick = _ref11.onClick;
|
|
16442
16473
|
if (!onClick) return;
|
|
16443
16474
|
return styled.css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16444
16475
|
});
|
|
16445
|
-
var LabelText$1 = styled__default.label(_templateObject11$
|
|
16476
|
+
var LabelText$1 = styled__default.label(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16446
16477
|
var theme = _ref12.theme;
|
|
16447
16478
|
return theme.spacings.s1;
|
|
16448
16479
|
}, function (_ref13) {
|
|
16449
16480
|
var required = _ref13.required;
|
|
16450
16481
|
if (!required) return;
|
|
16451
|
-
return styled.css(_templateObject12$
|
|
16482
|
+
return styled.css(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16452
16483
|
});
|
|
16453
16484
|
|
|
16454
16485
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -17289,7 +17320,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17289
17320
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17290
17321
|
});
|
|
17291
17322
|
|
|
17292
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$
|
|
17323
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$g;
|
|
17293
17324
|
var Container$7 = styled__default(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) {
|
|
17294
17325
|
var theme = _ref.theme;
|
|
17295
17326
|
return theme.colors.white;
|
|
@@ -17313,7 +17344,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
|
|
|
17313
17344
|
var getColor = _ref6.theme.getColor;
|
|
17314
17345
|
return getColor('greyishBlue', 50);
|
|
17315
17346
|
});
|
|
17316
|
-
var Item = styled__default.div(_templateObject4$
|
|
17347
|
+
var Item = styled__default.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) {
|
|
17317
17348
|
var s1 = _ref7.theme.spacings.s1;
|
|
17318
17349
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17319
17350
|
}, function (_ref8) {
|
|
@@ -17494,21 +17525,21 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17494
17525
|
Menu: AppliedFiltersMenu
|
|
17495
17526
|
});
|
|
17496
17527
|
|
|
17497
|
-
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$
|
|
17528
|
+
var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
|
|
17498
17529
|
var Container$9 = styled__default.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) {
|
|
17499
17530
|
return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17500
17531
|
}, function (props) {
|
|
17501
17532
|
return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17502
17533
|
}, function (props) {
|
|
17503
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
17534
|
+
return props.size === 'medium' && styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17504
17535
|
}, function (props) {
|
|
17505
|
-
return props.size === 'big' && styled.css(_templateObject5$
|
|
17536
|
+
return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17506
17537
|
}, function (props) {
|
|
17507
17538
|
return props.borderType === 'info' && styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17508
17539
|
}, function (props) {
|
|
17509
17540
|
return props.borderType === 'success' && styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17510
17541
|
}, function (props) {
|
|
17511
|
-
return props.borderType === 'warning' && styled.css(_templateObject8$
|
|
17542
|
+
return props.borderType === 'warning' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17512
17543
|
}, function (props) {
|
|
17513
17544
|
return props.borderType === 'danger' && styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
17514
17545
|
}, function (props) {
|
|
@@ -17935,7 +17966,7 @@ var useContext$3 = function useContext() {
|
|
|
17935
17966
|
return React__default.useContext(Provider$3);
|
|
17936
17967
|
};
|
|
17937
17968
|
|
|
17938
|
-
var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$
|
|
17969
|
+
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;
|
|
17939
17970
|
var aligns = {
|
|
17940
17971
|
self: {
|
|
17941
17972
|
horizontal: {
|
|
@@ -17974,7 +18005,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
17974
18005
|
}
|
|
17975
18006
|
|
|
17976
18007
|
var w = parseFloat(width) * 100 / 12;
|
|
17977
|
-
return styled.css(_templateObject4$
|
|
18008
|
+
return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17978
18009
|
}, function (_ref2) {
|
|
17979
18010
|
var spacing = _ref2.spacing;
|
|
17980
18011
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17982,7 +18013,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
17982
18013
|
}, function (_ref3) {
|
|
17983
18014
|
var spacingAround = _ref3.spacingAround;
|
|
17984
18015
|
if (spacingAround) return;
|
|
17985
|
-
return styled.css(_templateObject5$
|
|
18016
|
+
return styled.css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
|
|
17986
18017
|
}, function (_ref4) {
|
|
17987
18018
|
var align = _ref4.align;
|
|
17988
18019
|
if (align === undefined) return;
|
|
@@ -18006,7 +18037,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
18006
18037
|
if (align.content.horizontal !== undefined) {
|
|
18007
18038
|
var _v2 = align.content.horizontal;
|
|
18008
18039
|
var _a2 = aligns.content.horizontal;
|
|
18009
|
-
styles.push(styled.css(_templateObject8$
|
|
18040
|
+
styles.push(styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
18010
18041
|
}
|
|
18011
18042
|
|
|
18012
18043
|
if (align.content.vertical !== undefined) {
|
|
@@ -18026,13 +18057,13 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
18026
18057
|
var bordered = _ref5.bordered,
|
|
18027
18058
|
lightestGrey = _ref5.theme.colors.lightestGrey;
|
|
18028
18059
|
if (!bordered) return;
|
|
18029
|
-
return styled.css(_templateObject11$
|
|
18060
|
+
return styled.css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-right: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
18030
18061
|
}, function (_ref6) {
|
|
18031
18062
|
var fontColor = _ref6.fontColor,
|
|
18032
18063
|
theme = _ref6.theme;
|
|
18033
18064
|
if (fontColor === undefined) return;
|
|
18034
18065
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
18035
|
-
return styled.css(_templateObject12$
|
|
18066
|
+
return styled.css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
18036
18067
|
}, function (_ref7) {
|
|
18037
18068
|
var backgroundColor = _ref7.backgroundColor,
|
|
18038
18069
|
theme = _ref7.theme;
|
|
@@ -18100,7 +18131,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
18100
18131
|
});
|
|
18101
18132
|
Grid$1.displayName = 'Grid';
|
|
18102
18133
|
|
|
18103
|
-
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$
|
|
18134
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
|
|
18104
18135
|
var horizontalAligns = {
|
|
18105
18136
|
around: 'space-around',
|
|
18106
18137
|
between: 'space-between',
|
|
@@ -18125,11 +18156,11 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
|
|
|
18125
18156
|
}, function (_ref3) {
|
|
18126
18157
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
18127
18158
|
if (horizontalAlign === undefined) return;
|
|
18128
|
-
return styled.css(_templateObject4$
|
|
18159
|
+
return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
18129
18160
|
}, function (_ref4) {
|
|
18130
18161
|
var verticalAlign = _ref4.verticalAlign;
|
|
18131
18162
|
if (verticalAlign === undefined) return;
|
|
18132
|
-
return styled.css(_templateObject5$
|
|
18163
|
+
return styled.css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
|
|
18133
18164
|
}, function (_ref5) {
|
|
18134
18165
|
var striped = _ref5.striped,
|
|
18135
18166
|
backgroundColor = _ref5.backgroundColor,
|
|
@@ -18157,7 +18188,7 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
|
|
|
18157
18188
|
even: theme.colors.white,
|
|
18158
18189
|
odd: theme.colors.white
|
|
18159
18190
|
});
|
|
18160
|
-
return styled.css(_templateObject8$
|
|
18191
|
+
return styled.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);
|
|
18161
18192
|
}, function (_ref6) {
|
|
18162
18193
|
var fontColor = _ref6.fontColor,
|
|
18163
18194
|
theme = _ref6.theme;
|
|
@@ -18166,9 +18197,9 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
|
|
|
18166
18197
|
return c;
|
|
18167
18198
|
}, function (_ref7) {
|
|
18168
18199
|
var borderless = _ref7.borderless,
|
|
18169
|
-
|
|
18200
|
+
lightestGrey = _ref7.theme.colors.lightestGrey;
|
|
18170
18201
|
if (borderless) return;
|
|
18171
|
-
return styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n :last-child {\n border-bottom: 1px solid transparent;\n }\n "])),
|
|
18202
|
+
return styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n :last-child {\n border-bottom: 1px solid transparent;\n }\n "])), lightestGrey);
|
|
18172
18203
|
}, function (_ref8) {
|
|
18173
18204
|
var hover = _ref8.hover,
|
|
18174
18205
|
theme = _ref8.theme;
|
|
@@ -18231,7 +18262,7 @@ var widths = {
|
|
|
18231
18262
|
default: '642.5px'
|
|
18232
18263
|
};
|
|
18233
18264
|
|
|
18234
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$
|
|
18265
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
|
|
18235
18266
|
var Background = styled__default.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) {
|
|
18236
18267
|
var theme = _ref.theme;
|
|
18237
18268
|
return theme.getColor('black', 25);
|
|
@@ -18242,9 +18273,9 @@ var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _
|
|
|
18242
18273
|
colors = _ref2$theme.colors,
|
|
18243
18274
|
spacings = _ref2$theme.spacings,
|
|
18244
18275
|
useTypography = _ref2$theme.useTypography;
|
|
18245
|
-
return styled.css(_templateObject4$
|
|
18276
|
+
return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18246
18277
|
});
|
|
18247
|
-
var Footer$2 = styled__default.div(_templateObject5$
|
|
18278
|
+
var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
|
|
18248
18279
|
var _ref3$theme = _ref3.theme,
|
|
18249
18280
|
spacings = _ref3$theme.spacings,
|
|
18250
18281
|
colors = _ref3$theme.colors;
|
|
@@ -18254,7 +18285,7 @@ var FooterMessage = styled__default.div(_templateObject7$f || (_templateObject7$
|
|
|
18254
18285
|
var theme = _ref4.theme;
|
|
18255
18286
|
return theme.getColor('darkBlue', 75);
|
|
18256
18287
|
});
|
|
18257
|
-
var FooterButtons = styled__default.div(_templateObject8$
|
|
18288
|
+
var FooterButtons = styled__default.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) {
|
|
18258
18289
|
var theme = _ref5.theme;
|
|
18259
18290
|
return theme.spacings.s3;
|
|
18260
18291
|
});
|
|
@@ -18461,24 +18492,24 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18461
18492
|
Audit: Audit
|
|
18462
18493
|
});
|
|
18463
18494
|
|
|
18464
|
-
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$
|
|
18495
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$6;
|
|
18465
18496
|
var Container$c = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18466
18497
|
var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18467
18498
|
var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18468
|
-
var HeaderContent = styled__default.div(_templateObject4$
|
|
18469
|
-
var MainContent = styled__default.div(_templateObject5$
|
|
18499
|
+
var HeaderContent = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18500
|
+
var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18470
18501
|
var HeaderLine = styled__default.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) {
|
|
18471
18502
|
return props.height;
|
|
18472
18503
|
}, function (props) {
|
|
18473
18504
|
return props.size === 'mini' && styled.css(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18474
18505
|
}, function (props) {
|
|
18475
|
-
return props.size === 'small' && styled.css(_templateObject8$
|
|
18506
|
+
return props.size === 'small' && styled.css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18476
18507
|
}, function (props) {
|
|
18477
18508
|
return props.size === 'medium' && styled.css(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18478
18509
|
}, function (props) {
|
|
18479
18510
|
return props.size === 'large' && styled.css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18480
18511
|
});
|
|
18481
|
-
var MainLine = styled__default(HeaderLine)(_templateObject11$
|
|
18512
|
+
var MainLine = styled__default(HeaderLine)(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18482
18513
|
|
|
18483
18514
|
var Template1 = function Template1(props) {
|
|
18484
18515
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18513,7 +18544,7 @@ var Template1 = function Template1(props) {
|
|
|
18513
18544
|
})));
|
|
18514
18545
|
};
|
|
18515
18546
|
|
|
18516
|
-
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$
|
|
18547
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j;
|
|
18517
18548
|
var HeaderLine$1 = styled__default.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) {
|
|
18518
18549
|
return props.height;
|
|
18519
18550
|
}, function (props) {
|
|
@@ -18521,20 +18552,20 @@ var HeaderLine$1 = styled__default.div(_templateObject$Y || (_templateObject$Y =
|
|
|
18521
18552
|
}, function (props) {
|
|
18522
18553
|
return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18523
18554
|
}, function (props) {
|
|
18524
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
18555
|
+
return props.size === 'medium' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18525
18556
|
}, function (props) {
|
|
18526
|
-
return props.size === 'large' && styled.css(_templateObject5$
|
|
18557
|
+
return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18527
18558
|
});
|
|
18528
18559
|
|
|
18529
|
-
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$
|
|
18560
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$n, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
|
|
18530
18561
|
var Container$d = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18531
18562
|
var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18532
18563
|
var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18533
|
-
var HeaderImage$1 = styled__default.div(_templateObject4$
|
|
18534
|
-
var HeaderContent$1 = styled__default.div(_templateObject5$
|
|
18564
|
+
var HeaderImage$1 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18565
|
+
var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18535
18566
|
var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18536
18567
|
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18537
|
-
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$
|
|
18568
|
+
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18538
18569
|
|
|
18539
18570
|
var Template2 = function Template2(props) {
|
|
18540
18571
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18589,21 +18620,21 @@ var Template3 = function Template3(props) {
|
|
|
18589
18620
|
}));
|
|
18590
18621
|
};
|
|
18591
18622
|
|
|
18592
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$
|
|
18623
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
|
|
18593
18624
|
var Container$f = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18594
18625
|
var HeaderLine$3 = styled__default.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) {
|
|
18595
18626
|
return props.height;
|
|
18596
18627
|
}, function (props) {
|
|
18597
18628
|
return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18598
18629
|
}, function (props) {
|
|
18599
|
-
return props.size === 'small' && styled.css(_templateObject4$
|
|
18630
|
+
return props.size === 'small' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18600
18631
|
}, function (props) {
|
|
18601
|
-
return props.size === 'medium' && styled.css(_templateObject5$
|
|
18632
|
+
return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18602
18633
|
}, function (props) {
|
|
18603
18634
|
return props.size === 'large' && styled.css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18604
18635
|
});
|
|
18605
18636
|
var Template4Container = styled__default(Container$f)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18606
|
-
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$
|
|
18637
|
+
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18607
18638
|
return props.width;
|
|
18608
18639
|
}, function (props) {
|
|
18609
18640
|
return props.height;
|
|
@@ -18656,21 +18687,21 @@ var Template4 = function Template4(props) {
|
|
|
18656
18687
|
}));
|
|
18657
18688
|
};
|
|
18658
18689
|
|
|
18659
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$
|
|
18690
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
|
|
18660
18691
|
var Container$g = styled__default.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"])));
|
|
18661
18692
|
var Circle = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18662
18693
|
var HeaderLine$4 = styled__default.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) {
|
|
18663
18694
|
return props.height;
|
|
18664
18695
|
}, function (props) {
|
|
18665
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18696
|
+
return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18666
18697
|
}, function (props) {
|
|
18667
|
-
return props.size === 'small' && styled.css(_templateObject5$
|
|
18698
|
+
return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18668
18699
|
}, function (props) {
|
|
18669
18700
|
return props.size === 'medium' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18670
18701
|
}, function (props) {
|
|
18671
18702
|
return props.size === 'large' && styled.css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18672
18703
|
});
|
|
18673
|
-
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$
|
|
18704
|
+
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18674
18705
|
return props.width;
|
|
18675
18706
|
}, function (props) {
|
|
18676
18707
|
return props.height;
|
|
@@ -18704,20 +18735,20 @@ var Template5 = function Template5(props) {
|
|
|
18704
18735
|
})));
|
|
18705
18736
|
};
|
|
18706
18737
|
|
|
18707
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$
|
|
18738
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
|
|
18708
18739
|
var Container$h = styled__default.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"])));
|
|
18709
18740
|
var Header$8 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18710
18741
|
var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18711
|
-
var HeaderLine$5 = styled__default.div(_templateObject4$
|
|
18742
|
+
var HeaderLine$5 = styled__default.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) {
|
|
18712
18743
|
return props.height;
|
|
18713
18744
|
}, function (props) {
|
|
18714
|
-
return props.size === 'mini' && styled.css(_templateObject5$
|
|
18745
|
+
return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18715
18746
|
}, function (props) {
|
|
18716
18747
|
return props.size === 'small' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18717
18748
|
}, function (props) {
|
|
18718
18749
|
return props.size === 'medium' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18719
18750
|
}, function (props) {
|
|
18720
|
-
return props.size === 'large' && styled.css(_templateObject8$
|
|
18751
|
+
return props.size === 'large' && styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18721
18752
|
});
|
|
18722
18753
|
var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18723
18754
|
return props.width;
|
|
@@ -18747,21 +18778,21 @@ var Template6 = function Template6(props) {
|
|
|
18747
18778
|
})));
|
|
18748
18779
|
};
|
|
18749
18780
|
|
|
18750
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$
|
|
18781
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
|
|
18751
18782
|
var Container$i = styled__default.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"])));
|
|
18752
18783
|
var Header$9 = styled__default.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"])));
|
|
18753
18784
|
var HeaderLine$6 = styled__default.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) {
|
|
18754
18785
|
return props.height;
|
|
18755
18786
|
}, function (props) {
|
|
18756
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18787
|
+
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18757
18788
|
}, function (props) {
|
|
18758
|
-
return props.size === 'small' && styled.css(_templateObject5$
|
|
18789
|
+
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18759
18790
|
}, function (props) {
|
|
18760
18791
|
return props.size === 'medium' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18761
18792
|
}, function (props) {
|
|
18762
18793
|
return props.size === 'large' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18763
18794
|
});
|
|
18764
|
-
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$
|
|
18795
|
+
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18765
18796
|
return props.width;
|
|
18766
18797
|
}, function (props) {
|
|
18767
18798
|
return props.height;
|
|
@@ -18781,21 +18812,21 @@ var Template7 = function Template7(props) {
|
|
|
18781
18812
|
})), 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)));
|
|
18782
18813
|
};
|
|
18783
18814
|
|
|
18784
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$
|
|
18815
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
|
|
18785
18816
|
var Container$j = styled__default.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"])));
|
|
18786
18817
|
var Header$a = styled__default.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"])));
|
|
18787
18818
|
var HeaderLine$7 = styled__default.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) {
|
|
18788
18819
|
return props.height;
|
|
18789
18820
|
}, function (props) {
|
|
18790
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18821
|
+
return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18791
18822
|
}, function (props) {
|
|
18792
|
-
return props.size === 'small' && styled.css(_templateObject5$
|
|
18823
|
+
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18793
18824
|
}, function (props) {
|
|
18794
18825
|
return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18795
18826
|
}, function (props) {
|
|
18796
18827
|
return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18797
18828
|
});
|
|
18798
|
-
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$
|
|
18829
|
+
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18799
18830
|
return props.width;
|
|
18800
18831
|
}, function (props) {
|
|
18801
18832
|
return props.height;
|
|
@@ -18824,21 +18855,21 @@ var Template8 = function Template8(props) {
|
|
|
18824
18855
|
})));
|
|
18825
18856
|
};
|
|
18826
18857
|
|
|
18827
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$
|
|
18858
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
|
|
18828
18859
|
var Container$k = styled__default.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"])));
|
|
18829
18860
|
var Header$b = styled__default.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"])));
|
|
18830
18861
|
var HeaderLine$8 = styled__default.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) {
|
|
18831
18862
|
return props.height;
|
|
18832
18863
|
}, function (props) {
|
|
18833
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18864
|
+
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18834
18865
|
}, function (props) {
|
|
18835
|
-
return props.size === 'small' && styled.css(_templateObject5$
|
|
18866
|
+
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18836
18867
|
}, function (props) {
|
|
18837
18868
|
return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18838
18869
|
}, function (props) {
|
|
18839
18870
|
return props.size === 'large' && styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18840
18871
|
});
|
|
18841
|
-
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$
|
|
18872
|
+
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18842
18873
|
return props.width;
|
|
18843
18874
|
}, function (props) {
|
|
18844
18875
|
return props.height;
|
|
@@ -18863,21 +18894,21 @@ var Template8$1 = function Template8(props) {
|
|
|
18863
18894
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18864
18895
|
};
|
|
18865
18896
|
|
|
18866
|
-
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$
|
|
18897
|
+
var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$7;
|
|
18867
18898
|
var Container$l = styled__default.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"])));
|
|
18868
18899
|
var Header$c = styled__default.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"])));
|
|
18869
18900
|
var HeaderLine$9 = styled__default.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) {
|
|
18870
18901
|
return props.height;
|
|
18871
18902
|
}, function (props) {
|
|
18872
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18903
|
+
return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18873
18904
|
}, function (props) {
|
|
18874
|
-
return props.size === 'small' && styled.css(_templateObject5$
|
|
18905
|
+
return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18875
18906
|
}, function (props) {
|
|
18876
18907
|
return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18877
18908
|
}, function (props) {
|
|
18878
18909
|
return props.size === 'large' && styled.css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18879
18910
|
});
|
|
18880
|
-
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$
|
|
18911
|
+
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18881
18912
|
return props.width;
|
|
18882
18913
|
}, function (props) {
|
|
18883
18914
|
return props.height;
|
|
@@ -18886,7 +18917,7 @@ var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$l || (_templat
|
|
|
18886
18917
|
});
|
|
18887
18918
|
var GraphLine = styled__default(CustomLine$6)(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
18888
18919
|
var Main$5 = styled__default.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"])));
|
|
18889
|
-
var Circle$3 = styled__default.div(_templateObject11$
|
|
18920
|
+
var Circle$3 = styled__default.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
18890
18921
|
|
|
18891
18922
|
var Template10 = function Template10(props) {
|
|
18892
18923
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -19007,7 +19038,7 @@ var Placeholder = function Placeholder(props) {
|
|
|
19007
19038
|
}
|
|
19008
19039
|
};
|
|
19009
19040
|
|
|
19010
|
-
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$
|
|
19041
|
+
var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$p, _templateObject7$p;
|
|
19011
19042
|
var Container$m = styled__default.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"])));
|
|
19012
19043
|
var Progress = styled__default.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) {
|
|
19013
19044
|
return props.value + "%";
|
|
@@ -19017,12 +19048,12 @@ var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _
|
|
|
19017
19048
|
return theme.colors.warningGray;
|
|
19018
19049
|
});
|
|
19019
19050
|
}, function (props) {
|
|
19020
|
-
return props.type === 'info' && styled.css(_templateObject4$
|
|
19051
|
+
return props.type === 'info' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
19021
19052
|
var theme = _ref2.theme;
|
|
19022
19053
|
return theme.colors.blue;
|
|
19023
19054
|
});
|
|
19024
19055
|
}, function (props) {
|
|
19025
|
-
return props.type === 'danger' && styled.css(_templateObject5$
|
|
19056
|
+
return props.type === 'danger' && styled.css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
|
|
19026
19057
|
var theme = _ref3.theme;
|
|
19027
19058
|
return theme.colors.warningRed;
|
|
19028
19059
|
});
|
|
@@ -19042,7 +19073,7 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
19042
19073
|
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', "%"));
|
|
19043
19074
|
};
|
|
19044
19075
|
|
|
19045
|
-
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$
|
|
19076
|
+
var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$n;
|
|
19046
19077
|
var Container$n = styled__default.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
19047
19078
|
var delimiters = {
|
|
19048
19079
|
blue: ['blue'],
|
|
@@ -19076,20 +19107,20 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
|
|
|
19076
19107
|
return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
19077
19108
|
}();
|
|
19078
19109
|
|
|
19079
|
-
return styled.css(_templateObject4$
|
|
19110
|
+
return styled.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);
|
|
19080
19111
|
}, function (_ref3) {
|
|
19081
19112
|
var theme = _ref3.theme,
|
|
19082
19113
|
internal = _ref3.$internal;
|
|
19083
19114
|
return internal ? theme.spacings.s6 : 0;
|
|
19084
19115
|
});
|
|
19085
|
-
var Tab = styled__default.li(_templateObject5$
|
|
19116
|
+
var Tab = styled__default.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) {
|
|
19086
19117
|
var theme = _ref4.theme,
|
|
19087
19118
|
active = _ref4.$active,
|
|
19088
19119
|
internal = _ref4.$internal;
|
|
19089
19120
|
return styled.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 ? styled.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) {
|
|
19090
19121
|
var theme = _ref5.theme;
|
|
19091
19122
|
return theme.useTypography('h4');
|
|
19092
|
-
}) : styled.css(_templateObject8$
|
|
19123
|
+
}) : styled.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) {
|
|
19093
19124
|
var theme = _ref6.theme;
|
|
19094
19125
|
return theme.useTypography('h2');
|
|
19095
19126
|
}), theme.colors[active ? 'white' : 'darkBlue']);
|
|
@@ -19233,7 +19264,7 @@ var TextArea = function TextArea(props) {
|
|
|
19233
19264
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
19234
19265
|
};
|
|
19235
19266
|
|
|
19236
|
-
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$
|
|
19267
|
+
var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u, _templateObject6$r;
|
|
19237
19268
|
var Container$p = styled__default.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) {
|
|
19238
19269
|
return props.size === 'large' ? '837px' : '460px';
|
|
19239
19270
|
}, function (props) {
|
|
@@ -19241,9 +19272,9 @@ var Container$p = styled__default.div(_templateObject$19 || (_templateObject$19
|
|
|
19241
19272
|
}, function (props) {
|
|
19242
19273
|
return props.color === 'error' && styled.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 "])));
|
|
19243
19274
|
}, function (props) {
|
|
19244
|
-
return props.color === 'warning' && styled.css(_templateObject4$
|
|
19275
|
+
return props.color === 'warning' && styled.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 "])));
|
|
19245
19276
|
});
|
|
19246
|
-
var IconContainer$2 = styled__default.div(_templateObject5$
|
|
19277
|
+
var IconContainer$2 = styled__default.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"])));
|
|
19247
19278
|
var IconContent = styled__default.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"])));
|
|
19248
19279
|
|
|
19249
19280
|
var Toast = function Toast(props) {
|
|
@@ -19256,7 +19287,7 @@ var Toast = function Toast(props) {
|
|
|
19256
19287
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19257
19288
|
};
|
|
19258
19289
|
|
|
19259
|
-
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$
|
|
19290
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$y, _templateObject5$v;
|
|
19260
19291
|
var Image = styled__default.img(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19261
19292
|
var Container$q = styled__default.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) {
|
|
19262
19293
|
var width = _ref.width;
|
|
@@ -19289,11 +19320,11 @@ var Dimmer = styled__default.div(_templateObject3$L || (_templateObject3$L = _ta
|
|
|
19289
19320
|
var theme = _ref3.theme;
|
|
19290
19321
|
return theme.getColor('greyishBlue', 50);
|
|
19291
19322
|
});
|
|
19292
|
-
var Button$6 = styled__default(Button$1)(_templateObject4$
|
|
19323
|
+
var Button$6 = styled__default(Button$1)(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19293
19324
|
var theme = _ref4.theme;
|
|
19294
19325
|
return theme.getColor('white', 50);
|
|
19295
19326
|
});
|
|
19296
|
-
var ModalContent = styled__default.div(_templateObject5$
|
|
19327
|
+
var ModalContent = styled__default.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"])));
|
|
19297
19328
|
|
|
19298
19329
|
var _excluded$3 = ["src", "defaultClickOptions"];
|
|
19299
19330
|
|