@mw-kit/mw-ui 1.7.19 → 1.7.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Input/components/Checkbox/interfaces.d.ts +2 -0
- package/dist/components/Input/components/Select/hooks/Select/interfaces.d.ts +4 -14
- package/dist/components/Input/components/Select/hooks/SelectMultiple/interfaces.d.ts +3 -10
- package/dist/components/Input/components/Select/hooks/interfaces.d.ts +12 -3
- package/dist/components/Input/components/Select/interfaces.d.ts +1 -2
- package/dist/index.js +83 -59
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +83 -59
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -12938,7 +12938,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12938
12938
|
});
|
|
12939
12939
|
Input$1.displayName = 'Input';
|
|
12940
12940
|
|
|
12941
|
-
var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5;
|
|
12941
|
+
var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4;
|
|
12942
12942
|
var width = '17px';
|
|
12943
12943
|
var Checkmark = styled.span(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0px;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: ", ";\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n"])), width, width, function (_ref) {
|
|
12944
12944
|
var theme = _ref.theme;
|
|
@@ -12950,7 +12950,7 @@ var Checkmark = styled.span(_templateObject$d || (_templateObject$d = _taggedTem
|
|
|
12950
12950
|
var theme = _ref3.theme;
|
|
12951
12951
|
return theme.colors.blue;
|
|
12952
12952
|
});
|
|
12953
|
-
var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n display: block;\n\n ", "\n\n ", "\n\n > div {\n display: flex;\n align-items: center;\n position: relative;\n\n padding-left: calc(", " + ", ");\n user-select: none;\n min-height: 17px;\n\n > div:first-child {\n display: inline-block;\n ", "\n line-height: 14px;\n\n ", "\n }\n\n > input {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n\n > input:checked ~ ", " {\n border-color: ", ";\n\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n }\n"])), function (_ref4) {
|
|
12953
|
+
var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n display: block;\n\n ", "\n\n ", "\n\n ", "\n\n > div {\n display: flex;\n align-items: center;\n position: relative;\n\n padding-left: calc(", " + ", ");\n user-select: none;\n min-height: 17px;\n\n > div:first-child {\n display: inline-block;\n ", "\n line-height: 14px;\n\n ", "\n }\n\n > input {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n\n > input:checked ~ ", " {\n border-color: ", ";\n\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n }\n"])), function (_ref4) {
|
|
12954
12954
|
var theme = _ref4.theme;
|
|
12955
12955
|
return theme.useTypography('p');
|
|
12956
12956
|
}, function (_ref5) {
|
|
@@ -13005,27 +13005,33 @@ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTe
|
|
|
13005
13005
|
}
|
|
13006
13006
|
|
|
13007
13007
|
return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
13008
|
-
},
|
|
13009
|
-
var theme = _ref7.theme
|
|
13010
|
-
|
|
13011
|
-
|
|
13008
|
+
}, function (_ref7) {
|
|
13009
|
+
var theme = _ref7.theme,
|
|
13010
|
+
bordered = _ref7.bordered,
|
|
13011
|
+
invalid = _ref7.invalid;
|
|
13012
|
+
if (!bordered) return;
|
|
13013
|
+
return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
|
|
13014
|
+
}, width, function (_ref8) {
|
|
13012
13015
|
var theme = _ref8.theme;
|
|
13013
|
-
return theme.
|
|
13016
|
+
return theme.spacings.s1;
|
|
13014
13017
|
}, function (_ref9) {
|
|
13015
|
-
var
|
|
13018
|
+
var theme = _ref9.theme;
|
|
13019
|
+
return theme.useTypography('p');
|
|
13020
|
+
}, function (_ref10) {
|
|
13021
|
+
var required = _ref10.required;
|
|
13016
13022
|
if (!required) return;
|
|
13017
|
-
return css(
|
|
13018
|
-
}, Checkmark, function (_ref10) {
|
|
13019
|
-
var theme = _ref10.theme;
|
|
13020
|
-
return theme.colors.iceWhite;
|
|
13023
|
+
return css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
13021
13024
|
}, Checkmark, function (_ref11) {
|
|
13022
13025
|
var theme = _ref11.theme;
|
|
13026
|
+
return theme.colors.iceWhite;
|
|
13027
|
+
}, Checkmark, function (_ref12) {
|
|
13028
|
+
var theme = _ref12.theme;
|
|
13023
13029
|
return theme.colors.blue;
|
|
13024
|
-
}, function (
|
|
13025
|
-
var theme =
|
|
13026
|
-
invalid =
|
|
13030
|
+
}, function (_ref13) {
|
|
13031
|
+
var theme = _ref13.theme,
|
|
13032
|
+
invalid = _ref13.invalid;
|
|
13027
13033
|
if (!invalid) return;
|
|
13028
|
-
return css(
|
|
13034
|
+
return css(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
|
|
13029
13035
|
});
|
|
13030
13036
|
|
|
13031
13037
|
var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
@@ -13033,12 +13039,14 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
|
|
|
13033
13039
|
disabled = props.disabled,
|
|
13034
13040
|
required = props.required,
|
|
13035
13041
|
invalid = props.invalid,
|
|
13036
|
-
padding = props.padding
|
|
13037
|
-
|
|
13042
|
+
padding = props.padding,
|
|
13043
|
+
bordered = props.bordered;
|
|
13044
|
+
var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
|
|
13038
13045
|
return React__default.createElement(Label$1, {
|
|
13039
13046
|
disabled: disabled ? 1 : 0,
|
|
13040
13047
|
required: required ? 1 : 0,
|
|
13041
13048
|
invalid: invalid ? 1 : 0,
|
|
13049
|
+
bordered: bordered ? 1 : 0,
|
|
13042
13050
|
padding: padding
|
|
13043
13051
|
}, React__default.createElement("div", null, React__default.createElement("div", null, label), React__default.createElement("input", Object.assign({}, htmlProps, {
|
|
13044
13052
|
type: 'checkbox',
|
|
@@ -13078,7 +13086,7 @@ var inputTimeWidth = {
|
|
|
13078
13086
|
withoutSeconds: '66px'
|
|
13079
13087
|
};
|
|
13080
13088
|
|
|
13081
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$
|
|
13089
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$4;
|
|
13082
13090
|
var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
|
|
13083
13091
|
var theme = _ref.theme;
|
|
13084
13092
|
return theme.spacings.s3;
|
|
@@ -13127,7 +13135,7 @@ var MonthBtn = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTem
|
|
|
13127
13135
|
}, function (_ref14) {
|
|
13128
13136
|
var onClick = _ref14.onClick;
|
|
13129
13137
|
if (!onClick) return;
|
|
13130
|
-
return css(_templateObject8$
|
|
13138
|
+
return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
13131
13139
|
});
|
|
13132
13140
|
var NavBtn = styled.button(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n width: 32px;\n height: 32px;\n box-shadow: none;\n border: none;\n background-color: transparent;\n\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n :disabled {\n visibility: hidden;\n }\n :not(:disabled) {\n cursor: pointer;\n :hover {\n background-color: ", ";\n }\n }\n\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n"])), function (_ref15) {
|
|
13133
13141
|
var theme = _ref15.theme;
|
|
@@ -13194,7 +13202,7 @@ var MonthPicker = function MonthPicker(props) {
|
|
|
13194
13202
|
}));
|
|
13195
13203
|
};
|
|
13196
13204
|
|
|
13197
|
-
var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$
|
|
13205
|
+
var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3;
|
|
13198
13206
|
var Footer = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
13199
13207
|
var WeekContainer = styled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
13200
13208
|
var theme = _ref.theme;
|
|
@@ -13232,7 +13240,7 @@ var DayContainer = styled.button(_templateObject4$b || (_templateObject4$b = _ta
|
|
|
13232
13240
|
} else if (appearance === 'highlight') {
|
|
13233
13241
|
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
|
|
13234
13242
|
} else if (appearance === 'active') {
|
|
13235
|
-
return css(_templateObject8$
|
|
13243
|
+
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
|
|
13236
13244
|
var theme = _ref9.theme;
|
|
13237
13245
|
return theme.colors.blue;
|
|
13238
13246
|
}, hover('white'));
|
|
@@ -14408,15 +14416,20 @@ var getOptions = function getOptions(props, options) {
|
|
|
14408
14416
|
element: option.label
|
|
14409
14417
|
} : option.label;
|
|
14410
14418
|
var value = option.value,
|
|
14411
|
-
onClick = option.onClick
|
|
14419
|
+
onClick = option.onClick,
|
|
14420
|
+
data = option.data;
|
|
14412
14421
|
return {
|
|
14413
14422
|
label: label,
|
|
14414
14423
|
onClick: onClick ? function (index, _option, event) {
|
|
14415
|
-
onClick(index,
|
|
14424
|
+
onClick(index, {
|
|
14425
|
+
label: label,
|
|
14426
|
+
value: value,
|
|
14427
|
+
data: data
|
|
14428
|
+
}, event);
|
|
14416
14429
|
} : function () {
|
|
14417
14430
|
props.setValue(value, option);
|
|
14418
14431
|
},
|
|
14419
|
-
data:
|
|
14432
|
+
data: data,
|
|
14420
14433
|
disabled: option.disabled,
|
|
14421
14434
|
rules: option.rules
|
|
14422
14435
|
};
|
|
@@ -14559,6 +14572,9 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
|
|
|
14559
14572
|
text: option.label,
|
|
14560
14573
|
element: option.label
|
|
14561
14574
|
} : option.label;
|
|
14575
|
+
var value = option.value,
|
|
14576
|
+
onClick = option.onClick,
|
|
14577
|
+
data = option.data;
|
|
14562
14578
|
return {
|
|
14563
14579
|
label: {
|
|
14564
14580
|
text: label.text,
|
|
@@ -14587,7 +14603,14 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
|
|
|
14587
14603
|
}
|
|
14588
14604
|
})
|
|
14589
14605
|
},
|
|
14590
|
-
|
|
14606
|
+
onClick: onClick ? function (index, _option, event) {
|
|
14607
|
+
onClick(index, {
|
|
14608
|
+
label: label,
|
|
14609
|
+
value: value,
|
|
14610
|
+
data: data
|
|
14611
|
+
}, event);
|
|
14612
|
+
} : undefined,
|
|
14613
|
+
data: data,
|
|
14591
14614
|
disabled: option.disabled,
|
|
14592
14615
|
rules: option.rules,
|
|
14593
14616
|
keepOpen: true
|
|
@@ -14602,7 +14625,8 @@ var getInputValue$1 = function getInputValue(value) {
|
|
|
14602
14625
|
|
|
14603
14626
|
var useSelectMultiple = function useSelectMultiple(props) {
|
|
14604
14627
|
var init = function init() {
|
|
14605
|
-
|
|
14628
|
+
if (props.value.length) return [];
|
|
14629
|
+
return typeof props.value[0] === 'string' ? [].concat(props.value).map(function (value) {
|
|
14606
14630
|
return {
|
|
14607
14631
|
value: value,
|
|
14608
14632
|
label: value
|
|
@@ -15280,7 +15304,7 @@ var Phone = Object.assign(Component, {
|
|
|
15280
15304
|
getPhoneDetails: getPhoneDetails
|
|
15281
15305
|
});
|
|
15282
15306
|
|
|
15283
|
-
var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$
|
|
15307
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$6;
|
|
15284
15308
|
var RelativeContainer$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15285
15309
|
var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15286
15310
|
var theme = _ref.theme;
|
|
@@ -15309,7 +15333,7 @@ var Container$8 = styled.div(_templateObject3$f || (_templateObject3$f = _tagged
|
|
|
15309
15333
|
if (!disabled) return;
|
|
15310
15334
|
return css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15311
15335
|
});
|
|
15312
|
-
var Button$3 = styled.button(_templateObject8$
|
|
15336
|
+
var Button$3 = styled.button(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
|
|
15313
15337
|
var onClick = _ref6.onClick;
|
|
15314
15338
|
if (!onClick) return;
|
|
15315
15339
|
return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
@@ -15509,7 +15533,7 @@ var Switch = function Switch(props) {
|
|
|
15509
15533
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15510
15534
|
};
|
|
15511
15535
|
|
|
15512
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$
|
|
15536
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$8, _templateObject9$7, _templateObject10$4, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
|
|
15513
15537
|
var bullet = css(_templateObject$s || (_templateObject$s = _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) {
|
|
15514
15538
|
var theme = _ref.theme;
|
|
15515
15539
|
return theme.spacings.s4;
|
|
@@ -15550,7 +15574,7 @@ var InputContainer = styled.div(_templateObject6$b || (_templateObject6$b = _tag
|
|
|
15550
15574
|
return css(_templateObject7$a || (_templateObject7$a = _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);
|
|
15551
15575
|
}
|
|
15552
15576
|
|
|
15553
|
-
return css(_templateObject8$
|
|
15577
|
+
return css(_templateObject8$8 || (_templateObject8$8 = _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);
|
|
15554
15578
|
});
|
|
15555
15579
|
var MinMaxLabelContainer = styled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
15556
15580
|
var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
|
|
@@ -15971,7 +15995,7 @@ var parse = function parse(value) {
|
|
|
15971
15995
|
});
|
|
15972
15996
|
};
|
|
15973
15997
|
|
|
15974
|
-
var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$
|
|
15998
|
+
var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject10$5, _templateObject11$5;
|
|
15975
15999
|
var RelativeContainer$5 = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
|
|
15976
16000
|
var LabelContainer$5 = styled.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
|
|
15977
16001
|
var theme = _ref.theme;
|
|
@@ -16009,7 +16033,7 @@ var Container$9 = styled.div(_templateObject4$g || (_templateObject4$g = _tagged
|
|
|
16009
16033
|
if (!disabled) return;
|
|
16010
16034
|
return css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16011
16035
|
});
|
|
16012
|
-
var Button$4 = styled.button(_templateObject8$
|
|
16036
|
+
var Button$4 = styled.button(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref9) {
|
|
16013
16037
|
var onClick = _ref9.onClick;
|
|
16014
16038
|
if (!onClick) return;
|
|
16015
16039
|
return css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
@@ -16876,7 +16900,7 @@ var widths = {
|
|
|
16876
16900
|
default: '642.5px'
|
|
16877
16901
|
};
|
|
16878
16902
|
|
|
16879
|
-
var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$
|
|
16903
|
+
var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$9, _templateObject10$6;
|
|
16880
16904
|
var Background = styled.div(_templateObject$A || (_templateObject$A = _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) {
|
|
16881
16905
|
var theme = _ref.theme;
|
|
16882
16906
|
return theme.getColor('black', 25);
|
|
@@ -16899,7 +16923,7 @@ var FooterMessage = styled.div(_templateObject7$d || (_templateObject7$d = _tagg
|
|
|
16899
16923
|
var theme = _ref4.theme;
|
|
16900
16924
|
return theme.getColor('darkBlue', 75);
|
|
16901
16925
|
});
|
|
16902
|
-
var FooterButtons = styled.div(_templateObject8$
|
|
16926
|
+
var FooterButtons = styled.div(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
|
|
16903
16927
|
var theme = _ref5.theme;
|
|
16904
16928
|
return theme.spacings.s3;
|
|
16905
16929
|
});
|
|
@@ -17106,7 +17130,7 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
17106
17130
|
Audit: Audit
|
|
17107
17131
|
});
|
|
17108
17132
|
|
|
17109
|
-
var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$
|
|
17133
|
+
var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$a, _templateObject10$7;
|
|
17110
17134
|
var Container$b = styled.div(_templateObject$E || (_templateObject$E = _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) {
|
|
17111
17135
|
return props.size === 'mini' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17112
17136
|
}, function (props) {
|
|
@@ -17120,7 +17144,7 @@ var Container$b = styled.div(_templateObject$E || (_templateObject$E = _taggedTe
|
|
|
17120
17144
|
}, function (props) {
|
|
17121
17145
|
return props.borderType === 'success' && css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17122
17146
|
}, function (props) {
|
|
17123
|
-
return props.borderType === 'warning' && css(_templateObject8$
|
|
17147
|
+
return props.borderType === 'warning' && css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17124
17148
|
}, function (props) {
|
|
17125
17149
|
return props.borderType === 'danger' && css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
|
|
17126
17150
|
}, function (props) {
|
|
@@ -17159,7 +17183,7 @@ var Toast = function Toast(props) {
|
|
|
17159
17183
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
17160
17184
|
};
|
|
17161
17185
|
|
|
17162
|
-
var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$
|
|
17186
|
+
var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$b, _templateObject10$8, _templateObject11$6;
|
|
17163
17187
|
var Container$d = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
17164
17188
|
var Header$4 = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
17165
17189
|
var HeaderImage = styled.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
@@ -17170,7 +17194,7 @@ var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedT
|
|
|
17170
17194
|
}, function (props) {
|
|
17171
17195
|
return props.size === 'mini' && css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
17172
17196
|
}, function (props) {
|
|
17173
|
-
return props.size === 'small' && css(_templateObject8$
|
|
17197
|
+
return props.size === 'small' && css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
17174
17198
|
}, function (props) {
|
|
17175
17199
|
return props.size === 'medium' && css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
17176
17200
|
}, function (props) {
|
|
@@ -17224,7 +17248,7 @@ var HeaderLine$1 = styled.div(_templateObject$H || (_templateObject$H = _taggedT
|
|
|
17224
17248
|
return props.size === 'large' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17225
17249
|
});
|
|
17226
17250
|
|
|
17227
|
-
var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$
|
|
17251
|
+
var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$d;
|
|
17228
17252
|
var Container$e = styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
17229
17253
|
var Template2Container = styled(Container$e)(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
17230
17254
|
var Header$5 = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
@@ -17232,7 +17256,7 @@ var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _tagg
|
|
|
17232
17256
|
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"])));
|
|
17233
17257
|
var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
17234
17258
|
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
17235
|
-
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$
|
|
17259
|
+
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose([""])));
|
|
17236
17260
|
|
|
17237
17261
|
var Template2 = function Template2(props) {
|
|
17238
17262
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -17287,7 +17311,7 @@ var Template3 = function Template3(props) {
|
|
|
17287
17311
|
}));
|
|
17288
17312
|
};
|
|
17289
17313
|
|
|
17290
|
-
var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$
|
|
17314
|
+
var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$e;
|
|
17291
17315
|
var Container$g = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
17292
17316
|
var HeaderLine$3 = styled.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
17293
17317
|
return props.height;
|
|
@@ -17301,7 +17325,7 @@ var HeaderLine$3 = styled.div(_templateObject2$y || (_templateObject2$y = _tagge
|
|
|
17301
17325
|
return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17302
17326
|
});
|
|
17303
17327
|
var Template4Container = styled(Container$g)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
17304
|
-
var CustomLine = styled(HeaderLine$3)(_templateObject8$
|
|
17328
|
+
var CustomLine = styled(HeaderLine$3)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
17305
17329
|
return props.width;
|
|
17306
17330
|
}, function (props) {
|
|
17307
17331
|
return props.height;
|
|
@@ -17354,7 +17378,7 @@ var Template4 = function Template4(props) {
|
|
|
17354
17378
|
}));
|
|
17355
17379
|
};
|
|
17356
17380
|
|
|
17357
|
-
var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$
|
|
17381
|
+
var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$c;
|
|
17358
17382
|
var Container$h = styled.div(_templateObject$L || (_templateObject$L = _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"])));
|
|
17359
17383
|
var Circle = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
17360
17384
|
var HeaderLine$4 = styled.div(_templateObject3$t || (_templateObject3$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) {
|
|
@@ -17368,7 +17392,7 @@ var HeaderLine$4 = styled.div(_templateObject3$t || (_templateObject3$t = _tagge
|
|
|
17368
17392
|
}, function (props) {
|
|
17369
17393
|
return props.size === 'large' && css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17370
17394
|
});
|
|
17371
|
-
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$
|
|
17395
|
+
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
17372
17396
|
return props.width;
|
|
17373
17397
|
}, function (props) {
|
|
17374
17398
|
return props.height;
|
|
@@ -17402,7 +17426,7 @@ var Template5 = function Template5(props) {
|
|
|
17402
17426
|
})));
|
|
17403
17427
|
};
|
|
17404
17428
|
|
|
17405
|
-
var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$
|
|
17429
|
+
var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$d;
|
|
17406
17430
|
var Container$i = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
17407
17431
|
var Header$6 = styled.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
17408
17432
|
var Footer$3 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
@@ -17415,7 +17439,7 @@ var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _tagge
|
|
|
17415
17439
|
}, function (props) {
|
|
17416
17440
|
return props.size === 'medium' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
17417
17441
|
}, function (props) {
|
|
17418
|
-
return props.size === 'large' && css(_templateObject8$
|
|
17442
|
+
return props.size === 'large' && css(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17419
17443
|
});
|
|
17420
17444
|
var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
17421
17445
|
return props.width;
|
|
@@ -17445,7 +17469,7 @@ var Template6 = function Template6(props) {
|
|
|
17445
17469
|
})));
|
|
17446
17470
|
};
|
|
17447
17471
|
|
|
17448
|
-
var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$
|
|
17472
|
+
var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$9;
|
|
17449
17473
|
var Container$j = styled.div(_templateObject$N || (_templateObject$N = _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"])));
|
|
17450
17474
|
var Header$7 = styled.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
17451
17475
|
var HeaderLine$6 = 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) {
|
|
@@ -17459,7 +17483,7 @@ var HeaderLine$6 = styled.div(_templateObject3$v || (_templateObject3$v = _tagge
|
|
|
17459
17483
|
}, function (props) {
|
|
17460
17484
|
return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17461
17485
|
});
|
|
17462
|
-
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$
|
|
17486
|
+
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
17463
17487
|
return props.width;
|
|
17464
17488
|
}, function (props) {
|
|
17465
17489
|
return props.height;
|
|
@@ -17479,7 +17503,7 @@ var Template7 = function Template7(props) {
|
|
|
17479
17503
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
|
|
17480
17504
|
};
|
|
17481
17505
|
|
|
17482
|
-
var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$
|
|
17506
|
+
var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$f;
|
|
17483
17507
|
var Container$k = styled.div(_templateObject$O || (_templateObject$O = _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"])));
|
|
17484
17508
|
var Header$8 = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
17485
17509
|
var HeaderLine$7 = styled.div(_templateObject3$w || (_templateObject3$w = _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) {
|
|
@@ -17493,7 +17517,7 @@ var HeaderLine$7 = styled.div(_templateObject3$w || (_templateObject3$w = _tagge
|
|
|
17493
17517
|
}, function (props) {
|
|
17494
17518
|
return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17495
17519
|
});
|
|
17496
|
-
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$
|
|
17520
|
+
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
17497
17521
|
return props.width;
|
|
17498
17522
|
}, function (props) {
|
|
17499
17523
|
return props.height;
|
|
@@ -17522,7 +17546,7 @@ var Template8 = function Template8(props) {
|
|
|
17522
17546
|
})));
|
|
17523
17547
|
};
|
|
17524
17548
|
|
|
17525
|
-
var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$
|
|
17549
|
+
var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$g, _templateObject10$a;
|
|
17526
17550
|
var Container$l = styled.div(_templateObject$P || (_templateObject$P = _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"])));
|
|
17527
17551
|
var Header$9 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
17528
17552
|
var HeaderLine$8 = 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) {
|
|
@@ -17536,7 +17560,7 @@ var HeaderLine$8 = styled.div(_templateObject3$x || (_templateObject3$x = _tagge
|
|
|
17536
17560
|
}, function (props) {
|
|
17537
17561
|
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17538
17562
|
});
|
|
17539
|
-
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$
|
|
17563
|
+
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
17540
17564
|
return props.width;
|
|
17541
17565
|
}, function (props) {
|
|
17542
17566
|
return props.height;
|
|
@@ -17561,7 +17585,7 @@ var Template8$1 = function Template8(props) {
|
|
|
17561
17585
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
17562
17586
|
};
|
|
17563
17587
|
|
|
17564
|
-
var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$
|
|
17588
|
+
var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$h, _templateObject10$b, _templateObject11$7;
|
|
17565
17589
|
var Container$m = styled.div(_templateObject$Q || (_templateObject$Q = _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"])));
|
|
17566
17590
|
var Header$a = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
17567
17591
|
var HeaderLine$9 = styled.div(_templateObject3$y || (_templateObject3$y = _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) {
|
|
@@ -17575,7 +17599,7 @@ var HeaderLine$9 = styled.div(_templateObject3$y || (_templateObject3$y = _tagge
|
|
|
17575
17599
|
}, function (props) {
|
|
17576
17600
|
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
17577
17601
|
});
|
|
17578
|
-
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$
|
|
17602
|
+
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
17579
17603
|
return props.width;
|
|
17580
17604
|
}, function (props) {
|
|
17581
17605
|
return props.height;
|
|
@@ -18379,7 +18403,7 @@ var useContext$2 = function useContext() {
|
|
|
18379
18403
|
return React__default.useContext(Provider$2);
|
|
18380
18404
|
};
|
|
18381
18405
|
|
|
18382
|
-
var _templateObject$W, _templateObject2$I, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$
|
|
18406
|
+
var _templateObject$W, _templateObject2$I, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$l, _templateObject9$i, _templateObject10$c, _templateObject11$8, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
|
|
18383
18407
|
var aligns = {
|
|
18384
18408
|
self: {
|
|
18385
18409
|
horizontal: {
|
|
@@ -18450,7 +18474,7 @@ var Col = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLi
|
|
|
18450
18474
|
if (align.content.horizontal !== undefined) {
|
|
18451
18475
|
var _v2 = align.content.horizontal;
|
|
18452
18476
|
var _a2 = aligns.content.horizontal;
|
|
18453
|
-
styles.push(css(_templateObject8$
|
|
18477
|
+
styles.push(css(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
|
|
18454
18478
|
}
|
|
18455
18479
|
|
|
18456
18480
|
if (align.content.vertical !== undefined) {
|
|
@@ -18538,7 +18562,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
18538
18562
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
18539
18563
|
};
|
|
18540
18564
|
|
|
18541
|
-
var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$
|
|
18565
|
+
var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject10$d;
|
|
18542
18566
|
var horizontalAligns = {
|
|
18543
18567
|
around: 'space-around',
|
|
18544
18568
|
between: 'space-between',
|
|
@@ -18595,7 +18619,7 @@ var Row = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLi
|
|
|
18595
18619
|
even: theme.colors.white,
|
|
18596
18620
|
odd: theme.colors.white
|
|
18597
18621
|
});
|
|
18598
|
-
return css(_templateObject8$
|
|
18622
|
+
return css(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
|
|
18599
18623
|
}, function (_ref6) {
|
|
18600
18624
|
var fontColor = _ref6.fontColor,
|
|
18601
18625
|
theme = _ref6.theme;
|