@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.js
CHANGED
|
@@ -12598,105 +12598,99 @@ var getMask = function getMask(mask) {
|
|
|
12598
12598
|
};
|
|
12599
12599
|
};
|
|
12600
12600
|
|
|
12601
|
-
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;
|
|
12602
|
-
var IconContainer = styled__default.button(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n
|
|
12603
|
-
var
|
|
12604
|
-
|
|
12605
|
-
}, function (_ref2) {
|
|
12606
|
-
var onClick = _ref2.onClick,
|
|
12607
|
-
disabled = _ref2.disabled;
|
|
12601
|
+
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;
|
|
12602
|
+
var IconContainer = styled__default.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) {
|
|
12603
|
+
var onClick = _ref.onClick,
|
|
12604
|
+
disabled = _ref.disabled;
|
|
12608
12605
|
if (!onClick || disabled) return;
|
|
12609
12606
|
return styled.css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12610
12607
|
});
|
|
12611
|
-
var Input = styled__default.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
|
|
12612
|
-
var theme =
|
|
12608
|
+
var Input = styled__default.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) {
|
|
12609
|
+
var theme = _ref2.theme;
|
|
12613
12610
|
return theme.useTypography('p');
|
|
12611
|
+
}, function (_ref3) {
|
|
12612
|
+
var theme = _ref3.theme,
|
|
12613
|
+
invalid = _ref3.invalid;
|
|
12614
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12614
12615
|
}, function (_ref4) {
|
|
12615
12616
|
var theme = _ref4.theme,
|
|
12616
12617
|
invalid = _ref4.invalid;
|
|
12617
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12618
|
-
}, function (_ref5) {
|
|
12619
|
-
var theme = _ref5.theme,
|
|
12620
|
-
invalid = _ref5.invalid;
|
|
12621
12618
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12622
|
-
}, function (
|
|
12623
|
-
var placeholder =
|
|
12619
|
+
}, function (_ref5) {
|
|
12620
|
+
var placeholder = _ref5.placeholder;
|
|
12624
12621
|
|
|
12625
12622
|
if (placeholder !== '••••••••') {
|
|
12626
|
-
return styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12627
|
-
var theme =
|
|
12623
|
+
return styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12624
|
+
var theme = _ref6.theme;
|
|
12628
12625
|
return theme.useTypography('p');
|
|
12629
12626
|
});
|
|
12630
12627
|
}
|
|
12631
12628
|
|
|
12632
12629
|
return styled.css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12630
|
+
}, function (_ref7) {
|
|
12631
|
+
var theme = _ref7.theme,
|
|
12632
|
+
paddingless = _ref7.paddingless;
|
|
12633
|
+
if (paddingless) return;
|
|
12634
|
+
return styled.css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n "])), theme.spacings.s2, theme.spacings.s3);
|
|
12633
12635
|
}, function (_ref8) {
|
|
12634
|
-
var theme = _ref8.theme
|
|
12635
|
-
|
|
12636
|
-
|
|
12637
|
-
var theme = _ref9.theme,
|
|
12638
|
-
invalid = _ref9.invalid,
|
|
12639
|
-
borderless = _ref9.borderless;
|
|
12636
|
+
var theme = _ref8.theme,
|
|
12637
|
+
invalid = _ref8.invalid,
|
|
12638
|
+
borderless = _ref8.borderless;
|
|
12640
12639
|
if (borderless) return 'transparent';
|
|
12641
12640
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12642
|
-
}, function (
|
|
12643
|
-
var theme =
|
|
12644
|
-
invalid =
|
|
12641
|
+
}, function (_ref9) {
|
|
12642
|
+
var theme = _ref9.theme,
|
|
12643
|
+
invalid = _ref9.invalid;
|
|
12645
12644
|
return invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12646
|
-
}, function (
|
|
12647
|
-
var arrows =
|
|
12645
|
+
}, function (_ref10) {
|
|
12646
|
+
var arrows = _ref10.arrows;
|
|
12648
12647
|
if (arrows) return;
|
|
12649
|
-
return styled.css(
|
|
12650
|
-
}, function (
|
|
12651
|
-
var readOnly =
|
|
12652
|
-
onClick =
|
|
12653
|
-
disabled =
|
|
12648
|
+
return styled.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 "])));
|
|
12649
|
+
}, function (_ref11) {
|
|
12650
|
+
var readOnly = _ref11.readOnly,
|
|
12651
|
+
onClick = _ref11.onClick,
|
|
12652
|
+
disabled = _ref11.disabled;
|
|
12654
12653
|
if (!readOnly) return;
|
|
12655
|
-
return styled.css(
|
|
12654
|
+
return styled.css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n cursor: ", ";\n "])), !onClick || disabled ? 'unset' : 'pointer');
|
|
12656
12655
|
});
|
|
12657
|
-
var Label = styled__default.label(
|
|
12658
|
-
var theme =
|
|
12656
|
+
var Label = styled__default.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) {
|
|
12657
|
+
var theme = _ref12.theme;
|
|
12659
12658
|
return theme.useTypography('p');
|
|
12660
|
-
}, function (
|
|
12661
|
-
var theme =
|
|
12659
|
+
}, function (_ref13) {
|
|
12660
|
+
var theme = _ref13.theme;
|
|
12662
12661
|
return theme.colors.greyishBlue;
|
|
12663
|
-
}, function (
|
|
12664
|
-
var width =
|
|
12662
|
+
}, function (_ref14) {
|
|
12663
|
+
var width = _ref14.width;
|
|
12665
12664
|
return width || '100%';
|
|
12666
|
-
}, function (
|
|
12667
|
-
var disabled =
|
|
12665
|
+
}, function (_ref15) {
|
|
12666
|
+
var disabled = _ref15.disabled;
|
|
12668
12667
|
if (!disabled) return;
|
|
12669
|
-
return styled.css(
|
|
12670
|
-
}, function (
|
|
12671
|
-
var theme =
|
|
12668
|
+
return styled.css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12669
|
+
}, function (_ref16) {
|
|
12670
|
+
var theme = _ref16.theme;
|
|
12672
12671
|
return theme.spacings.s1;
|
|
12673
|
-
}, function (
|
|
12674
|
-
var required =
|
|
12672
|
+
}, function (_ref17) {
|
|
12673
|
+
var required = _ref17.required;
|
|
12675
12674
|
if (!required) return;
|
|
12676
|
-
return styled.css(
|
|
12675
|
+
return styled.css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12676
|
+
}, IconContainer, function (_ref18) {
|
|
12677
|
+
var theme = _ref18.theme,
|
|
12678
|
+
paddingless = _ref18.paddingless;
|
|
12679
|
+
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12677
12680
|
}, function (_ref19) {
|
|
12678
|
-
var
|
|
12681
|
+
var theme = _ref19.theme,
|
|
12682
|
+
icon = _ref19.icon,
|
|
12683
|
+
paddingless = _ref19.paddingless;
|
|
12679
12684
|
if (!icon) return;
|
|
12680
12685
|
var width = icon.width,
|
|
12681
12686
|
position = icon.position;
|
|
12687
|
+
var padding = paddingless ? '0px' : theme.spacings.s3;
|
|
12682
12688
|
|
|
12683
12689
|
if (position === 'right') {
|
|
12684
|
-
return styled.css(
|
|
12685
|
-
var theme = _ref20.theme;
|
|
12686
|
-
return theme.spacings.s3;
|
|
12687
|
-
}, Input, function (_ref21) {
|
|
12688
|
-
var theme = _ref21.theme;
|
|
12689
|
-
return theme.spacings.s3;
|
|
12690
|
-
}, width);
|
|
12690
|
+
return styled.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);
|
|
12691
12691
|
}
|
|
12692
12692
|
|
|
12693
|
-
return styled.css(
|
|
12694
|
-
var theme = _ref22.theme;
|
|
12695
|
-
return theme.spacings.s3;
|
|
12696
|
-
}, Input, function (_ref23) {
|
|
12697
|
-
var theme = _ref23.theme;
|
|
12698
|
-
return theme.spacings.s3;
|
|
12699
|
-
}, width);
|
|
12693
|
+
return styled.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);
|
|
12700
12694
|
});
|
|
12701
12695
|
|
|
12702
12696
|
var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -12711,7 +12705,8 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12711
12705
|
htmlDisabled = _props.htmlDisabled,
|
|
12712
12706
|
width = _props.width,
|
|
12713
12707
|
arrows = _props.arrows,
|
|
12714
|
-
borderless = _props.borderless
|
|
12708
|
+
borderless = _props.borderless,
|
|
12709
|
+
paddingless = _props.paddingless;
|
|
12715
12710
|
|
|
12716
12711
|
var mask = getMask(props.mask);
|
|
12717
12712
|
var intInvalid = invalid ? 1 : 0;
|
|
@@ -12719,6 +12714,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12719
12714
|
var intDisabled = disabled ? 1 : 0;
|
|
12720
12715
|
var intArrows = arrows ? 1 : 0;
|
|
12721
12716
|
var intBorderless = borderless ? 1 : 0;
|
|
12717
|
+
var intPaddingless = paddingless ? 1 : 0;
|
|
12722
12718
|
var position;
|
|
12723
12719
|
var iconWidth;
|
|
12724
12720
|
var iconSubmit;
|
|
@@ -12734,11 +12730,12 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12734
12730
|
iconOnClick = props.icon.onClick;
|
|
12735
12731
|
}
|
|
12736
12732
|
|
|
12737
|
-
var inputProps = filterObject(props, ['label', 'invalid', 'required', 'icon', 'mask', 'loading', 'clearable', 'setValue', 'onPressEnter', 'htmlDisabled', 'width', 'arrows', 'borderless'], {
|
|
12733
|
+
var inputProps = filterObject(props, ['label', 'invalid', 'required', 'icon', 'mask', 'loading', 'clearable', 'setValue', 'onPressEnter', 'htmlDisabled', 'width', 'arrows', 'borderless', 'paddingless'], {
|
|
12738
12734
|
invalid: intInvalid,
|
|
12739
12735
|
type: 'text',
|
|
12740
12736
|
arrows: intArrows,
|
|
12741
|
-
borderless: intBorderless
|
|
12737
|
+
borderless: intBorderless,
|
|
12738
|
+
paddingless: intPaddingless
|
|
12742
12739
|
});
|
|
12743
12740
|
|
|
12744
12741
|
var onChange = inputProps.onChange || function () {};
|
|
@@ -12835,6 +12832,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12835
12832
|
required: intRequired,
|
|
12836
12833
|
disabled: intDisabled,
|
|
12837
12834
|
invalid: intInvalid,
|
|
12835
|
+
paddingless: intPaddingless,
|
|
12838
12836
|
icon: iconProps,
|
|
12839
12837
|
width: width
|
|
12840
12838
|
}, React__default.createElement("div", null, label), React__default.createElement(Input, Object.assign({}, inputProps, {
|
|
@@ -13093,7 +13091,7 @@ var Time = React__default.forwardRef(function (props, ref) {
|
|
|
13093
13091
|
});
|
|
13094
13092
|
Time.displayName = 'Time';
|
|
13095
13093
|
|
|
13096
|
-
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$
|
|
13094
|
+
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;
|
|
13097
13095
|
var Container$7 = styled__default.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) {
|
|
13098
13096
|
var theme = _ref.theme;
|
|
13099
13097
|
return theme.colors.white;
|
|
@@ -13171,7 +13169,7 @@ var DayContainer = styled__default.button(_templateObject8$4 || (_templateObject
|
|
|
13171
13169
|
});
|
|
13172
13170
|
}
|
|
13173
13171
|
|
|
13174
|
-
return styled.css(_templateObject13$
|
|
13172
|
+
return styled.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) {
|
|
13175
13173
|
var theme = _ref20.theme;
|
|
13176
13174
|
return theme.colors.blue;
|
|
13177
13175
|
});
|
|
@@ -14017,7 +14015,7 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14017
14015
|
bordered: true,
|
|
14018
14016
|
position: position,
|
|
14019
14017
|
references: {
|
|
14020
|
-
bottom: '35px'
|
|
14018
|
+
bottom: props.paddingless ? '21px' : '35px'
|
|
14021
14019
|
},
|
|
14022
14020
|
loading: loading,
|
|
14023
14021
|
center: props.center || {
|
|
@@ -14432,34 +14430,47 @@ var Phone = React__default.forwardRef(function (props, ref) {
|
|
|
14432
14430
|
properties: {
|
|
14433
14431
|
'max-height': {}
|
|
14434
14432
|
}
|
|
14433
|
+
},
|
|
14434
|
+
references: {
|
|
14435
|
+
bottom: props.paddingless ? '21px' : '35px'
|
|
14435
14436
|
}
|
|
14436
14437
|
}));
|
|
14437
14438
|
});
|
|
14438
14439
|
Phone.displayName = 'Phone';
|
|
14439
14440
|
|
|
14440
|
-
var _templateObject$l, _templateObject2$h, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9;
|
|
14441
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$5;
|
|
14441
14442
|
var RelativeContainer$4 = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
14442
|
-
var
|
|
14443
|
-
var
|
|
14444
|
-
|
|
14445
|
-
return iconWidth + " - " + theme.spacings.s3;
|
|
14443
|
+
var LabelContainer = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
14444
|
+
var theme = _ref.theme;
|
|
14445
|
+
return theme.useTypography('p');
|
|
14446
14446
|
}, function (_ref2) {
|
|
14447
14447
|
var theme = _ref2.theme;
|
|
14448
|
-
return theme.spacings.
|
|
14449
|
-
}
|
|
14450
|
-
|
|
14451
|
-
|
|
14452
|
-
|
|
14453
|
-
|
|
14448
|
+
return theme.spacings.s3;
|
|
14449
|
+
});
|
|
14450
|
+
var Container$8 = styled__default.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) {
|
|
14451
|
+
var theme = _ref3.theme,
|
|
14452
|
+
iconWidth = _ref3.iconWidth,
|
|
14453
|
+
paddingless = _ref3.paddingless;
|
|
14454
|
+
|
|
14455
|
+
if (paddingless) {
|
|
14456
|
+
return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", ");\n height: 19px;\n "])), iconWidth);
|
|
14457
|
+
}
|
|
14458
|
+
|
|
14459
|
+
return styled.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);
|
|
14454
14460
|
}, function (_ref4) {
|
|
14455
|
-
var
|
|
14461
|
+
var invalid = _ref4.invalid,
|
|
14462
|
+
theme = _ref4.theme;
|
|
14463
|
+
if (!invalid) return;
|
|
14464
|
+
return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
14465
|
+
}, function (_ref5) {
|
|
14466
|
+
var disabled = _ref5.disabled;
|
|
14456
14467
|
if (!disabled) return;
|
|
14457
|
-
return styled.css(
|
|
14468
|
+
return styled.css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
14458
14469
|
});
|
|
14459
|
-
var Button$3 = styled__default.button(
|
|
14460
|
-
var onClick =
|
|
14470
|
+
var Button$3 = styled__default.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) {
|
|
14471
|
+
var onClick = _ref6.onClick;
|
|
14461
14472
|
if (!onClick) return;
|
|
14462
|
-
return styled.css(
|
|
14473
|
+
return styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
14463
14474
|
});
|
|
14464
14475
|
|
|
14465
14476
|
var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
@@ -14523,7 +14534,8 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14523
14534
|
})), React__default.createElement(Container$8, {
|
|
14524
14535
|
iconWidth: picker ? '24px' : '0px',
|
|
14525
14536
|
invalid: props.invalid ? 1 : 0,
|
|
14526
|
-
disabled: props.disabled ? 1 : 0
|
|
14537
|
+
disabled: props.disabled ? 1 : 0,
|
|
14538
|
+
paddingless: props.paddingless ? 1 : 0
|
|
14527
14539
|
}, React__default.createElement(Button$3, {
|
|
14528
14540
|
type: 'button',
|
|
14529
14541
|
onClick: disabled ? undefined : onSub,
|
|
@@ -14538,7 +14550,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14538
14550
|
icon: 'chevron_left',
|
|
14539
14551
|
color: props.invalid ? 'warningRed' : 'grey',
|
|
14540
14552
|
strokeWidth: '3px'
|
|
14541
|
-
})), React__default.createElement(
|
|
14553
|
+
})), React__default.createElement(LabelContainer, null, today === value ? 'Hoje' : value), React__default.createElement(Button$3, {
|
|
14542
14554
|
type: 'button',
|
|
14543
14555
|
onClick: disabled ? undefined : onAdd,
|
|
14544
14556
|
disabled: disabled || function () {
|
|
@@ -14571,8 +14583,8 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
14571
14583
|
});
|
|
14572
14584
|
DatePicker.displayName = 'DatePicker';
|
|
14573
14585
|
|
|
14574
|
-
var _templateObject$m, _templateObject2$i, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$
|
|
14575
|
-
var LabelContainer = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14586
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$8;
|
|
14587
|
+
var LabelContainer$1 = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14576
14588
|
var theme = _ref.theme;
|
|
14577
14589
|
return theme.useTypography('p');
|
|
14578
14590
|
});
|
|
@@ -14590,7 +14602,7 @@ var Label$3 = styled__default.label(_templateObject2$i || (_templateObject2$i =
|
|
|
14590
14602
|
}, function (_ref4) {
|
|
14591
14603
|
var required = _ref4.required;
|
|
14592
14604
|
if (!required) return;
|
|
14593
|
-
return styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: '*';\n }\n }\n "])), LabelContainer);
|
|
14605
|
+
return styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: '*';\n }\n }\n "])), LabelContainer$1);
|
|
14594
14606
|
}, function (_ref5) {
|
|
14595
14607
|
var invalid = _ref5.invalid;
|
|
14596
14608
|
|
|
@@ -14604,7 +14616,7 @@ var Label$3 = styled__default.label(_templateObject2$i || (_templateObject2$i =
|
|
|
14604
14616
|
});
|
|
14605
14617
|
}
|
|
14606
14618
|
|
|
14607
|
-
return styled.css(_templateObject7$
|
|
14619
|
+
return styled.css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
14608
14620
|
var theme = _ref8.theme;
|
|
14609
14621
|
return theme.colors.warningRed;
|
|
14610
14622
|
}, function (_ref9) {
|
|
@@ -14646,10 +14658,10 @@ var Switch = function Switch(props) {
|
|
|
14646
14658
|
invalid: invalid ? 1 : 0
|
|
14647
14659
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
14648
14660
|
type: 'checkbox'
|
|
14649
|
-
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer, null, label));
|
|
14661
|
+
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$1, null, label));
|
|
14650
14662
|
};
|
|
14651
14663
|
|
|
14652
|
-
var _templateObject$n, _templateObject2$j, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$
|
|
14664
|
+
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;
|
|
14653
14665
|
var bullet = styled.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) {
|
|
14654
14666
|
var theme = _ref.theme;
|
|
14655
14667
|
return theme.spacings.s4;
|
|
@@ -14687,12 +14699,12 @@ var InputContainer = styled__default.div(_templateObject6$b || (_templateObject6
|
|
|
14687
14699
|
invalid = _ref10.invalid;
|
|
14688
14700
|
|
|
14689
14701
|
if (!invalid) {
|
|
14690
|
-
return styled.css(_templateObject7$
|
|
14702
|
+
return styled.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);
|
|
14691
14703
|
}
|
|
14692
14704
|
|
|
14693
|
-
return styled.css(_templateObject8$
|
|
14705
|
+
return styled.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);
|
|
14694
14706
|
});
|
|
14695
|
-
var MinMaxLabelContainer = styled__default.div(_templateObject9$
|
|
14707
|
+
var MinMaxLabelContainer = styled__default.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
14696
14708
|
var LabelsContainer = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
|
|
14697
14709
|
var position = _ref11.position;
|
|
14698
14710
|
|
|
@@ -14702,7 +14714,7 @@ var LabelsContainer = styled__default.div(_templateObject10$4 || (_templateObjec
|
|
|
14702
14714
|
|
|
14703
14715
|
return styled.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);
|
|
14704
14716
|
});
|
|
14705
|
-
var SelectedArea = styled__default.div(_templateObject13$
|
|
14717
|
+
var SelectedArea = styled__default.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) {
|
|
14706
14718
|
var theme = _ref12.theme;
|
|
14707
14719
|
return theme.getColor('greyishBlue', 10);
|
|
14708
14720
|
}, function (_ref13) {
|
|
@@ -14868,8 +14880,8 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
14868
14880
|
});
|
|
14869
14881
|
Range.displayName = 'input';
|
|
14870
14882
|
|
|
14871
|
-
var _templateObject$o, _templateObject2$k, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$
|
|
14872
|
-
var LabelContainer$
|
|
14883
|
+
var _templateObject$o, _templateObject2$k, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$a;
|
|
14884
|
+
var LabelContainer$2 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
14873
14885
|
var theme = _ref.theme;
|
|
14874
14886
|
return theme.useTypography('p');
|
|
14875
14887
|
});
|
|
@@ -14887,7 +14899,7 @@ var Label$5 = styled__default.label(_templateObject2$k || (_templateObject2$k =
|
|
|
14887
14899
|
}, function (_ref4) {
|
|
14888
14900
|
var required = _ref4.required;
|
|
14889
14901
|
if (!required) return;
|
|
14890
|
-
return styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$
|
|
14902
|
+
return styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$2);
|
|
14891
14903
|
}, function (_ref5) {
|
|
14892
14904
|
var invalid = _ref5.invalid;
|
|
14893
14905
|
|
|
@@ -14901,7 +14913,7 @@ var Label$5 = styled__default.label(_templateObject2$k || (_templateObject2$k =
|
|
|
14901
14913
|
});
|
|
14902
14914
|
}
|
|
14903
14915
|
|
|
14904
|
-
return styled.css(_templateObject7$
|
|
14916
|
+
return styled.css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
14905
14917
|
var theme = _ref8.theme;
|
|
14906
14918
|
return theme.colors.warningRed;
|
|
14907
14919
|
}, function (_ref9) {
|
|
@@ -14925,7 +14937,7 @@ var RadioButton = function RadioButton(props) {
|
|
|
14925
14937
|
invalid: invalid ? 1 : 0
|
|
14926
14938
|
}, React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
14927
14939
|
type: 'radio'
|
|
14928
|
-
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$
|
|
14940
|
+
})), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$2, null, label));
|
|
14929
14941
|
};
|
|
14930
14942
|
|
|
14931
14943
|
var _templateObject$p;
|
|
@@ -15222,29 +15234,44 @@ var parse = function parse(value) {
|
|
|
15222
15234
|
});
|
|
15223
15235
|
};
|
|
15224
15236
|
|
|
15225
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d;
|
|
15237
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$b, _templateObject8$7, _templateObject9$7, _templateObject10$5;
|
|
15226
15238
|
var RelativeContainer$5 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n > :nth-child(1) input {\n color: transparent;\n }\n"])));
|
|
15227
|
-
var
|
|
15228
|
-
var
|
|
15229
|
-
|
|
15230
|
-
return iconWidth + " - " + theme.spacings.s3;
|
|
15239
|
+
var LabelContainer$3 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15240
|
+
var theme = _ref.theme;
|
|
15241
|
+
return theme.useTypography('p');
|
|
15231
15242
|
}, function (_ref2) {
|
|
15232
15243
|
var theme = _ref2.theme;
|
|
15233
|
-
return theme.spacings.
|
|
15234
|
-
}
|
|
15235
|
-
|
|
15236
|
-
|
|
15237
|
-
|
|
15238
|
-
|
|
15244
|
+
return theme.spacings.s3;
|
|
15245
|
+
});
|
|
15246
|
+
var Container$a = styled__default.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) {
|
|
15247
|
+
var theme = _ref3.theme,
|
|
15248
|
+
iconWidth = _ref3.iconWidth,
|
|
15249
|
+
paddingless = _ref3.paddingless;
|
|
15250
|
+
|
|
15251
|
+
if (paddingless) {
|
|
15252
|
+
return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: calc(100% - 2px - ", ");\n height: 19px;\n "])), iconWidth);
|
|
15253
|
+
}
|
|
15254
|
+
|
|
15255
|
+
return styled.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);
|
|
15239
15256
|
}, function (_ref4) {
|
|
15240
|
-
var
|
|
15257
|
+
var invalid = _ref4.invalid,
|
|
15258
|
+
theme = _ref4.theme;
|
|
15259
|
+
if (!invalid) return;
|
|
15260
|
+
return styled.css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15261
|
+
}, function (_ref5) {
|
|
15262
|
+
var invalid = _ref5.invalid,
|
|
15263
|
+
theme = _ref5.theme;
|
|
15264
|
+
if (!invalid) return;
|
|
15265
|
+
return styled.css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15266
|
+
}, function (_ref6) {
|
|
15267
|
+
var disabled = _ref6.disabled;
|
|
15241
15268
|
if (!disabled) return;
|
|
15242
|
-
return styled.css(
|
|
15269
|
+
return styled.css(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15243
15270
|
});
|
|
15244
|
-
var Button$4 = styled__default.button(
|
|
15245
|
-
var onClick =
|
|
15271
|
+
var Button$4 = styled__default.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) {
|
|
15272
|
+
var onClick = _ref7.onClick;
|
|
15246
15273
|
if (!onClick) return;
|
|
15247
|
-
return styled.css(
|
|
15274
|
+
return styled.css(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15248
15275
|
});
|
|
15249
15276
|
|
|
15250
15277
|
var DatePicker$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -15350,7 +15377,8 @@ var DatePicker$1 = React__default.forwardRef(function (props, ref) {
|
|
|
15350
15377
|
})), React__default.createElement(Container$a, {
|
|
15351
15378
|
iconWidth: '24px',
|
|
15352
15379
|
invalid: props.invalid ? 1 : 0,
|
|
15353
|
-
disabled: props.disabled ? 1 : 0
|
|
15380
|
+
disabled: props.disabled ? 1 : 0,
|
|
15381
|
+
paddingless: props.paddingless ? 1 : 0
|
|
15354
15382
|
}, React__default.createElement(Button$4, Object.assign({
|
|
15355
15383
|
type: 'button'
|
|
15356
15384
|
}, decrementProps, {
|
|
@@ -15549,7 +15577,7 @@ var widths = {
|
|
|
15549
15577
|
default: '642.5px'
|
|
15550
15578
|
};
|
|
15551
15579
|
|
|
15552
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$k, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$
|
|
15580
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$k, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$6;
|
|
15553
15581
|
var Background = styled__default.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) {
|
|
15554
15582
|
var theme = _ref.theme;
|
|
15555
15583
|
return theme.getColor('black', 25);
|
|
@@ -15568,21 +15596,21 @@ var Footer$2 = styled__default.div(_templateObject5$g || (_templateObject5$g = _
|
|
|
15568
15596
|
colors = _ref3$theme.colors;
|
|
15569
15597
|
return styled.css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
15570
15598
|
});
|
|
15571
|
-
var FooterMessage = styled__default.div(_templateObject7$
|
|
15599
|
+
var FooterMessage = styled__default.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) {
|
|
15572
15600
|
var theme = _ref4.theme;
|
|
15573
15601
|
return theme.getColor('darkBlue', 75);
|
|
15574
15602
|
});
|
|
15575
|
-
var FooterButtons = styled__default.div(_templateObject8$
|
|
15603
|
+
var FooterButtons = styled__default.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) {
|
|
15576
15604
|
var theme = _ref5.theme;
|
|
15577
15605
|
return theme.spacings.s3;
|
|
15578
15606
|
});
|
|
15579
|
-
var Container$b = styled__default.div(_templateObject9$
|
|
15607
|
+
var Container$b = styled__default.div(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
|
|
15580
15608
|
var theme = _ref6.theme,
|
|
15581
15609
|
size = _ref6.size,
|
|
15582
15610
|
customSize = _ref6.customSize,
|
|
15583
15611
|
color = _ref6.color,
|
|
15584
15612
|
inverted = _ref6.inverted;
|
|
15585
|
-
return styled.css(_templateObject10$
|
|
15613
|
+
return styled.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));
|
|
15586
15614
|
});
|
|
15587
15615
|
|
|
15588
15616
|
var _excluded$1 = ["children"];
|
|
@@ -15779,7 +15807,7 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
15779
15807
|
Audit: Audit
|
|
15780
15808
|
});
|
|
15781
15809
|
|
|
15782
|
-
var _templateObject$v, _templateObject2$n, _templateObject3$l, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$
|
|
15810
|
+
var _templateObject$v, _templateObject2$n, _templateObject3$l, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$7;
|
|
15783
15811
|
var Container$c = styled__default.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) {
|
|
15784
15812
|
return props.size === 'mini' && styled.css(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
15785
15813
|
}, function (props) {
|
|
@@ -15791,13 +15819,13 @@ var Container$c = styled__default.div(_templateObject$v || (_templateObject$v =
|
|
|
15791
15819
|
}, function (props) {
|
|
15792
15820
|
return props.borderType === 'info' && styled.css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
15793
15821
|
}, function (props) {
|
|
15794
|
-
return props.borderType === 'success' && styled.css(_templateObject7$
|
|
15822
|
+
return props.borderType === 'success' && styled.css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
15795
15823
|
}, function (props) {
|
|
15796
|
-
return props.borderType === 'warning' && styled.css(_templateObject8$
|
|
15824
|
+
return props.borderType === 'warning' && styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
15797
15825
|
}, function (props) {
|
|
15798
|
-
return props.borderType === 'danger' && styled.css(_templateObject9$
|
|
15826
|
+
return props.borderType === 'danger' && styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
15799
15827
|
}, function (props) {
|
|
15800
|
-
return props.borderType === 'none' && styled.css(_templateObject10$
|
|
15828
|
+
return props.borderType === 'none' && styled.css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid #d4d4d5;\n "])));
|
|
15801
15829
|
});
|
|
15802
15830
|
|
|
15803
15831
|
var _excluded$2 = ["children"];
|
|
@@ -15832,7 +15860,7 @@ var Toast = function Toast(props) {
|
|
|
15832
15860
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
15833
15861
|
};
|
|
15834
15862
|
|
|
15835
|
-
var _templateObject$x, _templateObject2$p, _templateObject3$n, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$
|
|
15863
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$n, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$8, _templateObject11$4;
|
|
15836
15864
|
var Container$e = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
15837
15865
|
var Header$4 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
15838
15866
|
var HeaderImage = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
@@ -15841,13 +15869,13 @@ var MainContent = styled__default.div(_templateObject5$j || (_templateObject5$j
|
|
|
15841
15869
|
var HeaderLine = styled__default.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) {
|
|
15842
15870
|
return props.height;
|
|
15843
15871
|
}, function (props) {
|
|
15844
|
-
return props.size === 'mini' && styled.css(_templateObject7$
|
|
15872
|
+
return props.size === 'mini' && styled.css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
15845
15873
|
}, function (props) {
|
|
15846
|
-
return props.size === 'small' && styled.css(_templateObject8$
|
|
15874
|
+
return props.size === 'small' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
15847
15875
|
}, function (props) {
|
|
15848
|
-
return props.size === 'medium' && styled.css(_templateObject9$
|
|
15876
|
+
return props.size === 'medium' && styled.css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
15849
15877
|
}, function (props) {
|
|
15850
|
-
return props.size === 'large' && styled.css(_templateObject10$
|
|
15878
|
+
return props.size === 'large' && styled.css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15851
15879
|
});
|
|
15852
15880
|
var MainLine = styled__default(HeaderLine)(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
15853
15881
|
|
|
@@ -15897,15 +15925,15 @@ var HeaderLine$1 = styled__default.div(_templateObject$y || (_templateObject$y =
|
|
|
15897
15925
|
return props.size === 'large' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15898
15926
|
});
|
|
15899
15927
|
|
|
15900
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$p, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$
|
|
15928
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$p, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$f, _templateObject8$b;
|
|
15901
15929
|
var Container$f = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
15902
15930
|
var Template2Container = styled__default(Container$f)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
15903
15931
|
var Header$5 = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
15904
15932
|
var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
15905
15933
|
var HeaderContent$1 = styled__default.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
15906
15934
|
var MainContent$1 = styled__default.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
15907
|
-
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$
|
|
15908
|
-
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$
|
|
15935
|
+
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
15936
|
+
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose([""])));
|
|
15909
15937
|
|
|
15910
15938
|
var Template2 = function Template2(props) {
|
|
15911
15939
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -15960,7 +15988,7 @@ var Template3 = function Template3(props) {
|
|
|
15960
15988
|
}));
|
|
15961
15989
|
};
|
|
15962
15990
|
|
|
15963
|
-
var _templateObject$B, _templateObject2$t, _templateObject3$r, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$
|
|
15991
|
+
var _templateObject$B, _templateObject2$t, _templateObject3$r, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$g, _templateObject8$c;
|
|
15964
15992
|
var Container$h = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
15965
15993
|
var HeaderLine$3 = styled__default.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) {
|
|
15966
15994
|
return props.height;
|
|
@@ -15973,8 +16001,8 @@ var HeaderLine$3 = styled__default.div(_templateObject2$t || (_templateObject2$t
|
|
|
15973
16001
|
}, function (props) {
|
|
15974
16002
|
return props.size === 'large' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
15975
16003
|
});
|
|
15976
|
-
var Template4Container = styled__default(Container$h)(_templateObject7$
|
|
15977
|
-
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$
|
|
16004
|
+
var Template4Container = styled__default(Container$h)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
16005
|
+
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
15978
16006
|
return props.width;
|
|
15979
16007
|
}, function (props) {
|
|
15980
16008
|
return props.height;
|
|
@@ -16027,7 +16055,7 @@ var Template4 = function Template4(props) {
|
|
|
16027
16055
|
}));
|
|
16028
16056
|
};
|
|
16029
16057
|
|
|
16030
|
-
var _templateObject$C, _templateObject2$u, _templateObject3$s, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$
|
|
16058
|
+
var _templateObject$C, _templateObject2$u, _templateObject3$s, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$h, _templateObject8$d, _templateObject9$b;
|
|
16031
16059
|
var Container$i = styled__default.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"])));
|
|
16032
16060
|
var Circle = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
16033
16061
|
var HeaderLine$4 = styled__default.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) {
|
|
@@ -16039,16 +16067,16 @@ var HeaderLine$4 = styled__default.div(_templateObject3$s || (_templateObject3$s
|
|
|
16039
16067
|
}, function (props) {
|
|
16040
16068
|
return props.size === 'medium' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16041
16069
|
}, function (props) {
|
|
16042
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
16070
|
+
return props.size === 'large' && styled.css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16043
16071
|
});
|
|
16044
|
-
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$
|
|
16072
|
+
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
16045
16073
|
return props.width;
|
|
16046
16074
|
}, function (props) {
|
|
16047
16075
|
return props.height;
|
|
16048
16076
|
}, function (props) {
|
|
16049
16077
|
return props.color;
|
|
16050
16078
|
});
|
|
16051
|
-
var MainContent$2 = styled__default.div(_templateObject9$
|
|
16079
|
+
var MainContent$2 = styled__default.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
|
|
16052
16080
|
|
|
16053
16081
|
var Template5 = function Template5(props) {
|
|
16054
16082
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16075,7 +16103,7 @@ var Template5 = function Template5(props) {
|
|
|
16075
16103
|
})));
|
|
16076
16104
|
};
|
|
16077
16105
|
|
|
16078
|
-
var _templateObject$D, _templateObject2$v, _templateObject3$t, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$
|
|
16106
|
+
var _templateObject$D, _templateObject2$v, _templateObject3$t, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$i, _templateObject8$e, _templateObject9$c;
|
|
16079
16107
|
var Container$j = styled__default.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"])));
|
|
16080
16108
|
var Header$6 = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
16081
16109
|
var Footer$3 = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
@@ -16086,11 +16114,11 @@ var HeaderLine$5 = styled__default.div(_templateObject4$p || (_templateObject4$p
|
|
|
16086
16114
|
}, function (props) {
|
|
16087
16115
|
return props.size === 'small' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
16088
16116
|
}, function (props) {
|
|
16089
|
-
return props.size === 'medium' && styled.css(_templateObject7$
|
|
16117
|
+
return props.size === 'medium' && styled.css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16090
16118
|
}, function (props) {
|
|
16091
|
-
return props.size === 'large' && styled.css(_templateObject8$
|
|
16119
|
+
return props.size === 'large' && styled.css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16092
16120
|
});
|
|
16093
|
-
var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$
|
|
16121
|
+
var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16094
16122
|
return props.width;
|
|
16095
16123
|
}, function (props) {
|
|
16096
16124
|
return props.height;
|
|
@@ -16118,7 +16146,7 @@ var Template6 = function Template6(props) {
|
|
|
16118
16146
|
})));
|
|
16119
16147
|
};
|
|
16120
16148
|
|
|
16121
|
-
var _templateObject$E, _templateObject2$w, _templateObject3$u, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$
|
|
16149
|
+
var _templateObject$E, _templateObject2$w, _templateObject3$u, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$j, _templateObject8$f, _templateObject9$d, _templateObject10$9;
|
|
16122
16150
|
var Container$k = styled__default.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"])));
|
|
16123
16151
|
var Header$7 = styled__default.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"])));
|
|
16124
16152
|
var HeaderLine$6 = styled__default.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) {
|
|
@@ -16130,17 +16158,17 @@ var HeaderLine$6 = styled__default.div(_templateObject3$u || (_templateObject3$u
|
|
|
16130
16158
|
}, function (props) {
|
|
16131
16159
|
return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16132
16160
|
}, function (props) {
|
|
16133
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
16161
|
+
return props.size === 'large' && styled.css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16134
16162
|
});
|
|
16135
|
-
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$
|
|
16163
|
+
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16136
16164
|
return props.width;
|
|
16137
16165
|
}, function (props) {
|
|
16138
16166
|
return props.height;
|
|
16139
16167
|
}, function (props) {
|
|
16140
16168
|
return props.color;
|
|
16141
16169
|
});
|
|
16142
|
-
var Main = styled__default.div(_templateObject9$
|
|
16143
|
-
var Circle$1 = styled__default.div(_templateObject10$
|
|
16170
|
+
var Main = styled__default.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"])));
|
|
16171
|
+
var Circle$1 = styled__default.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"])));
|
|
16144
16172
|
|
|
16145
16173
|
var Template7 = function Template7(props) {
|
|
16146
16174
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16152,7 +16180,7 @@ var Template7 = function Template7(props) {
|
|
|
16152
16180
|
})), 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)));
|
|
16153
16181
|
};
|
|
16154
16182
|
|
|
16155
|
-
var _templateObject$F, _templateObject2$x, _templateObject3$v, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$
|
|
16183
|
+
var _templateObject$F, _templateObject2$x, _templateObject3$v, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$k, _templateObject8$g, _templateObject9$e;
|
|
16156
16184
|
var Container$l = styled__default.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"])));
|
|
16157
16185
|
var Header$8 = styled__default.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"])));
|
|
16158
16186
|
var HeaderLine$7 = styled__default.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) {
|
|
@@ -16164,16 +16192,16 @@ var HeaderLine$7 = styled__default.div(_templateObject3$v || (_templateObject3$v
|
|
|
16164
16192
|
}, function (props) {
|
|
16165
16193
|
return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16166
16194
|
}, function (props) {
|
|
16167
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
16195
|
+
return props.size === 'large' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16168
16196
|
});
|
|
16169
|
-
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$
|
|
16197
|
+
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16170
16198
|
return props.width;
|
|
16171
16199
|
}, function (props) {
|
|
16172
16200
|
return props.height;
|
|
16173
16201
|
}, function (props) {
|
|
16174
16202
|
return props.color;
|
|
16175
16203
|
});
|
|
16176
|
-
var Main$1 = styled__default.div(_templateObject9$
|
|
16204
|
+
var Main$1 = styled__default.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"])));
|
|
16177
16205
|
|
|
16178
16206
|
var Template8 = function Template8(props) {
|
|
16179
16207
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16195,7 +16223,7 @@ var Template8 = function Template8(props) {
|
|
|
16195
16223
|
})));
|
|
16196
16224
|
};
|
|
16197
16225
|
|
|
16198
|
-
var _templateObject$G, _templateObject2$y, _templateObject3$w, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$
|
|
16226
|
+
var _templateObject$G, _templateObject2$y, _templateObject3$w, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$l, _templateObject8$h, _templateObject9$f, _templateObject10$a;
|
|
16199
16227
|
var Container$m = styled__default.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"])));
|
|
16200
16228
|
var Header$9 = styled__default.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"])));
|
|
16201
16229
|
var HeaderLine$8 = styled__default.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) {
|
|
@@ -16207,17 +16235,17 @@ var HeaderLine$8 = styled__default.div(_templateObject3$w || (_templateObject3$w
|
|
|
16207
16235
|
}, function (props) {
|
|
16208
16236
|
return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16209
16237
|
}, function (props) {
|
|
16210
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
16238
|
+
return props.size === 'large' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16211
16239
|
});
|
|
16212
|
-
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$
|
|
16240
|
+
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16213
16241
|
return props.width;
|
|
16214
16242
|
}, function (props) {
|
|
16215
16243
|
return props.height;
|
|
16216
16244
|
}, function (props) {
|
|
16217
16245
|
return props.color;
|
|
16218
16246
|
});
|
|
16219
|
-
var Main$2 = styled__default.div(_templateObject9$
|
|
16220
|
-
var Circle$2 = styled__default.div(_templateObject10$
|
|
16247
|
+
var Main$2 = styled__default.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"])));
|
|
16248
|
+
var Circle$2 = styled__default.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
16221
16249
|
|
|
16222
16250
|
var Template8$1 = function Template8(props) {
|
|
16223
16251
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -16234,7 +16262,7 @@ var Template8$1 = function Template8(props) {
|
|
|
16234
16262
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$2, null)));
|
|
16235
16263
|
};
|
|
16236
16264
|
|
|
16237
|
-
var _templateObject$H, _templateObject2$z, _templateObject3$x, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$
|
|
16265
|
+
var _templateObject$H, _templateObject2$z, _templateObject3$x, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$b, _templateObject11$5;
|
|
16238
16266
|
var Container$n = styled__default.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"])));
|
|
16239
16267
|
var Header$a = styled__default.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"])));
|
|
16240
16268
|
var HeaderLine$9 = styled__default.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) {
|
|
@@ -16246,17 +16274,17 @@ var HeaderLine$9 = styled__default.div(_templateObject3$x || (_templateObject3$x
|
|
|
16246
16274
|
}, function (props) {
|
|
16247
16275
|
return props.size === 'medium' && styled.css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
16248
16276
|
}, function (props) {
|
|
16249
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
16277
|
+
return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
16250
16278
|
});
|
|
16251
|
-
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$
|
|
16279
|
+
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
16252
16280
|
return props.width;
|
|
16253
16281
|
}, function (props) {
|
|
16254
16282
|
return props.height;
|
|
16255
16283
|
}, function (props) {
|
|
16256
16284
|
return props.color;
|
|
16257
16285
|
});
|
|
16258
|
-
var GraphLine = styled__default(CustomLine$6)(_templateObject9$
|
|
16259
|
-
var Main$3 = styled__default.div(_templateObject10$
|
|
16286
|
+
var GraphLine = styled__default(CustomLine$6)(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
16287
|
+
var Main$3 = styled__default.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"])));
|
|
16260
16288
|
var Circle$3 = styled__default.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
16261
16289
|
|
|
16262
16290
|
var Template10 = function Template10(props) {
|
|
@@ -16971,7 +16999,7 @@ var useContext$2 = function useContext() {
|
|
|
16971
16999
|
return React__default.useContext(Provider$2);
|
|
16972
17000
|
};
|
|
16973
17001
|
|
|
16974
|
-
var _templateObject$M, _templateObject2$C, _templateObject3$A, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$
|
|
17002
|
+
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;
|
|
16975
17003
|
var aligns = {
|
|
16976
17004
|
self: {
|
|
16977
17005
|
horizontal: {
|
|
@@ -17034,7 +17062,7 @@ var Col = styled__default.div(_templateObject$M || (_templateObject$M = _taggedT
|
|
|
17034
17062
|
if (align.self.vertical !== undefined) {
|
|
17035
17063
|
var _v = align.self.vertical;
|
|
17036
17064
|
var _a = aligns.self.vertical;
|
|
17037
|
-
styles.push(styled.css(_templateObject7$
|
|
17065
|
+
styles.push(styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17038
17066
|
}
|
|
17039
17067
|
}
|
|
17040
17068
|
|
|
@@ -17042,19 +17070,19 @@ var Col = styled__default.div(_templateObject$M || (_templateObject$M = _taggedT
|
|
|
17042
17070
|
if (align.content.horizontal !== undefined) {
|
|
17043
17071
|
var _v2 = align.content.horizontal;
|
|
17044
17072
|
var _a2 = aligns.content.horizontal;
|
|
17045
|
-
styles.push(styled.css(_templateObject8$
|
|
17073
|
+
styles.push(styled.css(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
17046
17074
|
}
|
|
17047
17075
|
|
|
17048
17076
|
if (align.content.vertical !== undefined) {
|
|
17049
17077
|
var _v3 = align.content.vertical;
|
|
17050
17078
|
var _a3 = aligns.content.vertical;
|
|
17051
|
-
styles.push(styled.css(_templateObject9$
|
|
17079
|
+
styles.push(styled.css(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
|
|
17052
17080
|
}
|
|
17053
17081
|
}
|
|
17054
17082
|
|
|
17055
17083
|
if (align.text !== undefined) {
|
|
17056
17084
|
var _v4 = align.text;
|
|
17057
|
-
styles.push(styled.css(_templateObject10$
|
|
17085
|
+
styles.push(styled.css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n text-align: ", ";\n "])), _v4));
|
|
17058
17086
|
}
|
|
17059
17087
|
|
|
17060
17088
|
return styles;
|
|
@@ -17074,7 +17102,7 @@ var Col = styled__default.div(_templateObject$M || (_templateObject$M = _taggedT
|
|
|
17074
17102
|
theme = _ref7.theme;
|
|
17075
17103
|
if (backgroundColor === undefined) return;
|
|
17076
17104
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17077
|
-
return styled.css(_templateObject13$
|
|
17105
|
+
return styled.css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17078
17106
|
}, function (_ref8) {
|
|
17079
17107
|
var hover = _ref8.hover,
|
|
17080
17108
|
theme = _ref8.theme;
|
|
@@ -17130,7 +17158,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17130
17158
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17131
17159
|
};
|
|
17132
17160
|
|
|
17133
|
-
var _templateObject$O, _templateObject2$E, _templateObject3$C, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$
|
|
17161
|
+
var _templateObject$O, _templateObject2$E, _templateObject3$C, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$o, _templateObject8$k, _templateObject9$i, _templateObject10$d;
|
|
17134
17162
|
var horizontalAligns = {
|
|
17135
17163
|
around: 'space-around',
|
|
17136
17164
|
between: 'space-between',
|
|
@@ -17171,7 +17199,7 @@ var Row = styled__default.div(_templateObject$O || (_templateObject$O = _taggedT
|
|
|
17171
17199
|
}
|
|
17172
17200
|
|
|
17173
17201
|
if (striped === undefined) {
|
|
17174
|
-
return styled.css(_templateObject7$
|
|
17202
|
+
return styled.css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17175
17203
|
}
|
|
17176
17204
|
|
|
17177
17205
|
var config = striped === true ? {
|
|
@@ -17187,7 +17215,7 @@ var Row = styled__default.div(_templateObject$O || (_templateObject$O = _taggedT
|
|
|
17187
17215
|
even: theme.colors.white,
|
|
17188
17216
|
odd: theme.colors.white
|
|
17189
17217
|
});
|
|
17190
|
-
return styled.css(_templateObject8$
|
|
17218
|
+
return styled.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);
|
|
17191
17219
|
}, function (_ref6) {
|
|
17192
17220
|
var fontColor = _ref6.fontColor,
|
|
17193
17221
|
theme = _ref6.theme;
|
|
@@ -17198,14 +17226,14 @@ var Row = styled__default.div(_templateObject$O || (_templateObject$O = _taggedT
|
|
|
17198
17226
|
var borderless = _ref7.borderless,
|
|
17199
17227
|
lightestGrey = _ref7.theme.colors.lightestGrey;
|
|
17200
17228
|
if (borderless) return;
|
|
17201
|
-
return styled.css(_templateObject9$
|
|
17229
|
+
return styled.css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
17202
17230
|
}, function (_ref8) {
|
|
17203
17231
|
var hover = _ref8.hover,
|
|
17204
17232
|
theme = _ref8.theme;
|
|
17205
17233
|
if (!hover) return;
|
|
17206
17234
|
var h = hover === true ? ['lightGrey', 50] : hover;
|
|
17207
17235
|
var c = Array.isArray(h) ? theme.getColor.apply(theme, h) : theme.colors[h];
|
|
17208
|
-
return styled.css(_templateObject10$
|
|
17236
|
+
return styled.css(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n :hover {\n background-color: ", ";\n }\n "])), c);
|
|
17209
17237
|
});
|
|
17210
17238
|
|
|
17211
17239
|
var Row$1 = function Row$1(props) {
|