@mw-kit/mw-ui 1.6.3 → 1.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Input/components/DateIntervalPicker/styles.d.ts +2 -0
- package/dist/components/Input/components/DatePicker/styles.d.ts +2 -0
- package/dist/components/Input/components/Input/interfaces.d.ts +3 -0
- package/dist/index.js +206 -178
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +206 -178
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -12595,105 +12595,99 @@ var getMask = function getMask(mask) {
|
|
|
12595
12595
|
};
|
|
12596
12596
|
};
|
|
12597
12597
|
|
|
12598
|
-
var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1;
|
|
12599
|
-
var IconContainer = styled.button(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n
|
|
12600
|
-
var
|
|
12601
|
-
|
|
12602
|
-
}, function (_ref2) {
|
|
12603
|
-
var onClick = _ref2.onClick,
|
|
12604
|
-
disabled = _ref2.disabled;
|
|
12598
|
+
var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1;
|
|
12599
|
+
var IconContainer = styled.button(_templateObject$c || (_templateObject$c = _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) {
|
|
12600
|
+
var onClick = _ref.onClick,
|
|
12601
|
+
disabled = _ref.disabled;
|
|
12605
12602
|
if (!onClick || disabled) return;
|
|
12606
12603
|
return css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12607
12604
|
});
|
|
12608
|
-
var Input = styled.input(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n width: 100%;\n box-sizing: border-box;\n\n
|
|
12609
|
-
var theme =
|
|
12605
|
+
var Input = styled.input(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n background-color: ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
12606
|
+
var theme = _ref2.theme;
|
|
12610
12607
|
return theme.useTypography('p');
|
|
12608
|
+
}, function (_ref3) {
|
|
12609
|
+
var theme = _ref3.theme,
|
|
12610
|
+
invalid = _ref3.invalid;
|
|
12611
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12611
12612
|
}, function (_ref4) {
|
|
12612
12613
|
var theme = _ref4.theme,
|
|
12613
12614
|
invalid = _ref4.invalid;
|
|
12614
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12615
|
-
}, function (_ref5) {
|
|
12616
|
-
var theme = _ref5.theme,
|
|
12617
|
-
invalid = _ref5.invalid;
|
|
12618
12615
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12619
|
-
}, function (
|
|
12620
|
-
var placeholder =
|
|
12616
|
+
}, function (_ref5) {
|
|
12617
|
+
var placeholder = _ref5.placeholder;
|
|
12621
12618
|
|
|
12622
12619
|
if (placeholder !== '••••••••') {
|
|
12623
|
-
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12624
|
-
var theme =
|
|
12620
|
+
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12621
|
+
var theme = _ref6.theme;
|
|
12625
12622
|
return theme.useTypography('p');
|
|
12626
12623
|
});
|
|
12627
12624
|
}
|
|
12628
12625
|
|
|
12629
12626
|
return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12627
|
+
}, function (_ref7) {
|
|
12628
|
+
var theme = _ref7.theme,
|
|
12629
|
+
paddingless = _ref7.paddingless;
|
|
12630
|
+
if (paddingless) return;
|
|
12631
|
+
return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n "])), theme.spacings.s2, theme.spacings.s3);
|
|
12630
12632
|
}, function (_ref8) {
|
|
12631
|
-
var theme = _ref8.theme
|
|
12632
|
-
|
|
12633
|
-
|
|
12634
|
-
var theme = _ref9.theme,
|
|
12635
|
-
invalid = _ref9.invalid,
|
|
12636
|
-
borderless = _ref9.borderless;
|
|
12633
|
+
var theme = _ref8.theme,
|
|
12634
|
+
invalid = _ref8.invalid,
|
|
12635
|
+
borderless = _ref8.borderless;
|
|
12637
12636
|
if (borderless) return 'transparent';
|
|
12638
12637
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12639
|
-
}, function (
|
|
12640
|
-
var theme =
|
|
12641
|
-
invalid =
|
|
12638
|
+
}, function (_ref9) {
|
|
12639
|
+
var theme = _ref9.theme,
|
|
12640
|
+
invalid = _ref9.invalid;
|
|
12642
12641
|
return invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12643
|
-
}, function (
|
|
12644
|
-
var arrows =
|
|
12642
|
+
}, function (_ref10) {
|
|
12643
|
+
var arrows = _ref10.arrows;
|
|
12645
12644
|
if (arrows) return;
|
|
12646
|
-
return css(
|
|
12647
|
-
}, function (
|
|
12648
|
-
var readOnly =
|
|
12649
|
-
onClick =
|
|
12650
|
-
disabled =
|
|
12645
|
+
return css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\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: textfield;\n "])));
|
|
12646
|
+
}, function (_ref11) {
|
|
12647
|
+
var readOnly = _ref11.readOnly,
|
|
12648
|
+
onClick = _ref11.onClick,
|
|
12649
|
+
disabled = _ref11.disabled;
|
|
12651
12650
|
if (!readOnly) return;
|
|
12652
|
-
return css(
|
|
12651
|
+
return css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n cursor: ", ";\n "])), !onClick || disabled ? 'unset' : 'pointer');
|
|
12653
12652
|
});
|
|
12654
|
-
var Label = styled.label(
|
|
12655
|
-
var theme =
|
|
12653
|
+
var Label = styled.label(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n\n > div:first-child {\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n }\n\n > ", " {\n bottom: ", ";\n }\n\n ", "\n"])), function (_ref12) {
|
|
12654
|
+
var theme = _ref12.theme;
|
|
12656
12655
|
return theme.useTypography('p');
|
|
12657
|
-
}, function (
|
|
12658
|
-
var theme =
|
|
12656
|
+
}, function (_ref13) {
|
|
12657
|
+
var theme = _ref13.theme;
|
|
12659
12658
|
return theme.colors.greyishBlue;
|
|
12660
|
-
}, function (
|
|
12661
|
-
var width =
|
|
12659
|
+
}, function (_ref14) {
|
|
12660
|
+
var width = _ref14.width;
|
|
12662
12661
|
return width || '100%';
|
|
12663
|
-
}, function (
|
|
12664
|
-
var disabled =
|
|
12662
|
+
}, function (_ref15) {
|
|
12663
|
+
var disabled = _ref15.disabled;
|
|
12665
12664
|
if (!disabled) return;
|
|
12666
|
-
return css(
|
|
12667
|
-
}, function (
|
|
12668
|
-
var theme =
|
|
12665
|
+
return css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12666
|
+
}, function (_ref16) {
|
|
12667
|
+
var theme = _ref16.theme;
|
|
12669
12668
|
return theme.spacings.s1;
|
|
12670
|
-
}, function (
|
|
12671
|
-
var required =
|
|
12669
|
+
}, function (_ref17) {
|
|
12670
|
+
var required = _ref17.required;
|
|
12672
12671
|
if (!required) return;
|
|
12673
|
-
return css(
|
|
12672
|
+
return css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12673
|
+
}, IconContainer, function (_ref18) {
|
|
12674
|
+
var theme = _ref18.theme,
|
|
12675
|
+
paddingless = _ref18.paddingless;
|
|
12676
|
+
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12674
12677
|
}, function (_ref19) {
|
|
12675
|
-
var
|
|
12678
|
+
var theme = _ref19.theme,
|
|
12679
|
+
icon = _ref19.icon,
|
|
12680
|
+
paddingless = _ref19.paddingless;
|
|
12676
12681
|
if (!icon) return;
|
|
12677
12682
|
var width = icon.width,
|
|
12678
12683
|
position = icon.position;
|
|
12684
|
+
var padding = paddingless ? '0px' : theme.spacings.s3;
|
|
12679
12685
|
|
|
12680
12686
|
if (position === 'right') {
|
|
12681
|
-
return css(
|
|
12682
|
-
var theme = _ref20.theme;
|
|
12683
|
-
return theme.spacings.s3;
|
|
12684
|
-
}, Input, function (_ref21) {
|
|
12685
|
-
var theme = _ref21.theme;
|
|
12686
|
-
return theme.spacings.s3;
|
|
12687
|
-
}, width);
|
|
12687
|
+
return css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n > ", " {\n width: ", ";\n right: calc(", " / 2);\n }\n\n > ", " {\n padding-right: calc(", " + ", ");\n }\n "])), IconContainer, width, padding, Input, padding, width);
|
|
12688
12688
|
}
|
|
12689
12689
|
|
|
12690
|
-
return css(
|
|
12691
|
-
var theme = _ref22.theme;
|
|
12692
|
-
return theme.spacings.s3;
|
|
12693
|
-
}, Input, function (_ref23) {
|
|
12694
|
-
var theme = _ref23.theme;
|
|
12695
|
-
return theme.spacings.s3;
|
|
12696
|
-
}, width);
|
|
12690
|
+
return css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " {\n padding-left: calc(", " + ", ");\n }\n "])), IconContainer, width, padding, Input, padding, width);
|
|
12697
12691
|
});
|
|
12698
12692
|
|
|
12699
12693
|
var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -12708,7 +12702,8 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12708
12702
|
htmlDisabled = _props.htmlDisabled,
|
|
12709
12703
|
width = _props.width,
|
|
12710
12704
|
arrows = _props.arrows,
|
|
12711
|
-
borderless = _props.borderless
|
|
12705
|
+
borderless = _props.borderless,
|
|
12706
|
+
paddingless = _props.paddingless;
|
|
12712
12707
|
|
|
12713
12708
|
var mask = getMask(props.mask);
|
|
12714
12709
|
var intInvalid = invalid ? 1 : 0;
|
|
@@ -12716,6 +12711,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12716
12711
|
var intDisabled = disabled ? 1 : 0;
|
|
12717
12712
|
var intArrows = arrows ? 1 : 0;
|
|
12718
12713
|
var intBorderless = borderless ? 1 : 0;
|
|
12714
|
+
var intPaddingless = paddingless ? 1 : 0;
|
|
12719
12715
|
var position;
|
|
12720
12716
|
var iconWidth;
|
|
12721
12717
|
var iconSubmit;
|
|
@@ -12731,11 +12727,12 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12731
12727
|
iconOnClick = props.icon.onClick;
|
|
12732
12728
|
}
|
|
12733
12729
|
|
|
12734
|
-
var inputProps = filterObject(props, ['label', 'invalid', 'required', 'icon', 'mask', 'loading', 'clearable', 'setValue', 'onPressEnter', 'htmlDisabled', 'width', 'arrows', 'borderless'], {
|
|
12730
|
+
var inputProps = filterObject(props, ['label', 'invalid', 'required', 'icon', 'mask', 'loading', 'clearable', 'setValue', 'onPressEnter', 'htmlDisabled', 'width', 'arrows', 'borderless', 'paddingless'], {
|
|
12735
12731
|
invalid: intInvalid,
|
|
12736
12732
|
type: 'text',
|
|
12737
12733
|
arrows: intArrows,
|
|
12738
|
-
borderless: intBorderless
|
|
12734
|
+
borderless: intBorderless,
|
|
12735
|
+
paddingless: intPaddingless
|
|
12739
12736
|
});
|
|
12740
12737
|
|
|
12741
12738
|
var onChange = inputProps.onChange || function () {};
|
|
@@ -12832,6 +12829,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12832
12829
|
required: intRequired,
|
|
12833
12830
|
disabled: intDisabled,
|
|
12834
12831
|
invalid: intInvalid,
|
|
12832
|
+
paddingless: intPaddingless,
|
|
12835
12833
|
icon: iconProps,
|
|
12836
12834
|
width: width
|
|
12837
12835
|
}, React__default.createElement("div", null, label), React__default.createElement(Input, Object.assign({}, inputProps, {
|
|
@@ -13090,7 +13088,7 @@ var Time = React__default.forwardRef(function (props, ref) {
|
|
|
13090
13088
|
});
|
|
13091
13089
|
Time.displayName = 'Time';
|
|
13092
13090
|
|
|
13093
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$
|
|
13091
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2;
|
|
13094
13092
|
var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: inline-block;\n background-color: ", ";\n padding: ", ";\n\n > div:nth-child(1) {\n border: 1px solid ", ";\n margin-bottom: ", ";\n }\n"])), function (_ref) {
|
|
13095
13093
|
var theme = _ref.theme;
|
|
13096
13094
|
return theme.colors.white;
|
|
@@ -13168,7 +13166,7 @@ var DayContainer = styled.button(_templateObject8$4 || (_templateObject8$4 = _ta
|
|
|
13168
13166
|
});
|
|
13169
13167
|
}
|
|
13170
13168
|
|
|
13171
|
-
return css(_templateObject13$
|
|
13169
|
+
return css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n background-color: ", ";\n\n :not(:last-child) {\n border-right-color: ", ";\n }\n "])), theme.colors.white, theme.colors.blue, function (_ref20) {
|
|
13172
13170
|
var theme = _ref20.theme;
|
|
13173
13171
|
return theme.colors.blue;
|
|
13174
13172
|
});
|
|
@@ -14014,7 +14012,7 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14014
14012
|
bordered: true,
|
|
14015
14013
|
position: position,
|
|
14016
14014
|
references: {
|
|
14017
|
-
bottom: '35px'
|
|
14015
|
+
bottom: props.paddingless ? '21px' : '35px'
|
|
14018
14016
|
},
|
|
14019
14017
|
loading: loading,
|
|
14020
14018
|
center: props.center || {
|
|
@@ -14429,34 +14427,47 @@ var Phone = React__default.forwardRef(function (props, ref) {
|
|
|
14429
14427
|
properties: {
|
|
14430
14428
|
'max-height': {}
|
|
14431
14429
|
}
|
|
14430
|
+
},
|
|
14431
|
+
references: {
|
|
14432
|
+
bottom: props.paddingless ? '21px' : '35px'
|
|
14432
14433
|
}
|
|
14433
14434
|
}));
|
|
14434
14435
|
});
|
|
14435
14436
|
Phone.displayName = 'Phone';
|
|
14436
14437
|
|
|
14437
|
-
var _templateObject$l, _templateObject2$h, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9;
|
|
14438
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$5;
|
|
14438
14439
|
var RelativeContainer$4 = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
14439
|
-
var
|
|
14440
|
-
var
|
|
14441
|
-
|
|
14442
|
-
return iconWidth + " - " + theme.spacings.s3;
|
|
14440
|
+
var LabelContainer = styled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
14441
|
+
var theme = _ref.theme;
|
|
14442
|
+
return theme.useTypography('p');
|
|
14443
14443
|
}, function (_ref2) {
|
|
14444
14444
|
var theme = _ref2.theme;
|
|
14445
|
-
return theme.spacings.
|
|
14446
|
-
}
|
|
14447
|
-
|
|
14448
|
-
|
|
14449
|
-
|
|
14450
|
-
|
|
14445
|
+
return theme.spacings.s3;
|
|
14446
|
+
});
|
|
14447
|
+
var Container$8 = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 1px;\n left: 1px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
14448
|
+
var theme = _ref3.theme,
|
|
14449
|
+
iconWidth = _ref3.iconWidth,
|
|
14450
|
+
paddingless = _ref3.paddingless;
|
|
14451
|
+
|
|
14452
|
+
if (paddingless) {
|
|
14453
|
+
return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", ");\n height: 19px;\n "])), iconWidth);
|
|
14454
|
+
}
|
|
14455
|
+
|
|
14456
|
+
return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", " - ", ");\n height: 33px;\n padding: ", " 0 ", " ", ";\n "])), iconWidth, theme.spacings.s3, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
|
|
14451
14457
|
}, function (_ref4) {
|
|
14452
|
-
var
|
|
14458
|
+
var invalid = _ref4.invalid,
|
|
14459
|
+
theme = _ref4.theme;
|
|
14460
|
+
if (!invalid) return;
|
|
14461
|
+
return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
14462
|
+
}, function (_ref5) {
|
|
14463
|
+
var disabled = _ref5.disabled;
|
|
14453
14464
|
if (!disabled) return;
|
|
14454
|
-
return css(
|
|
14465
|
+
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
14455
14466
|
});
|
|
14456
|
-
var Button$3 = styled.button(
|
|
14457
|
-
var onClick =
|
|
14467
|
+
var Button$3 = styled.button(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
|
|
14468
|
+
var onClick = _ref6.onClick;
|
|
14458
14469
|
if (!onClick) return;
|
|
14459
|
-
return css(
|
|
14470
|
+
return css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
14460
14471
|
});
|
|
14461
14472
|
|
|
14462
14473
|
var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
@@ -14520,7 +14531,8 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14520
14531
|
})), React__default.createElement(Container$8, {
|
|
14521
14532
|
iconWidth: picker ? '24px' : '0px',
|
|
14522
14533
|
invalid: props.invalid ? 1 : 0,
|
|
14523
|
-
disabled: props.disabled ? 1 : 0
|
|
14534
|
+
disabled: props.disabled ? 1 : 0,
|
|
14535
|
+
paddingless: props.paddingless ? 1 : 0
|
|
14524
14536
|
}, React__default.createElement(Button$3, {
|
|
14525
14537
|
type: 'button',
|
|
14526
14538
|
onClick: disabled ? undefined : onSub,
|
|
@@ -14535,7 +14547,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14535
14547
|
icon: 'chevron_left',
|
|
14536
14548
|
color: props.invalid ? 'warningRed' : 'grey',
|
|
14537
14549
|
strokeWidth: '3px'
|
|
14538
|
-
})), React__default.createElement(
|
|
14550
|
+
})), React__default.createElement(LabelContainer, null, today === value ? 'Hoje' : value), React__default.createElement(Button$3, {
|
|
14539
14551
|
type: 'button',
|
|
14540
14552
|
onClick: disabled ? undefined : onAdd,
|
|
14541
14553
|
disabled: disabled || function () {
|
|
@@ -14568,8 +14580,8 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14568
14580
|
});
|
|
14569
14581
|
DatePicker.displayName = 'DatePicker';
|
|
14570
14582
|
|
|
14571
|
-
var _templateObject$m, _templateObject2$i, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$
|
|
14572
|
-
var LabelContainer = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14583
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$8;
|
|
14584
|
+
var LabelContainer$1 = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14573
14585
|
var theme = _ref.theme;
|
|
14574
14586
|
return theme.useTypography('p');
|
|
14575
14587
|
});
|
|
@@ -14587,7 +14599,7 @@ var Label$3 = styled.label(_templateObject2$i || (_templateObject2$i = _taggedTe
|
|
|
14587
14599
|
}, function (_ref4) {
|
|
14588
14600
|
var required = _ref4.required;
|
|
14589
14601
|
if (!required) return;
|
|
14590
|
-
return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: '*';\n }\n }\n "])), LabelContainer);
|
|
14602
|
+
return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: '*';\n }\n }\n "])), LabelContainer$1);
|
|
14591
14603
|
}, function (_ref5) {
|
|
14592
14604
|
var invalid = _ref5.invalid;
|
|
14593
14605
|
|
|
@@ -14601,7 +14613,7 @@ var Label$3 = styled.label(_templateObject2$i || (_templateObject2$i = _taggedTe
|
|
|
14601
14613
|
});
|
|
14602
14614
|
}
|
|
14603
14615
|
|
|
14604
|
-
return css(_templateObject7$
|
|
14616
|
+
return css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
14605
14617
|
var theme = _ref8.theme;
|
|
14606
14618
|
return theme.colors.warningRed;
|
|
14607
14619
|
}, function (_ref9) {
|
|
@@ -14643,10 +14655,10 @@ var Switch = function Switch(props) {
|
|
|
14643
14655
|
invalid: invalid ? 1 : 0
|
|
14644
14656
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
14645
14657
|
type: 'checkbox'
|
|
14646
|
-
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer, null, label));
|
|
14658
|
+
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$1, null, label));
|
|
14647
14659
|
};
|
|
14648
14660
|
|
|
14649
|
-
var _templateObject$n, _templateObject2$j, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$
|
|
14661
|
+
var _templateObject$n, _templateObject2$j, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$9, _templateObject8$6, _templateObject9$6, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$3, _templateObject14$1, _templateObject15, _templateObject16;
|
|
14650
14662
|
var bullet = css(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
14651
14663
|
var theme = _ref.theme;
|
|
14652
14664
|
return theme.spacings.s4;
|
|
@@ -14684,12 +14696,12 @@ var InputContainer = styled.div(_templateObject6$b || (_templateObject6$b = _tag
|
|
|
14684
14696
|
invalid = _ref10.invalid;
|
|
14685
14697
|
|
|
14686
14698
|
if (!invalid) {
|
|
14687
|
-
return css(_templateObject7$
|
|
14699
|
+
return css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
14688
14700
|
}
|
|
14689
14701
|
|
|
14690
|
-
return css(_templateObject8$
|
|
14702
|
+
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
14691
14703
|
});
|
|
14692
|
-
var MinMaxLabelContainer = styled.div(_templateObject9$
|
|
14704
|
+
var MinMaxLabelContainer = styled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
14693
14705
|
var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
|
|
14694
14706
|
var position = _ref11.position;
|
|
14695
14707
|
|
|
@@ -14699,7 +14711,7 @@ var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _
|
|
|
14699
14711
|
|
|
14700
14712
|
return css(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 8px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer, Marker, MinMaxLabelContainer);
|
|
14701
14713
|
});
|
|
14702
|
-
var SelectedArea = styled.div(_templateObject13$
|
|
14714
|
+
var SelectedArea = styled.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n height: 3px;\n width: 100%;\n position: absolute;\n bottom: calc(50% - 2px);\n left: 0;\n display: flex;\n z-index: 1;\n\n > span {\n width: ", "%;\n display: block;\n box-sizing: border-box;\n height: 100%;\n }\n"])), function (_ref12) {
|
|
14703
14715
|
var theme = _ref12.theme;
|
|
14704
14716
|
return theme.getColor('greyishBlue', 10);
|
|
14705
14717
|
}, function (_ref13) {
|
|
@@ -14865,8 +14877,8 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
14865
14877
|
});
|
|
14866
14878
|
Range.displayName = 'input';
|
|
14867
14879
|
|
|
14868
|
-
var _templateObject$o, _templateObject2$k, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$
|
|
14869
|
-
var LabelContainer$
|
|
14880
|
+
var _templateObject$o, _templateObject2$k, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$a;
|
|
14881
|
+
var LabelContainer$2 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14870
14882
|
var theme = _ref.theme;
|
|
14871
14883
|
return theme.useTypography('p');
|
|
14872
14884
|
});
|
|
@@ -14884,7 +14896,7 @@ var Label$5 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
|
|
|
14884
14896
|
}, function (_ref4) {
|
|
14885
14897
|
var required = _ref4.required;
|
|
14886
14898
|
if (!required) return;
|
|
14887
|
-
return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$
|
|
14899
|
+
return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$2);
|
|
14888
14900
|
}, function (_ref5) {
|
|
14889
14901
|
var invalid = _ref5.invalid;
|
|
14890
14902
|
|
|
@@ -14898,7 +14910,7 @@ var Label$5 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
|
|
|
14898
14910
|
});
|
|
14899
14911
|
}
|
|
14900
14912
|
|
|
14901
|
-
return css(_templateObject7$
|
|
14913
|
+
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
14902
14914
|
var theme = _ref8.theme;
|
|
14903
14915
|
return theme.colors.warningRed;
|
|
14904
14916
|
}, function (_ref9) {
|
|
@@ -14922,7 +14934,7 @@ var RadioButton = function RadioButton(props) {
|
|
|
14922
14934
|
invalid: invalid ? 1 : 0
|
|
14923
14935
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
14924
14936
|
type: 'radio'
|
|
14925
|
-
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$
|
|
14937
|
+
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$2, null, label));
|
|
14926
14938
|
};
|
|
14927
14939
|
|
|
14928
14940
|
var _templateObject$p;
|
|
@@ -15219,29 +15231,44 @@ var parse = function parse(value) {
|
|
|
15219
15231
|
});
|
|
15220
15232
|
};
|
|
15221
15233
|
|
|
15222
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d;
|
|
15234
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$b, _templateObject8$7, _templateObject9$7, _templateObject10$5;
|
|
15223
15235
|
var RelativeContainer$5 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n > :nth-child(1) input {\n color: transparent;\n }\n"])));
|
|
15224
|
-
var
|
|
15225
|
-
var
|
|
15226
|
-
|
|
15227
|
-
return iconWidth + " - " + theme.spacings.s3;
|
|
15236
|
+
var LabelContainer$3 = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15237
|
+
var theme = _ref.theme;
|
|
15238
|
+
return theme.useTypography('p');
|
|
15228
15239
|
}, function (_ref2) {
|
|
15229
15240
|
var theme = _ref2.theme;
|
|
15230
|
-
return theme.spacings.
|
|
15231
|
-
}
|
|
15232
|
-
|
|
15233
|
-
|
|
15234
|
-
|
|
15235
|
-
|
|
15241
|
+
return theme.spacings.s3;
|
|
15242
|
+
});
|
|
15243
|
+
var Container$a = styled.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 1px;\n left: 1px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15244
|
+
var theme = _ref3.theme,
|
|
15245
|
+
iconWidth = _ref3.iconWidth,
|
|
15246
|
+
paddingless = _ref3.paddingless;
|
|
15247
|
+
|
|
15248
|
+
if (paddingless) {
|
|
15249
|
+
return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", ");\n height: 19px;\n "])), iconWidth);
|
|
15250
|
+
}
|
|
15251
|
+
|
|
15252
|
+
return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", " - ", ");\n height: 33px;\n padding: ", " 0 ", " ", ";\n "])), iconWidth, theme.spacings.s3, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
|
|
15236
15253
|
}, function (_ref4) {
|
|
15237
|
-
var
|
|
15254
|
+
var invalid = _ref4.invalid,
|
|
15255
|
+
theme = _ref4.theme;
|
|
15256
|
+
if (!invalid) return;
|
|
15257
|
+
return css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15258
|
+
}, function (_ref5) {
|
|
15259
|
+
var invalid = _ref5.invalid,
|
|
15260
|
+
theme = _ref5.theme;
|
|
15261
|
+
if (!invalid) return;
|
|
15262
|
+
return css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15263
|
+
}, function (_ref6) {
|
|
15264
|
+
var disabled = _ref6.disabled;
|
|
15238
15265
|
if (!disabled) return;
|
|
15239
|
-
return css(
|
|
15266
|
+
return css(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15240
15267
|
});
|
|
15241
|
-
var Button$4 = styled.button(
|
|
15242
|
-
var onClick =
|
|
15268
|
+
var Button$4 = styled.button(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref7) {
|
|
15269
|
+
var onClick = _ref7.onClick;
|
|
15243
15270
|
if (!onClick) return;
|
|
15244
|
-
return css(
|
|
15271
|
+
return css(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15245
15272
|
});
|
|
15246
15273
|
|
|
15247
15274
|
var DatePicker$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -15347,7 +15374,8 @@ var DatePicker$1 = React__default.forwardRef(function (props, ref) {
|
|
|
15347
15374
|
})), React__default.createElement(Container$a, {
|
|
15348
15375
|
iconWidth: '24px',
|
|
15349
15376
|
invalid: props.invalid ? 1 : 0,
|
|
15350
|
-
disabled: props.disabled ? 1 : 0
|
|
15377
|
+
disabled: props.disabled ? 1 : 0,
|
|
15378
|
+
paddingless: props.paddingless ? 1 : 0
|
|
15351
15379
|
}, React__default.createElement(Button$4, Object.assign({
|
|
15352
15380
|
type: 'button'
|
|
15353
15381
|
}, decrementProps, {
|
|
@@ -15546,7 +15574,7 @@ var widths = {
|
|
|
15546
15574
|
default: '642.5px'
|
|
15547
15575
|
};
|
|
15548
15576
|
|
|
15549
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$k, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$
|
|
15577
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$k, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$6;
|
|
15550
15578
|
var Background = styled.div(_templateObject$r || (_templateObject$r = _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) {
|
|
15551
15579
|
var theme = _ref.theme;
|
|
15552
15580
|
return theme.getColor('black', 25);
|
|
@@ -15565,21 +15593,21 @@ var Footer$2 = styled.div(_templateObject5$g || (_templateObject5$g = _taggedTem
|
|
|
15565
15593
|
colors = _ref3$theme.colors;
|
|
15566
15594
|
return css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
15567
15595
|
});
|
|
15568
|
-
var FooterMessage = styled.div(_templateObject7$
|
|
15596
|
+
var FooterMessage = styled.div(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n max-width: 75%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n span {\n font-size: 14px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
15569
15597
|
var theme = _ref4.theme;
|
|
15570
15598
|
return theme.getColor('darkBlue', 75);
|
|
15571
15599
|
});
|
|
15572
|
-
var FooterButtons = styled.div(_templateObject8$
|
|
15600
|
+
var FooterButtons = styled.div(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
|
|
15573
15601
|
var theme = _ref5.theme;
|
|
15574
15602
|
return theme.spacings.s3;
|
|
15575
15603
|
});
|
|
15576
|
-
var Container$b = styled.div(_templateObject9$
|
|
15604
|
+
var Container$b = styled.div(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
|
|
15577
15605
|
var theme = _ref6.theme,
|
|
15578
15606
|
size = _ref6.size,
|
|
15579
15607
|
customSize = _ref6.customSize,
|
|
15580
15608
|
color = _ref6.color,
|
|
15581
15609
|
inverted = _ref6.inverted;
|
|
15582
|
-
return css(_templateObject10$
|
|
15610
|
+
return css(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n box-shadow: 0 0 21px 7px ", ";\n\n width: ", ";\n\n height: ", ";\n\n ", " {\n background-color: ", ";\n color: ", ";\n }\n "])), theme.colors.white, theme.getColor('black', 15), size === 'custom' && customSize ? customSize.width || 'auto' : widths[size], size === 'custom' && customSize ? customSize.height || 'auto' : heights[size], Header$3, inverted ? theme.isDarkColor(color) : theme.colors[color], inverted ? theme.colors[color] : theme.isDarkColor(color));
|
|
15583
15611
|
});
|
|
15584
15612
|
|
|
15585
15613
|
var _excluded$1 = ["children"];
|
|
@@ -15776,7 +15804,7 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
15776
15804
|
Audit: Audit
|
|
15777
15805
|
});
|
|
15778
15806
|
|
|
15779
|
-
var _templateObject$v, _templateObject2$n, _templateObject3$l, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$
|
|
15807
|
+
var _templateObject$v, _templateObject2$n, _templateObject3$l, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$7;
|
|
15780
15808
|
var Container$c = styled.div(_templateObject$v || (_templateObject$v = _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) {
|
|
15781
15809
|
return props.size === 'mini' && css(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
15782
15810
|
}, function (props) {
|
|
@@ -15788,13 +15816,13 @@ var Container$c = styled.div(_templateObject$v || (_templateObject$v = _taggedTe
|
|
|
15788
15816
|
}, function (props) {
|
|
15789
15817
|
return props.borderType === 'info' && css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
15790
15818
|
}, function (props) {
|
|
15791
|
-
return props.borderType === 'success' && css(_templateObject7$
|
|
15819
|
+
return props.borderType === 'success' && css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
15792
15820
|
}, function (props) {
|
|
15793
|
-
return props.borderType === 'warning' && css(_templateObject8$
|
|
15821
|
+
return props.borderType === 'warning' && css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
15794
15822
|
}, function (props) {
|
|
15795
|
-
return props.borderType === 'danger' && css(_templateObject9$
|
|
15823
|
+
return props.borderType === 'danger' && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
15796
15824
|
}, function (props) {
|
|
15797
|
-
return props.borderType === 'none' && css(_templateObject10$
|
|
15825
|
+
return props.borderType === 'none' && css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid #d4d4d5;\n "])));
|
|
15798
15826
|
});
|
|
15799
15827
|
|
|
15800
15828
|
var _excluded$2 = ["children"];
|
|
@@ -15829,7 +15857,7 @@ var Toast = function Toast(props) {
|
|
|
15829
15857
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
15830
15858
|
};
|
|
15831
15859
|
|
|
15832
|
-
var _templateObject$x, _templateObject2$p, _templateObject3$n, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$
|
|
15860
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$n, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$8, _templateObject11$4;
|
|
15833
15861
|
var Container$e = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
15834
15862
|
var Header$4 = styled.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
15835
15863
|
var HeaderImage = styled.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
@@ -15838,13 +15866,13 @@ var MainContent = styled.div(_templateObject5$j || (_templateObject5$j = _tagged
|
|
|
15838
15866
|
var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
15839
15867
|
return props.height;
|
|
15840
15868
|
}, function (props) {
|
|
15841
|
-
return props.size === 'mini' && css(_templateObject7$
|
|
15869
|
+
return props.size === 'mini' && css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
15842
15870
|
}, function (props) {
|
|
15843
|
-
return props.size === 'small' && css(_templateObject8$
|
|
15871
|
+
return props.size === 'small' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
15844
15872
|
}, function (props) {
|
|
15845
|
-
return props.size === 'medium' && css(_templateObject9$
|
|
15873
|
+
return props.size === 'medium' && css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
15846
15874
|
}, function (props) {
|
|
15847
|
-
return props.size === 'large' && css(_templateObject10$
|
|
15875
|
+
return props.size === 'large' && css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15848
15876
|
});
|
|
15849
15877
|
var MainLine = styled(HeaderLine)(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
15850
15878
|
|
|
@@ -15894,15 +15922,15 @@ var HeaderLine$1 = styled.div(_templateObject$y || (_templateObject$y = _taggedT
|
|
|
15894
15922
|
return props.size === 'large' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15895
15923
|
});
|
|
15896
15924
|
|
|
15897
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$p, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$
|
|
15925
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$p, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$f, _templateObject8$b;
|
|
15898
15926
|
var Container$f = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
15899
15927
|
var Template2Container = styled(Container$f)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
15900
15928
|
var Header$5 = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
15901
15929
|
var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
15902
15930
|
var HeaderContent$1 = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
15903
15931
|
var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
15904
|
-
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$
|
|
15905
|
-
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$
|
|
15932
|
+
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
15933
|
+
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose([""])));
|
|
15906
15934
|
|
|
15907
15935
|
var Template2 = function Template2(props) {
|
|
15908
15936
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -15957,7 +15985,7 @@ var Template3 = function Template3(props) {
|
|
|
15957
15985
|
}));
|
|
15958
15986
|
};
|
|
15959
15987
|
|
|
15960
|
-
var _templateObject$B, _templateObject2$t, _templateObject3$r, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$
|
|
15988
|
+
var _templateObject$B, _templateObject2$t, _templateObject3$r, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$g, _templateObject8$c;
|
|
15961
15989
|
var Container$h = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
15962
15990
|
var HeaderLine$3 = styled.div(_templateObject2$t || (_templateObject2$t = _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) {
|
|
15963
15991
|
return props.height;
|
|
@@ -15970,8 +15998,8 @@ var HeaderLine$3 = styled.div(_templateObject2$t || (_templateObject2$t = _tagge
|
|
|
15970
15998
|
}, function (props) {
|
|
15971
15999
|
return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15972
16000
|
});
|
|
15973
|
-
var Template4Container = styled(Container$h)(_templateObject7$
|
|
15974
|
-
var CustomLine = styled(HeaderLine$3)(_templateObject8$
|
|
16001
|
+
var Template4Container = styled(Container$h)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
16002
|
+
var CustomLine = styled(HeaderLine$3)(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
15975
16003
|
return props.width;
|
|
15976
16004
|
}, function (props) {
|
|
15977
16005
|
return props.height;
|
|
@@ -16024,7 +16052,7 @@ var Template4 = function Template4(props) {
|
|
|
16024
16052
|
}));
|
|
16025
16053
|
};
|
|
16026
16054
|
|
|
16027
|
-
var _templateObject$C, _templateObject2$u, _templateObject3$s, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$
|
|
16055
|
+
var _templateObject$C, _templateObject2$u, _templateObject3$s, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$h, _templateObject8$d, _templateObject9$b;
|
|
16028
16056
|
var Container$i = styled.div(_templateObject$C || (_templateObject$C = _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"])));
|
|
16029
16057
|
var Circle = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
16030
16058
|
var HeaderLine$4 = styled.div(_templateObject3$s || (_templateObject3$s = _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) {
|
|
@@ -16036,16 +16064,16 @@ var HeaderLine$4 = styled.div(_templateObject3$s || (_templateObject3$s = _tagge
|
|
|
16036
16064
|
}, function (props) {
|
|
16037
16065
|
return props.size === 'medium' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16038
16066
|
}, function (props) {
|
|
16039
|
-
return props.size === 'large' && css(_templateObject7$
|
|
16067
|
+
return props.size === 'large' && css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16040
16068
|
});
|
|
16041
|
-
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$
|
|
16069
|
+
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
16042
16070
|
return props.width;
|
|
16043
16071
|
}, function (props) {
|
|
16044
16072
|
return props.height;
|
|
16045
16073
|
}, function (props) {
|
|
16046
16074
|
return props.color;
|
|
16047
16075
|
});
|
|
16048
|
-
var MainContent$2 = styled.div(_templateObject9$
|
|
16076
|
+
var MainContent$2 = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
|
|
16049
16077
|
|
|
16050
16078
|
var Template5 = function Template5(props) {
|
|
16051
16079
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16072,7 +16100,7 @@ var Template5 = function Template5(props) {
|
|
|
16072
16100
|
})));
|
|
16073
16101
|
};
|
|
16074
16102
|
|
|
16075
|
-
var _templateObject$D, _templateObject2$v, _templateObject3$t, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$
|
|
16103
|
+
var _templateObject$D, _templateObject2$v, _templateObject3$t, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$i, _templateObject8$e, _templateObject9$c;
|
|
16076
16104
|
var Container$j = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
16077
16105
|
var Header$6 = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
16078
16106
|
var Footer$3 = styled.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
@@ -16083,11 +16111,11 @@ var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _tagge
|
|
|
16083
16111
|
}, function (props) {
|
|
16084
16112
|
return props.size === 'small' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
16085
16113
|
}, function (props) {
|
|
16086
|
-
return props.size === 'medium' && css(_templateObject7$
|
|
16114
|
+
return props.size === 'medium' && css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16087
16115
|
}, function (props) {
|
|
16088
|
-
return props.size === 'large' && css(_templateObject8$
|
|
16116
|
+
return props.size === 'large' && css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16089
16117
|
});
|
|
16090
|
-
var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$
|
|
16118
|
+
var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16091
16119
|
return props.width;
|
|
16092
16120
|
}, function (props) {
|
|
16093
16121
|
return props.height;
|
|
@@ -16115,7 +16143,7 @@ var Template6 = function Template6(props) {
|
|
|
16115
16143
|
})));
|
|
16116
16144
|
};
|
|
16117
16145
|
|
|
16118
|
-
var _templateObject$E, _templateObject2$w, _templateObject3$u, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$
|
|
16146
|
+
var _templateObject$E, _templateObject2$w, _templateObject3$u, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$j, _templateObject8$f, _templateObject9$d, _templateObject10$9;
|
|
16119
16147
|
var Container$k = styled.div(_templateObject$E || (_templateObject$E = _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"])));
|
|
16120
16148
|
var Header$7 = styled.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
16121
16149
|
var HeaderLine$6 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
@@ -16127,17 +16155,17 @@ var HeaderLine$6 = styled.div(_templateObject3$u || (_templateObject3$u = _tagge
|
|
|
16127
16155
|
}, function (props) {
|
|
16128
16156
|
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16129
16157
|
}, function (props) {
|
|
16130
|
-
return props.size === 'large' && css(_templateObject7$
|
|
16158
|
+
return props.size === 'large' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16131
16159
|
});
|
|
16132
|
-
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$
|
|
16160
|
+
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16133
16161
|
return props.width;
|
|
16134
16162
|
}, function (props) {
|
|
16135
16163
|
return props.height;
|
|
16136
16164
|
}, function (props) {
|
|
16137
16165
|
return props.color;
|
|
16138
16166
|
});
|
|
16139
|
-
var Main = styled.div(_templateObject9$
|
|
16140
|
-
var Circle$1 = styled.div(_templateObject10$
|
|
16167
|
+
var Main = styled.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n margin: 10px 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n"])));
|
|
16168
|
+
var Circle$1 = styled.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n width: 30px;\n height: 30px;\n background-color: #ebebeb;\n border-radius: 50%;\n margin: 0 16px;\n"])));
|
|
16141
16169
|
|
|
16142
16170
|
var Template7 = function Template7(props) {
|
|
16143
16171
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16149,7 +16177,7 @@ var Template7 = function Template7(props) {
|
|
|
16149
16177
|
})), React__default.createElement(Main, 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)));
|
|
16150
16178
|
};
|
|
16151
16179
|
|
|
16152
|
-
var _templateObject$F, _templateObject2$x, _templateObject3$v, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$
|
|
16180
|
+
var _templateObject$F, _templateObject2$x, _templateObject3$v, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$k, _templateObject8$g, _templateObject9$e;
|
|
16153
16181
|
var Container$l = styled.div(_templateObject$F || (_templateObject$F = _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"])));
|
|
16154
16182
|
var Header$8 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
16155
16183
|
var HeaderLine$7 = styled.div(_templateObject3$v || (_templateObject3$v = _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) {
|
|
@@ -16161,16 +16189,16 @@ var HeaderLine$7 = styled.div(_templateObject3$v || (_templateObject3$v = _tagge
|
|
|
16161
16189
|
}, function (props) {
|
|
16162
16190
|
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16163
16191
|
}, function (props) {
|
|
16164
|
-
return props.size === 'large' && css(_templateObject7$
|
|
16192
|
+
return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16165
16193
|
});
|
|
16166
|
-
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$
|
|
16194
|
+
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16167
16195
|
return props.width;
|
|
16168
16196
|
}, function (props) {
|
|
16169
16197
|
return props.height;
|
|
16170
16198
|
}, function (props) {
|
|
16171
16199
|
return props.color;
|
|
16172
16200
|
});
|
|
16173
|
-
var Main$1 = styled.div(_templateObject9$
|
|
16201
|
+
var Main$1 = styled.div(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
|
|
16174
16202
|
|
|
16175
16203
|
var Template8 = function Template8(props) {
|
|
16176
16204
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16192,7 +16220,7 @@ var Template8 = function Template8(props) {
|
|
|
16192
16220
|
})));
|
|
16193
16221
|
};
|
|
16194
16222
|
|
|
16195
|
-
var _templateObject$G, _templateObject2$y, _templateObject3$w, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$
|
|
16223
|
+
var _templateObject$G, _templateObject2$y, _templateObject3$w, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$l, _templateObject8$h, _templateObject9$f, _templateObject10$a;
|
|
16196
16224
|
var Container$m = styled.div(_templateObject$G || (_templateObject$G = _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"])));
|
|
16197
16225
|
var Header$9 = styled.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
16198
16226
|
var HeaderLine$8 = styled.div(_templateObject3$w || (_templateObject3$w = _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) {
|
|
@@ -16204,17 +16232,17 @@ var HeaderLine$8 = styled.div(_templateObject3$w || (_templateObject3$w = _tagge
|
|
|
16204
16232
|
}, function (props) {
|
|
16205
16233
|
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16206
16234
|
}, function (props) {
|
|
16207
|
-
return props.size === 'large' && css(_templateObject7$
|
|
16235
|
+
return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16208
16236
|
});
|
|
16209
|
-
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$
|
|
16237
|
+
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16210
16238
|
return props.width;
|
|
16211
16239
|
}, function (props) {
|
|
16212
16240
|
return props.height;
|
|
16213
16241
|
}, function (props) {
|
|
16214
16242
|
return props.color;
|
|
16215
16243
|
});
|
|
16216
|
-
var Main$2 = styled.div(_templateObject9$
|
|
16217
|
-
var Circle$2 = styled.div(_templateObject10$
|
|
16244
|
+
var Main$2 = styled.div(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
16245
|
+
var Circle$2 = styled.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
16218
16246
|
|
|
16219
16247
|
var Template8$1 = function Template8(props) {
|
|
16220
16248
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16231,7 +16259,7 @@ var Template8$1 = function Template8(props) {
|
|
|
16231
16259
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$2, null)));
|
|
16232
16260
|
};
|
|
16233
16261
|
|
|
16234
|
-
var _templateObject$H, _templateObject2$z, _templateObject3$x, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$
|
|
16262
|
+
var _templateObject$H, _templateObject2$z, _templateObject3$x, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$b, _templateObject11$5;
|
|
16235
16263
|
var Container$n = styled.div(_templateObject$H || (_templateObject$H = _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"])));
|
|
16236
16264
|
var Header$a = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
16237
16265
|
var HeaderLine$9 = styled.div(_templateObject3$x || (_templateObject3$x = _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) {
|
|
@@ -16243,17 +16271,17 @@ var HeaderLine$9 = styled.div(_templateObject3$x || (_templateObject3$x = _tagge
|
|
|
16243
16271
|
}, function (props) {
|
|
16244
16272
|
return props.size === 'medium' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16245
16273
|
}, function (props) {
|
|
16246
|
-
return props.size === 'large' && css(_templateObject7$
|
|
16274
|
+
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16247
16275
|
});
|
|
16248
|
-
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$
|
|
16276
|
+
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16249
16277
|
return props.width;
|
|
16250
16278
|
}, function (props) {
|
|
16251
16279
|
return props.height;
|
|
16252
16280
|
}, function (props) {
|
|
16253
16281
|
return props.color;
|
|
16254
16282
|
});
|
|
16255
|
-
var GraphLine = styled(CustomLine$6)(_templateObject9$
|
|
16256
|
-
var Main$3 = styled.div(_templateObject10$
|
|
16283
|
+
var GraphLine = styled(CustomLine$6)(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
16284
|
+
var Main$3 = styled.div(_templateObject10$b || (_templateObject10$b = _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"])));
|
|
16257
16285
|
var Circle$3 = styled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
16258
16286
|
|
|
16259
16287
|
var Template10 = function Template10(props) {
|
|
@@ -16968,7 +16996,7 @@ var useContext$2 = function useContext() {
|
|
|
16968
16996
|
return React__default.useContext(Provider$2);
|
|
16969
16997
|
};
|
|
16970
16998
|
|
|
16971
|
-
var _templateObject$M, _templateObject2$C, _templateObject3$A, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$
|
|
16999
|
+
var _templateObject$M, _templateObject2$C, _templateObject3$A, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$n, _templateObject8$j, _templateObject9$h, _templateObject10$c, _templateObject11$6, _templateObject12$4, _templateObject13$4, _templateObject14$2, _templateObject15$1;
|
|
16972
17000
|
var aligns = {
|
|
16973
17001
|
self: {
|
|
16974
17002
|
horizontal: {
|
|
@@ -17031,7 +17059,7 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
|
|
|
17031
17059
|
if (align.self.vertical !== undefined) {
|
|
17032
17060
|
var _v = align.self.vertical;
|
|
17033
17061
|
var _a = aligns.self.vertical;
|
|
17034
|
-
styles.push(css(_templateObject7$
|
|
17062
|
+
styles.push(css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17035
17063
|
}
|
|
17036
17064
|
}
|
|
17037
17065
|
|
|
@@ -17039,19 +17067,19 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
|
|
|
17039
17067
|
if (align.content.horizontal !== undefined) {
|
|
17040
17068
|
var _v2 = align.content.horizontal;
|
|
17041
17069
|
var _a2 = aligns.content.horizontal;
|
|
17042
|
-
styles.push(css(_templateObject8$
|
|
17070
|
+
styles.push(css(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
17043
17071
|
}
|
|
17044
17072
|
|
|
17045
17073
|
if (align.content.vertical !== undefined) {
|
|
17046
17074
|
var _v3 = align.content.vertical;
|
|
17047
17075
|
var _a3 = aligns.content.vertical;
|
|
17048
|
-
styles.push(css(_templateObject9$
|
|
17076
|
+
styles.push(css(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
|
|
17049
17077
|
}
|
|
17050
17078
|
}
|
|
17051
17079
|
|
|
17052
17080
|
if (align.text !== undefined) {
|
|
17053
17081
|
var _v4 = align.text;
|
|
17054
|
-
styles.push(css(_templateObject10$
|
|
17082
|
+
styles.push(css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n text-align: ", ";\n "])), _v4));
|
|
17055
17083
|
}
|
|
17056
17084
|
|
|
17057
17085
|
return styles;
|
|
@@ -17071,7 +17099,7 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
|
|
|
17071
17099
|
theme = _ref7.theme;
|
|
17072
17100
|
if (backgroundColor === undefined) return;
|
|
17073
17101
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17074
|
-
return css(_templateObject13$
|
|
17102
|
+
return css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17075
17103
|
}, function (_ref8) {
|
|
17076
17104
|
var hover = _ref8.hover,
|
|
17077
17105
|
theme = _ref8.theme;
|
|
@@ -17127,7 +17155,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17127
17155
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17128
17156
|
};
|
|
17129
17157
|
|
|
17130
|
-
var _templateObject$O, _templateObject2$E, _templateObject3$C, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$
|
|
17158
|
+
var _templateObject$O, _templateObject2$E, _templateObject3$C, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$o, _templateObject8$k, _templateObject9$i, _templateObject10$d;
|
|
17131
17159
|
var horizontalAligns = {
|
|
17132
17160
|
around: 'space-around',
|
|
17133
17161
|
between: 'space-between',
|
|
@@ -17168,7 +17196,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
|
|
|
17168
17196
|
}
|
|
17169
17197
|
|
|
17170
17198
|
if (striped === undefined) {
|
|
17171
|
-
return css(_templateObject7$
|
|
17199
|
+
return css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17172
17200
|
}
|
|
17173
17201
|
|
|
17174
17202
|
var config = striped === true ? {
|
|
@@ -17184,7 +17212,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
|
|
|
17184
17212
|
even: theme.colors.white,
|
|
17185
17213
|
odd: theme.colors.white
|
|
17186
17214
|
});
|
|
17187
|
-
return css(_templateObject8$
|
|
17215
|
+
return css(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
|
|
17188
17216
|
}, function (_ref6) {
|
|
17189
17217
|
var fontColor = _ref6.fontColor,
|
|
17190
17218
|
theme = _ref6.theme;
|
|
@@ -17195,14 +17223,14 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
|
|
|
17195
17223
|
var borderless = _ref7.borderless,
|
|
17196
17224
|
lightestGrey = _ref7.theme.colors.lightestGrey;
|
|
17197
17225
|
if (borderless) return;
|
|
17198
|
-
return css(_templateObject9$
|
|
17226
|
+
return css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
17199
17227
|
}, function (_ref8) {
|
|
17200
17228
|
var hover = _ref8.hover,
|
|
17201
17229
|
theme = _ref8.theme;
|
|
17202
17230
|
if (!hover) return;
|
|
17203
17231
|
var h = hover === true ? ['lightGrey', 50] : hover;
|
|
17204
17232
|
var c = Array.isArray(h) ? theme.getColor.apply(theme, h) : theme.colors[h];
|
|
17205
|
-
return css(_templateObject10$
|
|
17233
|
+
return css(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n :hover {\n background-color: ", ";\n }\n "])), c);
|
|
17206
17234
|
});
|
|
17207
17235
|
|
|
17208
17236
|
var Row$1 = function Row$1(props) {
|