@mw-kit/mw-ui 1.7.108 → 1.7.110
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/components/Tabs/styled.d.ts +1 -0
- package/dist/index.js +103 -88
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +103 -88
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -12479,9 +12479,12 @@ 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
|
+
var start = event.target.selectionStart;
|
|
12483
|
+
var end = event.target.selectionEnd;
|
|
12482
12484
|
event.target.value = mask(event.target.value);
|
|
12483
12485
|
onChange(event);
|
|
12484
12486
|
setValue(event.target.value);
|
|
12487
|
+
event.target.setSelectionRange(start, end);
|
|
12485
12488
|
};
|
|
12486
12489
|
|
|
12487
12490
|
if (inputProps.onKeyDown || onPressEnter) {
|
|
@@ -16159,21 +16162,27 @@ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _t
|
|
|
16159
16162
|
return required && !viewMode && styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16160
16163
|
}, NavBar);
|
|
16161
16164
|
|
|
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
|
|
16165
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m, _templateObject4$f;
|
|
16166
|
+
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) {
|
|
16167
|
+
var left = _ref.$left;
|
|
16165
16168
|
return left;
|
|
16166
16169
|
}, function (_ref2) {
|
|
16167
|
-
var
|
|
16168
|
-
|
|
16170
|
+
var firstChild = _ref2.$firstChild;
|
|
16171
|
+
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 "])));
|
|
16172
|
+
}, function (_ref3) {
|
|
16173
|
+
var lastChild = _ref3.$lastChild;
|
|
16174
|
+
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 "])));
|
|
16175
|
+
}, function (_ref4) {
|
|
16176
|
+
var bullet = _ref4.$bullet,
|
|
16177
|
+
theme = _ref4.theme;
|
|
16169
16178
|
if (!bullet) return;
|
|
16170
|
-
return styled.css(
|
|
16179
|
+
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
16180
|
});
|
|
16172
16181
|
|
|
16173
16182
|
var _templateObject$A;
|
|
16174
16183
|
var MinMaxLabelContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
16175
16184
|
|
|
16176
|
-
var _templateObject$B, _templateObject2$s, _templateObject3$
|
|
16185
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$n;
|
|
16177
16186
|
var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
|
|
16178
16187
|
var position = _ref.position;
|
|
16179
16188
|
|
|
@@ -16181,7 +16190,7 @@ var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$
|
|
|
16181
16190
|
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
16191
|
}
|
|
16183
16192
|
|
|
16184
|
-
return styled.css(_templateObject3$
|
|
16193
|
+
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
16194
|
});
|
|
16186
16195
|
|
|
16187
16196
|
var _templateObject$C;
|
|
@@ -16228,8 +16237,9 @@ var getMarkers = function getMarkers(props) {
|
|
|
16228
16237
|
};
|
|
16229
16238
|
}
|
|
16230
16239
|
|
|
16231
|
-
var _min = _markers[0].value;
|
|
16232
|
-
|
|
16240
|
+
var _min = 'min' in props.markers && props.markers.min !== undefined ? props.markers.min : _markers[0].value;
|
|
16241
|
+
|
|
16242
|
+
var _max = 'max' in props.markers && props.markers.max !== undefined ? props.markers.max : _markers[_markers.length - 1].value;
|
|
16233
16243
|
|
|
16234
16244
|
var _step = props.step ? parseFloat("" + props.step) : _markers[1].value - _markers[0].value;
|
|
16235
16245
|
|
|
@@ -16317,7 +16327,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16317
16327
|
var spans = value - min;
|
|
16318
16328
|
|
|
16319
16329
|
if (value < min || value > max) {
|
|
16320
|
-
throw new Error(
|
|
16330
|
+
throw new Error("Value must be between \"" + min + "\" and \"" + max + "\". \"" + value + "\" given");
|
|
16321
16331
|
}
|
|
16322
16332
|
|
|
16323
16333
|
var getValue = strict ? function (v) {
|
|
@@ -16406,12 +16416,16 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16406
16416
|
}, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
|
|
16407
16417
|
invalid: invalid ? 1 : 0
|
|
16408
16418
|
}, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
|
|
16409
|
-
var
|
|
16410
|
-
var
|
|
16419
|
+
var firstChild = strict || min === markers[0].value;
|
|
16420
|
+
var lastChild = strict || max === markers[markers.length - 1].value;
|
|
16421
|
+
var left = getMarkerLeft(markers.length + (firstChild ? 0 : 1) + (lastChild ? 0 : 1), range, index + (firstChild ? 0 : 1), marker.value, min, strict);
|
|
16422
|
+
var bullet = strict || marker.value > currentValue && marker.value < max;
|
|
16411
16423
|
return React__default.createElement(Marker, {
|
|
16412
16424
|
key: index,
|
|
16413
|
-
left: left,
|
|
16414
|
-
bullet: bullet
|
|
16425
|
+
"$left": left,
|
|
16426
|
+
"$bullet": bullet,
|
|
16427
|
+
"$firstChild": firstChild,
|
|
16428
|
+
"$lastChild": lastChild
|
|
16415
16429
|
}, marker.label);
|
|
16416
16430
|
})), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
|
|
16417
16431
|
ref: ref
|
|
@@ -16455,7 +16469,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16455
16469
|
});
|
|
16456
16470
|
Range.displayName = 'input';
|
|
16457
16471
|
|
|
16458
|
-
var _templateObject$E, _templateObject2$t, _templateObject3$
|
|
16472
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$o, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
16459
16473
|
var LabelContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16460
16474
|
var theme = _ref.theme;
|
|
16461
16475
|
return theme.useTypography('p');
|
|
@@ -16467,10 +16481,10 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
16467
16481
|
var disabled = _ref3.disabled;
|
|
16468
16482
|
|
|
16469
16483
|
if (!disabled) {
|
|
16470
|
-
return styled.css(_templateObject3$
|
|
16484
|
+
return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16471
16485
|
}
|
|
16472
16486
|
|
|
16473
|
-
return styled.css(_templateObject4$
|
|
16487
|
+
return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16474
16488
|
}, function (_ref4) {
|
|
16475
16489
|
var required = _ref4.required;
|
|
16476
16490
|
if (!required) return;
|
|
@@ -16704,7 +16718,7 @@ var parse = function parse(value) {
|
|
|
16704
16718
|
});
|
|
16705
16719
|
};
|
|
16706
16720
|
|
|
16707
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$
|
|
16721
|
+
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
16722
|
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
16723
|
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
16724
|
var theme = _ref.theme;
|
|
@@ -16712,14 +16726,14 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
|
|
|
16712
16726
|
}, function (_ref2) {
|
|
16713
16727
|
var children = _ref2.children;
|
|
16714
16728
|
if (children) return;
|
|
16715
|
-
return styled.css(_templateObject3$
|
|
16729
|
+
return styled.css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
16716
16730
|
var theme = _ref3.theme;
|
|
16717
16731
|
return theme.colors.darkGrey;
|
|
16718
16732
|
});
|
|
16719
16733
|
}, function (_ref4) {
|
|
16720
16734
|
var onClick = _ref4.onClick;
|
|
16721
16735
|
if (!onClick) return;
|
|
16722
|
-
return styled.css(_templateObject4$
|
|
16736
|
+
return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16723
16737
|
});
|
|
16724
16738
|
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
16739
|
var theme = _ref5.theme;
|
|
@@ -17104,7 +17118,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
17104
17118
|
})));
|
|
17105
17119
|
};
|
|
17106
17120
|
|
|
17107
|
-
var _templateObject$J, _templateObject2$w, _templateObject3$
|
|
17121
|
+
var _templateObject$J, _templateObject2$w, _templateObject3$q;
|
|
17108
17122
|
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
17123
|
var theme = _ref.theme;
|
|
17110
17124
|
return theme.useTypography('p');
|
|
@@ -17119,7 +17133,7 @@ var Label$9 = styled__default.label(_templateObject$J || (_templateObject$J = _t
|
|
|
17119
17133
|
if (!disabled) return;
|
|
17120
17134
|
return styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
17121
17135
|
});
|
|
17122
|
-
var TagContainer = styled__default.div(_templateObject3$
|
|
17136
|
+
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
17137
|
var theme = _ref5.theme,
|
|
17124
17138
|
invalid = _ref5.invalid;
|
|
17125
17139
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -17601,7 +17615,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17601
17615
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17602
17616
|
});
|
|
17603
17617
|
|
|
17604
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$
|
|
17618
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$r, _templateObject4$i;
|
|
17605
17619
|
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
17620
|
var theme = _ref.theme;
|
|
17607
17621
|
return theme.colors.white;
|
|
@@ -17616,7 +17630,7 @@ var Header$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _
|
|
|
17616
17630
|
var s3 = _ref4.theme.spacings.s3;
|
|
17617
17631
|
return "0 " + s3 + " " + s3 + " 0";
|
|
17618
17632
|
});
|
|
17619
|
-
var Title = styled__default.div(_templateObject3$
|
|
17633
|
+
var Title = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
17620
17634
|
var useTypography = _ref5.theme.useTypography;
|
|
17621
17635
|
return useTypography('p', {
|
|
17622
17636
|
fontWeight: 'bold'
|
|
@@ -17625,7 +17639,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
|
|
|
17625
17639
|
var getColor = _ref6.theme.getColor;
|
|
17626
17640
|
return getColor('greyishBlue', 50);
|
|
17627
17641
|
});
|
|
17628
|
-
var Item = styled__default.div(_templateObject4$
|
|
17642
|
+
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
17643
|
var s1 = _ref7.theme.spacings.s1;
|
|
17630
17644
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17631
17645
|
}, function (_ref8) {
|
|
@@ -17739,7 +17753,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17739
17753
|
}))));
|
|
17740
17754
|
};
|
|
17741
17755
|
|
|
17742
|
-
var _templateObject$M, _templateObject2$y, _templateObject3$
|
|
17756
|
+
var _templateObject$M, _templateObject2$y, _templateObject3$s;
|
|
17743
17757
|
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
17758
|
var theme = _ref.theme,
|
|
17745
17759
|
gap = _ref.$gap;
|
|
@@ -17754,7 +17768,7 @@ var Container$8 = styled__default.div(_templateObject$M || (_templateObject$M =
|
|
|
17754
17768
|
return styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
17755
17769
|
}
|
|
17756
17770
|
|
|
17757
|
-
return styled.css(_templateObject3$
|
|
17771
|
+
return styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17758
17772
|
});
|
|
17759
17773
|
|
|
17760
17774
|
var Button$5 = function Button(props) {
|
|
@@ -17806,13 +17820,13 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17806
17820
|
Menu: AppliedFiltersMenu
|
|
17807
17821
|
});
|
|
17808
17822
|
|
|
17809
|
-
var _templateObject$N, _templateObject2$z, _templateObject3$
|
|
17823
|
+
var _templateObject$N, _templateObject2$z, _templateObject3$t, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
|
|
17810
17824
|
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
17825
|
return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17812
17826
|
}, function (props) {
|
|
17813
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
17827
|
+
return props.size === 'small' && styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17814
17828
|
}, function (props) {
|
|
17815
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
17829
|
+
return props.size === 'medium' && styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17816
17830
|
}, function (props) {
|
|
17817
17831
|
return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17818
17832
|
}, function (props) {
|
|
@@ -18251,7 +18265,7 @@ var useContext$3 = function useContext() {
|
|
|
18251
18265
|
return React__default.useContext(Provider$3);
|
|
18252
18266
|
};
|
|
18253
18267
|
|
|
18254
|
-
var _templateObject$Q, _templateObject2$A, _templateObject3$
|
|
18268
|
+
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
18269
|
var aligns = {
|
|
18256
18270
|
self: {
|
|
18257
18271
|
horizontal: {
|
|
@@ -18286,11 +18300,11 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
|
|
|
18286
18300
|
if (width === undefined) {
|
|
18287
18301
|
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
18302
|
} else if (width === 'auto') {
|
|
18289
|
-
return styled.css(_templateObject3$
|
|
18303
|
+
return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
18290
18304
|
}
|
|
18291
18305
|
|
|
18292
18306
|
var w = parseFloat(width) * 100 / 12;
|
|
18293
|
-
return styled.css(_templateObject4$
|
|
18307
|
+
return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
18294
18308
|
}, function (_ref2) {
|
|
18295
18309
|
var spacing = _ref2.spacing;
|
|
18296
18310
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -18388,7 +18402,7 @@ var useContext$4 = function useContext() {
|
|
|
18388
18402
|
return React__default.useContext(Provider$4);
|
|
18389
18403
|
};
|
|
18390
18404
|
|
|
18391
|
-
var _templateObject$R, _templateObject2$B, _templateObject3$
|
|
18405
|
+
var _templateObject$R, _templateObject2$B, _templateObject3$v;
|
|
18392
18406
|
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
18407
|
var spacing = _ref.spacing;
|
|
18394
18408
|
if (spacing === undefined) return;
|
|
@@ -18398,7 +18412,7 @@ var Grid = styled__default.div(_templateObject$R || (_templateObject$R = _tagged
|
|
|
18398
18412
|
var borderless = _ref2.borderless,
|
|
18399
18413
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
18400
18414
|
if (borderless) return;
|
|
18401
|
-
return styled.css(_templateObject3$
|
|
18415
|
+
return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
18402
18416
|
});
|
|
18403
18417
|
|
|
18404
18418
|
var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -18416,7 +18430,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
18416
18430
|
});
|
|
18417
18431
|
Grid$1.displayName = 'Grid';
|
|
18418
18432
|
|
|
18419
|
-
var _templateObject$S, _templateObject2$C, _templateObject3$
|
|
18433
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$w, _templateObject4$l, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
|
|
18420
18434
|
var horizontalAligns = {
|
|
18421
18435
|
around: 'space-around',
|
|
18422
18436
|
between: 'space-between',
|
|
@@ -18437,11 +18451,11 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
|
|
|
18437
18451
|
}, function (_ref2) {
|
|
18438
18452
|
var spacingAround = _ref2.spacingAround;
|
|
18439
18453
|
if (spacingAround) return;
|
|
18440
|
-
return styled.css(_templateObject3$
|
|
18454
|
+
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
18455
|
}, function (_ref3) {
|
|
18442
18456
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
18443
18457
|
if (horizontalAlign === undefined) return;
|
|
18444
|
-
return styled.css(_templateObject4$
|
|
18458
|
+
return styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
18445
18459
|
}, function (_ref4) {
|
|
18446
18460
|
var verticalAlign = _ref4.verticalAlign;
|
|
18447
18461
|
if (verticalAlign === undefined) return;
|
|
@@ -18547,18 +18561,18 @@ var widths = {
|
|
|
18547
18561
|
default: '642.5px'
|
|
18548
18562
|
};
|
|
18549
18563
|
|
|
18550
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$
|
|
18564
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$x, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
|
|
18551
18565
|
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
18566
|
var theme = _ref.theme;
|
|
18553
18567
|
return theme.getColor('black', 25);
|
|
18554
18568
|
});
|
|
18555
18569
|
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$
|
|
18570
|
+
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
18571
|
var _ref2$theme = _ref2.theme,
|
|
18558
18572
|
colors = _ref2$theme.colors,
|
|
18559
18573
|
spacings = _ref2$theme.spacings,
|
|
18560
18574
|
useTypography = _ref2$theme.useTypography;
|
|
18561
|
-
return styled.css(_templateObject4$
|
|
18575
|
+
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
18576
|
});
|
|
18563
18577
|
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
18578
|
var _ref3$theme = _ref3.theme,
|
|
@@ -18777,11 +18791,11 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18777
18791
|
Audit: Audit
|
|
18778
18792
|
});
|
|
18779
18793
|
|
|
18780
|
-
var _templateObject$X, _templateObject2$E, _templateObject3$
|
|
18794
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$y, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
|
|
18781
18795
|
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
18796
|
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$
|
|
18797
|
+
var HeaderImage = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18798
|
+
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
18799
|
var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18786
18800
|
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
18801
|
return props.height;
|
|
@@ -18829,24 +18843,24 @@ var Template1 = function Template1(props) {
|
|
|
18829
18843
|
})));
|
|
18830
18844
|
};
|
|
18831
18845
|
|
|
18832
|
-
var _templateObject$Y, _templateObject2$F, _templateObject3$
|
|
18846
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$z, _templateObject4$o, _templateObject5$j;
|
|
18833
18847
|
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
18848
|
return props.height;
|
|
18835
18849
|
}, function (props) {
|
|
18836
18850
|
return props.size === 'mini' && styled.css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18837
18851
|
}, function (props) {
|
|
18838
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
18852
|
+
return props.size === 'small' && styled.css(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18839
18853
|
}, function (props) {
|
|
18840
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
18854
|
+
return props.size === 'medium' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18841
18855
|
}, function (props) {
|
|
18842
18856
|
return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18843
18857
|
});
|
|
18844
18858
|
|
|
18845
|
-
var _templateObject$Z, _templateObject2$G, _templateObject3$
|
|
18859
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$A, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
|
|
18846
18860
|
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
18861
|
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$
|
|
18862
|
+
var Header$7 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18863
|
+
var HeaderImage$1 = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18850
18864
|
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
18865
|
var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18852
18866
|
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
@@ -18873,10 +18887,10 @@ var Template2 = function Template2(props) {
|
|
|
18873
18887
|
})));
|
|
18874
18888
|
};
|
|
18875
18889
|
|
|
18876
|
-
var _templateObject$_, _templateObject2$H, _templateObject3$
|
|
18890
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$B;
|
|
18877
18891
|
var Container$e = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18878
18892
|
var Template3Container = styled__default(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
|
|
18879
|
-
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$
|
|
18893
|
+
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18880
18894
|
return props.height;
|
|
18881
18895
|
});
|
|
18882
18896
|
|
|
@@ -18905,14 +18919,14 @@ var Template3 = function Template3(props) {
|
|
|
18905
18919
|
}));
|
|
18906
18920
|
};
|
|
18907
18921
|
|
|
18908
|
-
var _templateObject$$, _templateObject2$I, _templateObject3$
|
|
18922
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$C, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
|
|
18909
18923
|
var Container$f = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18910
18924
|
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
18925
|
return props.height;
|
|
18912
18926
|
}, function (props) {
|
|
18913
|
-
return props.size === 'mini' && styled.css(_templateObject3$
|
|
18927
|
+
return props.size === 'mini' && styled.css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18914
18928
|
}, function (props) {
|
|
18915
|
-
return props.size === 'small' && styled.css(_templateObject4$
|
|
18929
|
+
return props.size === 'small' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18916
18930
|
}, function (props) {
|
|
18917
18931
|
return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18918
18932
|
}, function (props) {
|
|
@@ -18972,13 +18986,13 @@ var Template4 = function Template4(props) {
|
|
|
18972
18986
|
}));
|
|
18973
18987
|
};
|
|
18974
18988
|
|
|
18975
|
-
var _templateObject$10, _templateObject2$J, _templateObject3$
|
|
18989
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$D, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
|
|
18976
18990
|
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
18991
|
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$
|
|
18992
|
+
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
18993
|
return props.height;
|
|
18980
18994
|
}, function (props) {
|
|
18981
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18995
|
+
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18982
18996
|
}, function (props) {
|
|
18983
18997
|
return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18984
18998
|
}, function (props) {
|
|
@@ -19020,11 +19034,11 @@ var Template5 = function Template5(props) {
|
|
|
19020
19034
|
})));
|
|
19021
19035
|
};
|
|
19022
19036
|
|
|
19023
|
-
var _templateObject$11, _templateObject2$K, _templateObject3$
|
|
19037
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$E, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
|
|
19024
19038
|
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
19039
|
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$
|
|
19040
|
+
var Footer$3 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
19041
|
+
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
19042
|
return props.height;
|
|
19029
19043
|
}, function (props) {
|
|
19030
19044
|
return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
@@ -19063,13 +19077,13 @@ var Template6 = function Template6(props) {
|
|
|
19063
19077
|
})));
|
|
19064
19078
|
};
|
|
19065
19079
|
|
|
19066
|
-
var _templateObject$12, _templateObject2$L, _templateObject3$
|
|
19080
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$F, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
|
|
19067
19081
|
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
19082
|
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$
|
|
19083
|
+
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
19084
|
return props.height;
|
|
19071
19085
|
}, function (props) {
|
|
19072
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19086
|
+
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19073
19087
|
}, function (props) {
|
|
19074
19088
|
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19075
19089
|
}, function (props) {
|
|
@@ -19097,13 +19111,13 @@ var Template7 = function Template7(props) {
|
|
|
19097
19111
|
})), 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
19112
|
};
|
|
19099
19113
|
|
|
19100
|
-
var _templateObject$13, _templateObject2$M, _templateObject3$
|
|
19114
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$G, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
|
|
19101
19115
|
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
19116
|
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$
|
|
19117
|
+
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
19118
|
return props.height;
|
|
19105
19119
|
}, function (props) {
|
|
19106
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19120
|
+
return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19107
19121
|
}, function (props) {
|
|
19108
19122
|
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19109
19123
|
}, function (props) {
|
|
@@ -19140,13 +19154,13 @@ var Template8 = function Template8(props) {
|
|
|
19140
19154
|
})));
|
|
19141
19155
|
};
|
|
19142
19156
|
|
|
19143
|
-
var _templateObject$14, _templateObject2$N, _templateObject3$
|
|
19157
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$H, _templateObject4$v, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
|
|
19144
19158
|
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
19159
|
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$
|
|
19160
|
+
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
19161
|
return props.height;
|
|
19148
19162
|
}, function (props) {
|
|
19149
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19163
|
+
return props.size === 'mini' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19150
19164
|
}, function (props) {
|
|
19151
19165
|
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19152
19166
|
}, function (props) {
|
|
@@ -19179,13 +19193,13 @@ var Template8$1 = function Template8(props) {
|
|
|
19179
19193
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
19180
19194
|
};
|
|
19181
19195
|
|
|
19182
|
-
var _templateObject$15, _templateObject2$O, _templateObject3$
|
|
19196
|
+
var _templateObject$15, _templateObject2$O, _templateObject3$I, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
|
|
19183
19197
|
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
19198
|
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$
|
|
19199
|
+
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
19200
|
return props.height;
|
|
19187
19201
|
}, function (props) {
|
|
19188
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
19202
|
+
return props.size === 'mini' && styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
19189
19203
|
}, function (props) {
|
|
19190
19204
|
return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
19191
19205
|
}, function (props) {
|
|
@@ -19323,17 +19337,17 @@ var Placeholder = function Placeholder(props) {
|
|
|
19323
19337
|
}
|
|
19324
19338
|
};
|
|
19325
19339
|
|
|
19326
|
-
var _templateObject$16, _templateObject2$P, _templateObject3$
|
|
19340
|
+
var _templateObject$16, _templateObject2$P, _templateObject3$J, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$p;
|
|
19327
19341
|
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
19342
|
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
19343
|
return props.value + "%";
|
|
19330
19344
|
}, function (props) {
|
|
19331
|
-
return props.type === 'default' && styled.css(_templateObject3$
|
|
19345
|
+
return props.type === 'default' && styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
19332
19346
|
var theme = _ref.theme;
|
|
19333
19347
|
return theme.colors.warningGray;
|
|
19334
19348
|
});
|
|
19335
19349
|
}, function (props) {
|
|
19336
|
-
return props.type === 'info' && styled.css(_templateObject4$
|
|
19350
|
+
return props.type === 'info' && styled.css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
19337
19351
|
var theme = _ref2.theme;
|
|
19338
19352
|
return theme.colors.blue;
|
|
19339
19353
|
});
|
|
@@ -19658,12 +19672,13 @@ var TabItem = function TabItem(props) {
|
|
|
19658
19672
|
}));
|
|
19659
19673
|
};
|
|
19660
19674
|
|
|
19661
|
-
var _templateObject$1c, _templateObject2$S, _templateObject3$
|
|
19675
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$K, _templateObject4$y;
|
|
19662
19676
|
var delimiters = {
|
|
19663
19677
|
blue: ['blue'],
|
|
19664
19678
|
grey: ['warningGray']
|
|
19665
19679
|
};
|
|
19666
|
-
var
|
|
19680
|
+
var ComponentContainer = styled__default.div(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteralLoose([""])));
|
|
19681
|
+
var Tabs = styled__default.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n\n display: flex;\n width: 100%;\n white-space: nowrap;\n\n ", "\n\n ", "\n\n\n /* exibe as setas de navega\xE7\xE3o vis\xEDveis ao passar o mouse sobre o container */\n &:hover .scroll-arrow.visible:nth-child(1) {\n left: 0;\n }\n & .scroll-arrow:nth-child(1) {\n left: -16px;\n }\n\n &:hover .scroll-arrow.visible:nth-last-child(1) {\n right: 0;\n }\n & .scroll-arrow:nth-last-child(1) {\n right: -16px;\n }\n"])), function (_ref) {
|
|
19667
19682
|
var spacing = _ref.$spacing;
|
|
19668
19683
|
|
|
19669
19684
|
var _getSpacings$split = getSpacings(spacing || {}, {
|
|
@@ -19677,13 +19692,13 @@ var Tabs = styled__default.div(_templateObject$1c || (_templateObject$1c = _tagg
|
|
|
19677
19692
|
bottom = _getSpacings$split[2],
|
|
19678
19693
|
left = _getSpacings$split[3];
|
|
19679
19694
|
|
|
19680
|
-
return styled.css(
|
|
19695
|
+
return styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
|
|
19681
19696
|
}, function (_ref2) {
|
|
19682
19697
|
var theme = _ref2.theme,
|
|
19683
19698
|
internal = _ref2.$internal,
|
|
19684
19699
|
delimiter = _ref2.$delimiter;
|
|
19685
19700
|
var border = delimiter === 'none' ? 'none' : internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
19686
|
-
return styled.css(
|
|
19701
|
+
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);
|
|
19687
19702
|
});
|
|
19688
19703
|
|
|
19689
19704
|
var VoidProvider = function VoidProvider(props) {
|
|
@@ -19765,7 +19780,7 @@ var Component$3 = function Component(props) {
|
|
|
19765
19780
|
setLabel: setLabel
|
|
19766
19781
|
}, index === active ? {
|
|
19767
19782
|
active: true,
|
|
19768
|
-
children: React__default.createElement(
|
|
19783
|
+
children: React__default.createElement(ComponentContainer, null, React__default.createElement(Component, {
|
|
19769
19784
|
data: tab.data,
|
|
19770
19785
|
label: tab.label,
|
|
19771
19786
|
setLabel: setLabel
|
|
@@ -19792,15 +19807,15 @@ var TextArea = function TextArea(props) {
|
|
|
19792
19807
|
return React__default.createElement(Container$q, Object.assign({}, props));
|
|
19793
19808
|
};
|
|
19794
19809
|
|
|
19795
|
-
var _templateObject$1e, _templateObject2$T, _templateObject3$
|
|
19810
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$L, _templateObject4$z, _templateObject5$t, _templateObject6$q;
|
|
19796
19811
|
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) {
|
|
19797
19812
|
return props.size === 'large' ? '837px' : '460px';
|
|
19798
19813
|
}, function (props) {
|
|
19799
19814
|
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 "])));
|
|
19800
19815
|
}, function (props) {
|
|
19801
|
-
return props.color === 'error' && styled.css(_templateObject3$
|
|
19816
|
+
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 "])));
|
|
19802
19817
|
}, function (props) {
|
|
19803
|
-
return props.color === 'warning' && styled.css(_templateObject4$
|
|
19818
|
+
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 "])));
|
|
19804
19819
|
});
|
|
19805
19820
|
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"])));
|
|
19806
19821
|
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"])));
|
|
@@ -19815,7 +19830,7 @@ var Toast = function Toast(props) {
|
|
|
19815
19830
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19816
19831
|
};
|
|
19817
19832
|
|
|
19818
|
-
var _templateObject$1f, _templateObject2$U, _templateObject3$
|
|
19833
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$M, _templateObject4$A, _templateObject5$u;
|
|
19819
19834
|
var Image = styled__default.img(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19820
19835
|
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) {
|
|
19821
19836
|
var width = _ref.width;
|
|
@@ -19844,11 +19859,11 @@ var Container$s = styled__default.div(_templateObject2$U || (_templateObject2$U
|
|
|
19844
19859
|
return 'auto';
|
|
19845
19860
|
}
|
|
19846
19861
|
});
|
|
19847
|
-
var Dimmer = styled__default.div(_templateObject3$
|
|
19862
|
+
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) {
|
|
19848
19863
|
var theme = _ref3.theme;
|
|
19849
19864
|
return theme.getColor('greyishBlue', 50);
|
|
19850
19865
|
});
|
|
19851
|
-
var Button$6 = styled__default(Button$1)(_templateObject4$
|
|
19866
|
+
var Button$6 = styled__default(Button$1)(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19852
19867
|
var theme = _ref4.theme;
|
|
19853
19868
|
return theme.getColor('white', 50);
|
|
19854
19869
|
});
|