@mw-kit/mw-ui 1.7.109 → 1.7.111
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/Range/interfaces.d.ts +8 -3
- package/dist/components/Input/components/Range/styles/Marker/index.d.ts +4 -2
- package/dist/index.js +105 -87
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +105 -87
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -12479,9 +12479,16 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12479
12479
|
var setValue = props.setValue || function () {};
|
|
12480
12480
|
|
|
12481
12481
|
inputProps.onChange = function (event) {
|
|
12482
|
-
|
|
12482
|
+
var masked = mask(event.target.value);
|
|
12483
|
+
|
|
12484
|
+
var _ref = event.target.selectionStart === event.target.selectionEnd && event.target.selectionEnd === event.target.value.length ? [masked.length, masked.length] : [event.target.selectionStart, event.target.selectionEnd],
|
|
12485
|
+
start = _ref[0],
|
|
12486
|
+
end = _ref[1];
|
|
12487
|
+
|
|
12488
|
+
event.target.value = masked;
|
|
12483
12489
|
onChange(event);
|
|
12484
12490
|
setValue(event.target.value);
|
|
12491
|
+
event.target.setSelectionRange(start, end);
|
|
12485
12492
|
};
|
|
12486
12493
|
|
|
12487
12494
|
if (inputProps.onKeyDown || onPressEnter) {
|
|
@@ -16159,21 +16166,27 @@ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _t
|
|
|
16159
16166
|
return required && !viewMode && styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16160
16167
|
}, NavBar);
|
|
16161
16168
|
|
|
16162
|
-
var _templateObject$z, _templateObject2$r;
|
|
16163
|
-
var Marker = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n
|
|
16164
|
-
var left = _ref
|
|
16169
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m, _templateObject4$f;
|
|
16170
|
+
var Marker = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
16171
|
+
var left = _ref.$left;
|
|
16165
16172
|
return left;
|
|
16166
16173
|
}, function (_ref2) {
|
|
16167
|
-
var
|
|
16168
|
-
|
|
16174
|
+
var firstChild = _ref2.$firstChild;
|
|
16175
|
+
return firstChild && styled.css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n "])));
|
|
16176
|
+
}, function (_ref3) {
|
|
16177
|
+
var lastChild = _ref3.$lastChild;
|
|
16178
|
+
return lastChild && styled.css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n "])));
|
|
16179
|
+
}, function (_ref4) {
|
|
16180
|
+
var bullet = _ref4.$bullet,
|
|
16181
|
+
theme = _ref4.theme;
|
|
16169
16182
|
if (!bullet) return;
|
|
16170
|
-
return styled.css(
|
|
16183
|
+
return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :after {\n content: '';\n position: absolute;\n left: calc(50% - 5px);\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n }\n "])), theme.colors.lightestGrey, theme.colors.white, theme.getColor('black', 10));
|
|
16171
16184
|
});
|
|
16172
16185
|
|
|
16173
16186
|
var _templateObject$A;
|
|
16174
16187
|
var MinMaxLabelContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
16175
16188
|
|
|
16176
|
-
var _templateObject$B, _templateObject2$s, _templateObject3$
|
|
16189
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$n;
|
|
16177
16190
|
var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
|
|
16178
16191
|
var position = _ref.position;
|
|
16179
16192
|
|
|
@@ -16181,7 +16194,7 @@ var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$
|
|
|
16181
16194
|
return styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column-reverse;\n }\n\n ", " {\n :after {\n bottom: calc(100% + 9px);\n }\n }\n\n ", " {\n align-items: start;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
16182
16195
|
}
|
|
16183
16196
|
|
|
16184
|
-
return styled.css(_templateObject3$
|
|
16197
|
+
return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 10px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
16185
16198
|
});
|
|
16186
16199
|
|
|
16187
16200
|
var _templateObject$C;
|
|
@@ -16228,8 +16241,9 @@ var getMarkers = function getMarkers(props) {
|
|
|
16228
16241
|
};
|
|
16229
16242
|
}
|
|
16230
16243
|
|
|
16231
|
-
var _min = _markers[0].value;
|
|
16232
|
-
|
|
16244
|
+
var _min = 'min' in props.markers && props.markers.min !== undefined ? props.markers.min : _markers[0].value;
|
|
16245
|
+
|
|
16246
|
+
var _max = 'max' in props.markers && props.markers.max !== undefined ? props.markers.max : _markers[_markers.length - 1].value;
|
|
16233
16247
|
|
|
16234
16248
|
var _step = props.step ? parseFloat("" + props.step) : _markers[1].value - _markers[0].value;
|
|
16235
16249
|
|
|
@@ -16317,7 +16331,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16317
16331
|
var spans = value - min;
|
|
16318
16332
|
|
|
16319
16333
|
if (value < min || value > max) {
|
|
16320
|
-
throw new Error(
|
|
16334
|
+
throw new Error("Value must be between \"" + min + "\" and \"" + max + "\". \"" + value + "\" given");
|
|
16321
16335
|
}
|
|
16322
16336
|
|
|
16323
16337
|
var getValue = strict ? function (v) {
|
|
@@ -16406,12 +16420,16 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16406
16420
|
}, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
|
|
16407
16421
|
invalid: invalid ? 1 : 0
|
|
16408
16422
|
}, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
|
|
16409
|
-
var
|
|
16410
|
-
var
|
|
16423
|
+
var firstChild = strict || min === markers[0].value;
|
|
16424
|
+
var lastChild = strict || max === markers[markers.length - 1].value;
|
|
16425
|
+
var left = getMarkerLeft(markers.length + (firstChild ? 0 : 1) + (lastChild ? 0 : 1), range, index + (firstChild ? 0 : 1), marker.value, min, strict);
|
|
16426
|
+
var bullet = strict || marker.value > currentValue && marker.value < max;
|
|
16411
16427
|
return React__default.createElement(Marker, {
|
|
16412
16428
|
key: index,
|
|
16413
|
-
left: left,
|
|
16414
|
-
bullet: bullet
|
|
16429
|
+
"$left": left,
|
|
16430
|
+
"$bullet": bullet,
|
|
16431
|
+
"$firstChild": firstChild,
|
|
16432
|
+
"$lastChild": lastChild
|
|
16415
16433
|
}, marker.label);
|
|
16416
16434
|
})), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
|
|
16417
16435
|
ref: ref
|
|
@@ -16455,7 +16473,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16455
16473
|
});
|
|
16456
16474
|
Range.displayName = 'input';
|
|
16457
16475
|
|
|
16458
|
-
var _templateObject$E, _templateObject2$t, _templateObject3$
|
|
16476
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$o, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
16459
16477
|
var LabelContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16460
16478
|
var theme = _ref.theme;
|
|
16461
16479
|
return theme.useTypography('p');
|
|
@@ -16467,10 +16485,10 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
16467
16485
|
var disabled = _ref3.disabled;
|
|
16468
16486
|
|
|
16469
16487
|
if (!disabled) {
|
|
16470
|
-
return styled.css(_templateObject3$
|
|
16488
|
+
return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16471
16489
|
}
|
|
16472
16490
|
|
|
16473
|
-
return styled.css(_templateObject4$
|
|
16491
|
+
return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16474
16492
|
}, function (_ref4) {
|
|
16475
16493
|
var required = _ref4.required;
|
|
16476
16494
|
if (!required) return;
|
|
@@ -16704,7 +16722,7 @@ var parse = function parse(value) {
|
|
|
16704
16722
|
});
|
|
16705
16723
|
};
|
|
16706
16724
|
|
|
16707
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$
|
|
16725
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$p, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$5, _templateObject12$3;
|
|
16708
16726
|
var RelativeContainer$5 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
|
|
16709
16727
|
var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
|
|
16710
16728
|
var theme = _ref.theme;
|
|
@@ -16712,14 +16730,14 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
|
|
|
16712
16730
|
}, function (_ref2) {
|
|
16713
16731
|
var children = _ref2.children;
|
|
16714
16732
|
if (children) return;
|
|
16715
|
-
return styled.css(_templateObject3$
|
|
16733
|
+
return styled.css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
16716
16734
|
var theme = _ref3.theme;
|
|
16717
16735
|
return theme.colors.darkGrey;
|
|
16718
16736
|
});
|
|
16719
16737
|
}, function (_ref4) {
|
|
16720
16738
|
var onClick = _ref4.onClick;
|
|
16721
16739
|
if (!onClick) return;
|
|
16722
|
-
return styled.css(_templateObject4$
|
|
16740
|
+
return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16723
16741
|
});
|
|
16724
16742
|
var Container$6 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
|
|
16725
16743
|
var theme = _ref5.theme;
|
|
@@ -17104,7 +17122,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
17104
17122
|
})));
|
|
17105
17123
|
};
|
|
17106
17124
|
|
|
17107
|
-
var _templateObject$J, _templateObject2$w, _templateObject3$
|
|
17125
|
+
var _templateObject$J, _templateObject2$w, _templateObject3$q;
|
|
17108
17126
|
var Label$9 = styled__default.label(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
17109
17127
|
var theme = _ref.theme;
|
|
17110
17128
|
return theme.useTypography('p');
|
|
@@ -17119,7 +17137,7 @@ var Label$9 = styled__default.label(_templateObject$J || (_templateObject$J = _t
|
|
|
17119
17137
|
if (!disabled) return;
|
|
17120
17138
|
return styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
17121
17139
|
});
|
|
17122
|
-
var TagContainer = styled__default.div(_templateObject3$
|
|
17140
|
+
var TagContainer = styled__default.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
17123
17141
|
var theme = _ref5.theme,
|
|
17124
17142
|
invalid = _ref5.invalid;
|
|
17125
17143
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -17601,7 +17619,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17601
17619
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17602
17620
|
});
|
|
17603
17621
|
|
|
17604
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$
|
|
17622
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$r, _templateObject4$i;
|
|
17605
17623
|
var Container$7 = styled__default(AbsoluteContainer)(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
17606
17624
|
var theme = _ref.theme;
|
|
17607
17625
|
return theme.colors.white;
|
|
@@ -17616,7 +17634,7 @@ var Header$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _
|
|
|
17616
17634
|
var s3 = _ref4.theme.spacings.s3;
|
|
17617
17635
|
return "0 " + s3 + " " + s3 + " 0";
|
|
17618
17636
|
});
|
|
17619
|
-
var Title = styled__default.div(_templateObject3$
|
|
17637
|
+
var Title = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
17620
17638
|
var useTypography = _ref5.theme.useTypography;
|
|
17621
17639
|
return useTypography('p', {
|
|
17622
17640
|
fontWeight: 'bold'
|
|
@@ -17625,7 +17643,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
|
|
|
17625
17643
|
var getColor = _ref6.theme.getColor;
|
|
17626
17644
|
return getColor('greyishBlue', 50);
|
|
17627
17645
|
});
|
|
17628
|
-
var Item = styled__default.div(_templateObject4$
|
|
17646
|
+
var Item = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
|
|
17629
17647
|
var s1 = _ref7.theme.spacings.s1;
|
|
17630
17648
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17631
17649
|
}, function (_ref8) {
|
|
@@ -17739,7 +17757,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17739
17757
|
}))));
|
|
17740
17758
|
};
|
|
17741
17759
|
|
|
17742
|
-
var _templateObject$M, _templateObject2$y, _templateObject3$
|
|
17760
|
+
var _templateObject$M, _templateObject2$y, _templateObject3$s;
|
|
17743
17761
|
var Container$8 = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
17744
17762
|
var theme = _ref.theme,
|
|
17745
17763
|
gap = _ref.$gap;
|
|
@@ -17754,7 +17772,7 @@ var Container$8 = styled__default.div(_templateObject$M || (_templateObject$M =
|
|
|
17754
17772
|
return styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
17755
17773
|
}
|
|
17756
17774
|
|
|
17757
|
-
return styled.css(_templateObject3$
|
|
17775
|
+
return styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17758
17776
|
});
|
|
17759
17777
|
|
|
17760
17778
|
var Button$5 = function Button(props) {
|
|
@@ -17806,13 +17824,13 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17806
17824
|
Menu: AppliedFiltersMenu
|
|
17807
17825
|
});
|
|
17808
17826
|
|
|
17809
|
-
var _templateObject$N, _templateObject2$z, _templateObject3$
|
|
17827
|
+
var _templateObject$N, _templateObject2$z, _templateObject3$t, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
|
|
17810
17828
|
var Container$9 = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
|
|
17811
17829
|
return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17812
17830
|
}, function (props) {
|
|
17813
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
17831
|
+
return props.size === 'small' && styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17814
17832
|
}, function (props) {
|
|
17815
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
17833
|
+
return props.size === 'medium' && styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17816
17834
|
}, function (props) {
|
|
17817
17835
|
return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17818
17836
|
}, function (props) {
|
|
@@ -18251,7 +18269,7 @@ var useContext$3 = function useContext() {
|
|
|
18251
18269
|
return React__default.useContext(Provider$3);
|
|
18252
18270
|
};
|
|
18253
18271
|
|
|
18254
|
-
var _templateObject$Q, _templateObject2$A, _templateObject3$
|
|
18272
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$u, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
18255
18273
|
var aligns = {
|
|
18256
18274
|
self: {
|
|
18257
18275
|
horizontal: {
|
|
@@ -18286,11 +18304,11 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
18286
18304
|
if (width === undefined) {
|
|
18287
18305
|
return styled.css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
18288
18306
|
} else if (width === 'auto') {
|
|
18289
|
-
return styled.css(_templateObject3$
|
|
18307
|
+
return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
18290
18308
|
}
|
|
18291
18309
|
|
|
18292
18310
|
var w = parseFloat(width) * 100 / 12;
|
|
18293
|
-
return styled.css(_templateObject4$
|
|
18311
|
+
return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
18294
18312
|
}, function (_ref2) {
|
|
18295
18313
|
var spacing = _ref2.spacing;
|
|
18296
18314
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -18388,7 +18406,7 @@ var useContext$4 = function useContext() {
|
|
|
18388
18406
|
return React__default.useContext(Provider$4);
|
|
18389
18407
|
};
|
|
18390
18408
|
|
|
18391
|
-
var _templateObject$R, _templateObject2$B, _templateObject3$
|
|
18409
|
+
var _templateObject$R, _templateObject2$B, _templateObject3$v;
|
|
18392
18410
|
var Grid = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
18393
18411
|
var spacing = _ref.spacing;
|
|
18394
18412
|
if (spacing === undefined) return;
|
|
@@ -18398,7 +18416,7 @@ var Grid = styled__default.div(_templateObject$R || (_templateObject$R = _tagged
|
|
|
18398
18416
|
var borderless = _ref2.borderless,
|
|
18399
18417
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
18400
18418
|
if (borderless) return;
|
|
18401
|
-
return styled.css(_templateObject3$
|
|
18419
|
+
return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
18402
18420
|
});
|
|
18403
18421
|
|
|
18404
18422
|
var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -18416,7 +18434,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
18416
18434
|
});
|
|
18417
18435
|
Grid$1.displayName = 'Grid';
|
|
18418
18436
|
|
|
18419
|
-
var _templateObject$S, _templateObject2$C, _templateObject3$
|
|
18437
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$w, _templateObject4$l, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
|
|
18420
18438
|
var horizontalAligns = {
|
|
18421
18439
|
around: 'space-around',
|
|
18422
18440
|
between: 'space-between',
|
|
@@ -18437,11 +18455,11 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
|
|
|
18437
18455
|
}, function (_ref2) {
|
|
18438
18456
|
var spacingAround = _ref2.spacingAround;
|
|
18439
18457
|
if (spacingAround) return;
|
|
18440
|
-
return styled.css(_templateObject3$
|
|
18458
|
+
return styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
18441
18459
|
}, function (_ref3) {
|
|
18442
18460
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
18443
18461
|
if (horizontalAlign === undefined) return;
|
|
18444
|
-
return styled.css(_templateObject4$
|
|
18462
|
+
return styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
18445
18463
|
}, function (_ref4) {
|
|
18446
18464
|
var verticalAlign = _ref4.verticalAlign;
|
|
18447
18465
|
if (verticalAlign === undefined) return;
|
|
@@ -18547,18 +18565,18 @@ var widths = {
|
|
|
18547
18565
|
default: '642.5px'
|
|
18548
18566
|
};
|
|
18549
18567
|
|
|
18550
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$
|
|
18568
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$x, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
|
|
18551
18569
|
var Background = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
|
|
18552
18570
|
var theme = _ref.theme;
|
|
18553
18571
|
return theme.getColor('black', 25);
|
|
18554
18572
|
});
|
|
18555
18573
|
var Content = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
18556
|
-
var Header$5 = styled__default.div(_templateObject3$
|
|
18574
|
+
var Header$5 = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
18557
18575
|
var _ref2$theme = _ref2.theme,
|
|
18558
18576
|
colors = _ref2$theme.colors,
|
|
18559
18577
|
spacings = _ref2$theme.spacings,
|
|
18560
18578
|
useTypography = _ref2$theme.useTypography;
|
|
18561
|
-
return styled.css(_templateObject4$
|
|
18579
|
+
return styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18562
18580
|
});
|
|
18563
18581
|
var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
|
|
18564
18582
|
var _ref3$theme = _ref3.theme,
|
|
@@ -18777,11 +18795,11 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18777
18795
|
Audit: Audit
|
|
18778
18796
|
});
|
|
18779
18797
|
|
|
18780
|
-
var _templateObject$X, _templateObject2$E, _templateObject3$
|
|
18798
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$y, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
|
|
18781
18799
|
var Container$c = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18782
18800
|
var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18783
|
-
var HeaderImage = styled__default.div(_templateObject3$
|
|
18784
|
-
var HeaderContent = styled__default.div(_templateObject4$
|
|
18801
|
+
var HeaderImage = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18802
|
+
var HeaderContent = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18785
18803
|
var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18786
18804
|
var HeaderLine = styled__default.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18787
18805
|
return props.height;
|
|
@@ -18829,24 +18847,24 @@ var Template1 = function Template1(props) {
|
|
|
18829
18847
|
})));
|
|
18830
18848
|
};
|
|
18831
18849
|
|
|
18832
|
-
var _templateObject$Y, _templateObject2$F, _templateObject3$
|
|
18850
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$z, _templateObject4$o, _templateObject5$j;
|
|
18833
18851
|
var HeaderLine$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18834
18852
|
return props.height;
|
|
18835
18853
|
}, function (props) {
|
|
18836
18854
|
return props.size === 'mini' && styled.css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18837
18855
|
}, function (props) {
|
|
18838
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
18856
|
+
return props.size === 'small' && styled.css(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18839
18857
|
}, function (props) {
|
|
18840
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
18858
|
+
return props.size === 'medium' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18841
18859
|
}, function (props) {
|
|
18842
18860
|
return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18843
18861
|
});
|
|
18844
18862
|
|
|
18845
|
-
var _templateObject$Z, _templateObject2$G, _templateObject3$
|
|
18863
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$A, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
|
|
18846
18864
|
var Container$d = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18847
18865
|
var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18848
|
-
var Header$7 = styled__default.div(_templateObject3$
|
|
18849
|
-
var HeaderImage$1 = styled__default.div(_templateObject4$
|
|
18866
|
+
var Header$7 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18867
|
+
var HeaderImage$1 = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18850
18868
|
var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18851
18869
|
var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18852
18870
|
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
@@ -18873,10 +18891,10 @@ var Template2 = function Template2(props) {
|
|
|
18873
18891
|
})));
|
|
18874
18892
|
};
|
|
18875
18893
|
|
|
18876
|
-
var _templateObject$_, _templateObject2$H, _templateObject3$
|
|
18894
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$B;
|
|
18877
18895
|
var Container$e = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18878
18896
|
var Template3Container = styled__default(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
|
|
18879
|
-
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$
|
|
18897
|
+
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18880
18898
|
return props.height;
|
|
18881
18899
|
});
|
|
18882
18900
|
|
|
@@ -18905,14 +18923,14 @@ var Template3 = function Template3(props) {
|
|
|
18905
18923
|
}));
|
|
18906
18924
|
};
|
|
18907
18925
|
|
|
18908
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$
|
|
18926
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$C, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
|
|
18909
18927
|
var Container$f = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18910
18928
|
var HeaderLine$3 = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18911
18929
|
return props.height;
|
|
18912
18930
|
}, function (props) {
|
|
18913
|
-
return props.size === 'mini' && styled.css(_templateObject3$
|
|
18931
|
+
return props.size === 'mini' && styled.css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18914
18932
|
}, function (props) {
|
|
18915
|
-
return props.size === 'small' && styled.css(_templateObject4$
|
|
18933
|
+
return props.size === 'small' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18916
18934
|
}, function (props) {
|
|
18917
18935
|
return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18918
18936
|
}, function (props) {
|
|
@@ -18972,13 +18990,13 @@ var Template4 = function Template4(props) {
|
|
|
18972
18990
|
}));
|
|
18973
18991
|
};
|
|
18974
18992
|
|
|
18975
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$
|
|
18993
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$D, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
|
|
18976
18994
|
var Container$g = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
18977
18995
|
var Circle = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18978
|
-
var HeaderLine$4 = styled__default.div(_templateObject3$
|
|
18996
|
+
var HeaderLine$4 = styled__default.div(_templateObject3$D || (_templateObject3$D = _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) {
|
|
18979
18997
|
return props.height;
|
|
18980
18998
|
}, function (props) {
|
|
18981
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18999
|
+
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18982
19000
|
}, function (props) {
|
|
18983
19001
|
return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18984
19002
|
}, function (props) {
|
|
@@ -19020,11 +19038,11 @@ var Template5 = function Template5(props) {
|
|
|
19020
19038
|
})));
|
|
19021
19039
|
};
|
|
19022
19040
|
|
|
19023
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$
|
|
19041
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$E, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
|
|
19024
19042
|
var Container$h = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
19025
19043
|
var Header$8 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
19026
|
-
var Footer$3 = styled__default.div(_templateObject3$
|
|
19027
|
-
var HeaderLine$5 = styled__default.div(_templateObject4$
|
|
19044
|
+
var Footer$3 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
19045
|
+
var HeaderLine$5 = styled__default.div(_templateObject4$s || (_templateObject4$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) {
|
|
19028
19046
|
return props.height;
|
|
19029
19047
|
}, function (props) {
|
|
19030
19048
|
return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
@@ -19063,13 +19081,13 @@ var Template6 = function Template6(props) {
|
|
|
19063
19081
|
})));
|
|
19064
19082
|
};
|
|
19065
19083
|
|
|
19066
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$
|
|
19084
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$F, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
|
|
19067
19085
|
var Container$i = styled__default.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
19068
19086
|
var Header$9 = styled__default.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
19069
|
-
var HeaderLine$6 = styled__default.div(_templateObject3$
|
|
19087
|
+
var HeaderLine$6 = styled__default.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
19070
19088
|
return props.height;
|
|
19071
19089
|
}, function (props) {
|
|
19072
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19090
|
+
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19073
19091
|
}, function (props) {
|
|
19074
19092
|
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19075
19093
|
}, function (props) {
|
|
@@ -19097,13 +19115,13 @@ var Template7 = function Template7(props) {
|
|
|
19097
19115
|
})), 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)));
|
|
19098
19116
|
};
|
|
19099
19117
|
|
|
19100
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$
|
|
19118
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$G, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
|
|
19101
19119
|
var Container$j = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
19102
19120
|
var Header$a = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
19103
|
-
var HeaderLine$7 = styled__default.div(_templateObject3$
|
|
19121
|
+
var HeaderLine$7 = styled__default.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
19104
19122
|
return props.height;
|
|
19105
19123
|
}, function (props) {
|
|
19106
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19124
|
+
return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19107
19125
|
}, function (props) {
|
|
19108
19126
|
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19109
19127
|
}, function (props) {
|
|
@@ -19140,13 +19158,13 @@ var Template8 = function Template8(props) {
|
|
|
19140
19158
|
})));
|
|
19141
19159
|
};
|
|
19142
19160
|
|
|
19143
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$
|
|
19161
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$H, _templateObject4$v, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
|
|
19144
19162
|
var Container$k = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
19145
19163
|
var Header$b = styled__default.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
19146
|
-
var HeaderLine$8 = styled__default.div(_templateObject3$
|
|
19164
|
+
var HeaderLine$8 = styled__default.div(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
19147
19165
|
return props.height;
|
|
19148
19166
|
}, function (props) {
|
|
19149
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19167
|
+
return props.size === 'mini' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19150
19168
|
}, function (props) {
|
|
19151
19169
|
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19152
19170
|
}, function (props) {
|
|
@@ -19179,13 +19197,13 @@ var Template8$1 = function Template8(props) {
|
|
|
19179
19197
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
19180
19198
|
};
|
|
19181
19199
|
|
|
19182
|
-
var _templateObject$15, _templateObject2$O, _templateObject3$
|
|
19200
|
+
var _templateObject$15, _templateObject2$O, _templateObject3$I, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
|
|
19183
19201
|
var Container$l = styled__default.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
19184
19202
|
var Header$c = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
19185
|
-
var HeaderLine$9 = styled__default.div(_templateObject3$
|
|
19203
|
+
var HeaderLine$9 = styled__default.div(_templateObject3$I || (_templateObject3$I = _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) {
|
|
19186
19204
|
return props.height;
|
|
19187
19205
|
}, function (props) {
|
|
19188
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19206
|
+
return props.size === 'mini' && styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19189
19207
|
}, function (props) {
|
|
19190
19208
|
return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19191
19209
|
}, function (props) {
|
|
@@ -19323,17 +19341,17 @@ var Placeholder = function Placeholder(props) {
|
|
|
19323
19341
|
}
|
|
19324
19342
|
};
|
|
19325
19343
|
|
|
19326
|
-
var _templateObject$16, _templateObject2$P, _templateObject3$
|
|
19344
|
+
var _templateObject$16, _templateObject2$P, _templateObject3$J, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$p;
|
|
19327
19345
|
var Container$m = styled__default.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
|
|
19328
19346
|
var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
|
|
19329
19347
|
return props.value + "%";
|
|
19330
19348
|
}, function (props) {
|
|
19331
|
-
return props.type === 'default' && styled.css(_templateObject3$
|
|
19349
|
+
return props.type === 'default' && styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
19332
19350
|
var theme = _ref.theme;
|
|
19333
19351
|
return theme.colors.warningGray;
|
|
19334
19352
|
});
|
|
19335
19353
|
}, function (props) {
|
|
19336
|
-
return props.type === 'info' && styled.css(_templateObject4$
|
|
19354
|
+
return props.type === 'info' && styled.css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
19337
19355
|
var theme = _ref2.theme;
|
|
19338
19356
|
return theme.colors.blue;
|
|
19339
19357
|
});
|
|
@@ -19658,7 +19676,7 @@ var TabItem = function TabItem(props) {
|
|
|
19658
19676
|
}));
|
|
19659
19677
|
};
|
|
19660
19678
|
|
|
19661
|
-
var _templateObject$1c, _templateObject2$S, _templateObject3$
|
|
19679
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$K, _templateObject4$y;
|
|
19662
19680
|
var delimiters = {
|
|
19663
19681
|
blue: ['blue'],
|
|
19664
19682
|
grey: ['warningGray']
|
|
@@ -19678,13 +19696,13 @@ var Tabs = styled__default.div(_templateObject2$S || (_templateObject2$S = _tagg
|
|
|
19678
19696
|
bottom = _getSpacings$split[2],
|
|
19679
19697
|
left = _getSpacings$split[3];
|
|
19680
19698
|
|
|
19681
|
-
return styled.css(_templateObject3$
|
|
19699
|
+
return styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
|
|
19682
19700
|
}, function (_ref2) {
|
|
19683
19701
|
var theme = _ref2.theme,
|
|
19684
19702
|
internal = _ref2.$internal,
|
|
19685
19703
|
delimiter = _ref2.$delimiter;
|
|
19686
19704
|
var border = delimiter === 'none' ? 'none' : internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
19687
|
-
return styled.css(_templateObject4$
|
|
19705
|
+
return styled.css(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n + ", " {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, ComponentContainer, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
|
|
19688
19706
|
});
|
|
19689
19707
|
|
|
19690
19708
|
var VoidProvider = function VoidProvider(props) {
|
|
@@ -19793,15 +19811,15 @@ var TextArea = function TextArea(props) {
|
|
|
19793
19811
|
return React__default.createElement(Container$q, Object.assign({}, props));
|
|
19794
19812
|
};
|
|
19795
19813
|
|
|
19796
|
-
var _templateObject$1e, _templateObject2$T, _templateObject3$
|
|
19814
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$L, _templateObject4$z, _templateObject5$t, _templateObject6$q;
|
|
19797
19815
|
var Container$r = styled__default.div(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
|
|
19798
19816
|
return props.size === 'large' ? '837px' : '460px';
|
|
19799
19817
|
}, function (props) {
|
|
19800
19818
|
return props.color === 'success' && styled.css(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
19801
19819
|
}, function (props) {
|
|
19802
|
-
return props.color === 'error' && styled.css(_templateObject3$
|
|
19820
|
+
return props.color === 'error' && styled.css(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
19803
19821
|
}, function (props) {
|
|
19804
|
-
return props.color === 'warning' && styled.css(_templateObject4$
|
|
19822
|
+
return props.color === 'warning' && styled.css(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
|
|
19805
19823
|
});
|
|
19806
19824
|
var IconContainer$2 = styled__default.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
|
|
19807
19825
|
var IconContent = styled__default.div(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
|
|
@@ -19816,7 +19834,7 @@ var Toast = function Toast(props) {
|
|
|
19816
19834
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19817
19835
|
};
|
|
19818
19836
|
|
|
19819
|
-
var _templateObject$1f, _templateObject2$U, _templateObject3$
|
|
19837
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$M, _templateObject4$A, _templateObject5$u;
|
|
19820
19838
|
var Image = styled__default.img(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19821
19839
|
var Container$s = styled__default.div(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
19822
19840
|
var width = _ref.width;
|
|
@@ -19845,11 +19863,11 @@ var Container$s = styled__default.div(_templateObject2$U || (_templateObject2$U
|
|
|
19845
19863
|
return 'auto';
|
|
19846
19864
|
}
|
|
19847
19865
|
});
|
|
19848
|
-
var Dimmer = styled__default.div(_templateObject3$
|
|
19866
|
+
var Dimmer = styled__default.div(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
19849
19867
|
var theme = _ref3.theme;
|
|
19850
19868
|
return theme.getColor('greyishBlue', 50);
|
|
19851
19869
|
});
|
|
19852
|
-
var Button$6 = styled__default(Button$1)(_templateObject4$
|
|
19870
|
+
var Button$6 = styled__default(Button$1)(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19853
19871
|
var theme = _ref4.theme;
|
|
19854
19872
|
return theme.getColor('white', 50);
|
|
19855
19873
|
});
|