@mw-kit/mw-ui 1.7.58 → 1.7.60
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/index.js +36 -46
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +36 -46
- package/dist/index.modern.js.map +1 -1
- package/dist/theme/constants.d.ts +2 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -59,6 +59,7 @@ var colors = {
|
|
|
59
59
|
darkGrey: '#949494',
|
|
60
60
|
darkSilver: '#525A6A',
|
|
61
61
|
floralWhite: '#FFFAF3',
|
|
62
|
+
ghostWhite: '#F9FAFB',
|
|
62
63
|
green: '#76B100',
|
|
63
64
|
grey: '#ADADAD',
|
|
64
65
|
greyishBlue: '#263046',
|
|
@@ -70,6 +71,7 @@ var colors = {
|
|
|
70
71
|
milkWhite: '#FCFFF5',
|
|
71
72
|
orange: '#FB8702',
|
|
72
73
|
pink: '#E23851',
|
|
74
|
+
platinum: '#E2E2E3',
|
|
73
75
|
purple: '#8E66BB',
|
|
74
76
|
red: '#C31717',
|
|
75
77
|
silver: '#B2B2B2',
|
|
@@ -12122,8 +12124,8 @@ var Loader = styled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTempl
|
|
|
12122
12124
|
theme = _ref.theme,
|
|
12123
12125
|
filled = _ref.filled,
|
|
12124
12126
|
zIndex = _ref.zIndex;
|
|
12125
|
-
|
|
12126
|
-
|
|
12127
|
+
borderSize = borderSize || size ? "calc(" + size + " * 0.0757)" : '5px';
|
|
12128
|
+
size = size || '48px';
|
|
12127
12129
|
color = color || 'blue';
|
|
12128
12130
|
bgColor = bgColor || color;
|
|
12129
12131
|
var beforeColor = isKeyOf(theme.colors, bgColor) ? theme.getColor(bgColor, 25) : color;
|
|
@@ -12656,7 +12658,7 @@ var Container$1 = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTe
|
|
|
12656
12658
|
var theme = _ref2.theme;
|
|
12657
12659
|
return theme.spacings.s1;
|
|
12658
12660
|
});
|
|
12659
|
-
var OverflowContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width:
|
|
12661
|
+
var OverflowContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref3) {
|
|
12660
12662
|
var height = _ref3.height;
|
|
12661
12663
|
return height || '100%';
|
|
12662
12664
|
}, function (_ref4) {
|
|
@@ -12715,9 +12717,7 @@ var ScrollContainer = function ScrollContainer(props) {
|
|
|
12715
12717
|
_onScroll2(event);
|
|
12716
12718
|
}
|
|
12717
12719
|
})), loading && React__default.createElement(Loader, {
|
|
12718
|
-
filled: true
|
|
12719
|
-
size: '43px',
|
|
12720
|
-
borderSize: '2px'
|
|
12720
|
+
filled: true
|
|
12721
12721
|
})), after);
|
|
12722
12722
|
};
|
|
12723
12723
|
|
|
@@ -13726,8 +13726,8 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13726
13726
|
});
|
|
13727
13727
|
};
|
|
13728
13728
|
|
|
13729
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6
|
|
13730
|
-
var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n
|
|
13729
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
|
|
13730
|
+
var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
|
|
13731
13731
|
var theme = _ref.theme,
|
|
13732
13732
|
appearance = _ref.appearance;
|
|
13733
13733
|
return appearance === 'link' ? 0 : theme.spacings.s3;
|
|
@@ -13763,49 +13763,39 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13763
13763
|
|
|
13764
13764
|
return theme.getColor('white');
|
|
13765
13765
|
}, function (_ref6) {
|
|
13766
|
-
var
|
|
13767
|
-
|
|
13768
|
-
|
|
13766
|
+
var loading = _ref6.loading,
|
|
13767
|
+
disabled = _ref6.disabled;
|
|
13768
|
+
return loading || disabled ? 'default' : 'pointer';
|
|
13769
|
+
}, function (_ref7) {
|
|
13770
|
+
var appearance = _ref7.appearance,
|
|
13771
|
+
color = _ref7.color,
|
|
13772
|
+
theme = _ref7.theme;
|
|
13769
13773
|
|
|
13770
|
-
if (
|
|
13771
|
-
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n
|
|
13774
|
+
if (appearance === 'bordered') {
|
|
13775
|
+
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13776
|
+
} else if (['link', 'borderless'].includes(appearance)) {
|
|
13777
|
+
return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13772
13778
|
}
|
|
13773
13779
|
|
|
13774
|
-
return css(
|
|
13775
|
-
}, function (_ref7) {
|
|
13776
|
-
var loading = _ref7.loading,
|
|
13777
|
-
disabled = _ref7.disabled;
|
|
13778
|
-
return loading || disabled ? 'default' : 'pointer';
|
|
13780
|
+
return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13779
13781
|
}, function (_ref8) {
|
|
13780
13782
|
var appearance = _ref8.appearance,
|
|
13781
13783
|
color = _ref8.color,
|
|
13782
13784
|
theme = _ref8.theme;
|
|
13783
13785
|
|
|
13784
13786
|
if (appearance === 'bordered') {
|
|
13785
|
-
return css(
|
|
13786
|
-
} else if (['link', 'borderless'].includes(appearance)) {
|
|
13787
|
-
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13788
|
-
}
|
|
13789
|
-
|
|
13790
|
-
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13791
|
-
}, function (_ref9) {
|
|
13792
|
-
var appearance = _ref9.appearance,
|
|
13793
|
-
color = _ref9.color,
|
|
13794
|
-
theme = _ref9.theme;
|
|
13795
|
-
|
|
13796
|
-
if (appearance === 'bordered') {
|
|
13797
|
-
return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('iceWhite'));
|
|
13787
|
+
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('iceWhite'));
|
|
13798
13788
|
}
|
|
13799
13789
|
|
|
13800
13790
|
if (['link', 'borderless'].includes(appearance)) {
|
|
13801
|
-
return css(
|
|
13791
|
+
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.getColor('blue', 50));
|
|
13802
13792
|
}
|
|
13803
13793
|
|
|
13804
|
-
return css(
|
|
13805
|
-
}, function (
|
|
13806
|
-
var loading =
|
|
13794
|
+
return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.getColor(color || 'blue'));
|
|
13795
|
+
}, function (_ref9) {
|
|
13796
|
+
var loading = _ref9.loading;
|
|
13807
13797
|
if (!loading) return;
|
|
13808
|
-
return css(
|
|
13798
|
+
return css(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n "])));
|
|
13809
13799
|
});
|
|
13810
13800
|
|
|
13811
13801
|
var _excluded = ["children", "content"];
|
|
@@ -16225,7 +16215,7 @@ var parse = function parse(value) {
|
|
|
16225
16215
|
});
|
|
16226
16216
|
};
|
|
16227
16217
|
|
|
16228
|
-
var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$
|
|
16218
|
+
var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
|
|
16229
16219
|
var RelativeContainer$5 = styled.div(_templateObject$B || (_templateObject$B = _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"])));
|
|
16230
16220
|
var LabelContainer$6 = styled.div(_templateObject2$t || (_templateObject2$t = _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) {
|
|
16231
16221
|
var theme = _ref.theme;
|
|
@@ -16275,13 +16265,13 @@ var Button$4 = styled.button(_templateObject9$8 || (_templateObject9$8 = _tagged
|
|
|
16275
16265
|
if (!onClick) return;
|
|
16276
16266
|
return css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16277
16267
|
});
|
|
16278
|
-
var LabelText$1 = styled.label(_templateObject11$
|
|
16268
|
+
var LabelText$1 = styled.label(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16279
16269
|
var theme = _ref12.theme;
|
|
16280
16270
|
return theme.spacings.s1;
|
|
16281
16271
|
}, function (_ref13) {
|
|
16282
16272
|
var required = _ref13.required;
|
|
16283
16273
|
if (!required) return;
|
|
16284
|
-
return css(_templateObject12$
|
|
16274
|
+
return css(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
16285
16275
|
});
|
|
16286
16276
|
|
|
16287
16277
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -17770,7 +17760,7 @@ var useContext$2 = function useContext() {
|
|
|
17770
17760
|
return React__default.useContext(Provider$2);
|
|
17771
17761
|
};
|
|
17772
17762
|
|
|
17773
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$
|
|
17763
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
17774
17764
|
var aligns = {
|
|
17775
17765
|
self: {
|
|
17776
17766
|
horizontal: {
|
|
@@ -17861,13 +17851,13 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
|
|
|
17861
17851
|
var bordered = _ref5.bordered,
|
|
17862
17852
|
lightestGrey = _ref5.theme.colors.lightestGrey;
|
|
17863
17853
|
if (!bordered) return;
|
|
17864
|
-
return css(_templateObject11$
|
|
17854
|
+
return css(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-right: 1px solid ", ";\n }\n "])), lightestGrey);
|
|
17865
17855
|
}, function (_ref6) {
|
|
17866
17856
|
var fontColor = _ref6.fontColor,
|
|
17867
17857
|
theme = _ref6.theme;
|
|
17868
17858
|
if (fontColor === undefined) return;
|
|
17869
17859
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
17870
|
-
return css(_templateObject12$
|
|
17860
|
+
return css(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
17871
17861
|
}, function (_ref7) {
|
|
17872
17862
|
var backgroundColor = _ref7.backgroundColor,
|
|
17873
17863
|
theme = _ref7.theme;
|
|
@@ -18287,7 +18277,7 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18287
18277
|
Audit: Audit
|
|
18288
18278
|
});
|
|
18289
18279
|
|
|
18290
|
-
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$
|
|
18280
|
+
var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
|
|
18291
18281
|
var Container$c = styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18292
18282
|
var Header$6 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18293
18283
|
var HeaderImage = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
@@ -18304,7 +18294,7 @@ var HeaderLine = styled.div(_templateObject6$g || (_templateObject6$g = _taggedT
|
|
|
18304
18294
|
}, function (props) {
|
|
18305
18295
|
return props.size === 'large' && css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18306
18296
|
});
|
|
18307
|
-
var MainLine = styled(HeaderLine)(_templateObject11$
|
|
18297
|
+
var MainLine = styled(HeaderLine)(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18308
18298
|
|
|
18309
18299
|
var Template1 = function Template1(props) {
|
|
18310
18300
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|
|
@@ -18689,7 +18679,7 @@ var Template8$1 = function Template8(props) {
|
|
|
18689
18679
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18690
18680
|
};
|
|
18691
18681
|
|
|
18692
|
-
var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$
|
|
18682
|
+
var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
|
|
18693
18683
|
var Container$l = styled.div(_templateObject$11 || (_templateObject$11 = _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"])));
|
|
18694
18684
|
var Header$c = styled.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"])));
|
|
18695
18685
|
var HeaderLine$9 = styled.div(_templateObject3$G || (_templateObject3$G = _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) {
|
|
@@ -18712,7 +18702,7 @@ var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$l || (_templateObject8$
|
|
|
18712
18702
|
});
|
|
18713
18703
|
var GraphLine = styled(CustomLine$6)(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
|
|
18714
18704
|
var Main$5 = styled.div(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n flex: 1;\n padding: 0 7px 72px 7px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: center;\n"])));
|
|
18715
|
-
var Circle$3 = styled.div(_templateObject11$
|
|
18705
|
+
var Circle$3 = styled.div(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
|
|
18716
18706
|
|
|
18717
18707
|
var Template10 = function Template10(props) {
|
|
18718
18708
|
if (!props.loading) return React__default.createElement(React__default.Fragment, null);
|