@mw-kit/mw-ui 1.7.51 → 1.7.53
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.d.ts +0 -2
- package/dist/index.js +26 -32
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +26 -23
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -4
package/dist/index.modern.js
CHANGED
|
@@ -4,8 +4,6 @@ import styled, { css, keyframes, createGlobalStyle, ThemeProvider as ThemeProvid
|
|
|
4
4
|
import { Icon as Icon$1, Popup } from 'semantic-ui-react';
|
|
5
5
|
export * from 'semantic-ui-react';
|
|
6
6
|
import { createPortal } from 'react-dom';
|
|
7
|
-
export * from 'react-calendar';
|
|
8
|
-
export { default as ReactCalendar } from 'react-calendar';
|
|
9
7
|
|
|
10
8
|
function _extends() {
|
|
11
9
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -12207,7 +12205,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12207
12205
|
}));
|
|
12208
12206
|
};
|
|
12209
12207
|
|
|
12210
|
-
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
12208
|
+
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
|
|
12211
12209
|
var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12212
12210
|
var onClick = _ref.onClick,
|
|
12213
12211
|
disabled = _ref.disabled;
|
|
@@ -12243,8 +12241,12 @@ var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemp
|
|
|
12243
12241
|
}, function (_ref8) {
|
|
12244
12242
|
var theme = _ref8.theme,
|
|
12245
12243
|
paddingless = _ref8.paddingless;
|
|
12246
|
-
|
|
12247
|
-
|
|
12244
|
+
|
|
12245
|
+
if (paddingless) {
|
|
12246
|
+
return css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: 0;\n "])));
|
|
12247
|
+
}
|
|
12248
|
+
|
|
12249
|
+
return css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12248
12250
|
}, function (_ref9) {
|
|
12249
12251
|
var theme = _ref9.theme,
|
|
12250
12252
|
invalid = _ref9.invalid,
|
|
@@ -12255,23 +12257,23 @@ var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemp
|
|
|
12255
12257
|
var theme = _ref10.theme,
|
|
12256
12258
|
invalid = _ref10.invalid;
|
|
12257
12259
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12258
|
-
return css(
|
|
12260
|
+
return css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, color);
|
|
12259
12261
|
}, function (_ref11) {
|
|
12260
12262
|
var arrows = _ref11.arrows;
|
|
12261
12263
|
if (arrows) return;
|
|
12262
|
-
return css(
|
|
12264
|
+
return css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: textfield;\n "])));
|
|
12263
12265
|
}, function (_ref12) {
|
|
12264
12266
|
var readOnly = _ref12.readOnly,
|
|
12265
12267
|
onClick = _ref12.onClick,
|
|
12266
12268
|
disabled = _ref12.disabled;
|
|
12267
12269
|
if (readOnly || !onClick || disabled) return;
|
|
12268
|
-
return css(
|
|
12270
|
+
return css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12269
12271
|
});
|
|
12270
|
-
var InputContainer = styled.div(
|
|
12272
|
+
var InputContainer = styled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref13) {
|
|
12271
12273
|
var width = _ref13.width;
|
|
12272
12274
|
return width || '100%';
|
|
12273
12275
|
});
|
|
12274
|
-
var Label = styled.label(
|
|
12276
|
+
var Label = styled.label(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (_ref14) {
|
|
12275
12277
|
var theme = _ref14.theme;
|
|
12276
12278
|
return theme.useTypography('p');
|
|
12277
12279
|
}, function (_ref15) {
|
|
@@ -12283,7 +12285,7 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12283
12285
|
}, function (_ref17) {
|
|
12284
12286
|
var disabled = _ref17.disabled;
|
|
12285
12287
|
if (!disabled) return;
|
|
12286
|
-
return css(
|
|
12288
|
+
return css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12287
12289
|
}, InputContainer, IconContainer, function (_ref18) {
|
|
12288
12290
|
var theme = _ref18.theme,
|
|
12289
12291
|
paddingless = _ref18.paddingless;
|
|
@@ -12293,7 +12295,7 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12293
12295
|
disabled = _ref19.disabled,
|
|
12294
12296
|
loading = _ref19.loading;
|
|
12295
12297
|
if (loading || readOnly || disabled) return;
|
|
12296
|
-
return css(
|
|
12298
|
+
return css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12297
12299
|
}, function (_ref20) {
|
|
12298
12300
|
var theme = _ref20.theme,
|
|
12299
12301
|
icon = _ref20.icon,
|
|
@@ -12304,18 +12306,18 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12304
12306
|
var padding = paddingless ? '0px' : theme.spacings.s3;
|
|
12305
12307
|
|
|
12306
12308
|
if (position === 'right') {
|
|
12307
|
-
return css(
|
|
12309
|
+
return css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n right: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-right: calc(", " + ", ");\n ~ ", " {\n padding-right: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12308
12310
|
}
|
|
12309
12311
|
|
|
12310
|
-
return css(
|
|
12312
|
+
return css(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-left: calc(", " + ", ");\n ~ ", " {\n padding-left: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12311
12313
|
});
|
|
12312
|
-
var LabelText = styled.div(
|
|
12314
|
+
var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref21) {
|
|
12313
12315
|
var theme = _ref21.theme;
|
|
12314
12316
|
return theme.spacings.s1;
|
|
12315
12317
|
}, function (_ref22) {
|
|
12316
12318
|
var required = _ref22.required;
|
|
12317
12319
|
if (!required) return;
|
|
12318
|
-
return css(
|
|
12320
|
+
return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12319
12321
|
});
|
|
12320
12322
|
|
|
12321
12323
|
var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -14964,8 +14966,8 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14964
14966
|
'max-height': {}
|
|
14965
14967
|
}
|
|
14966
14968
|
},
|
|
14967
|
-
emptyContent:
|
|
14968
|
-
children:
|
|
14969
|
+
emptyContent: React__default.createElement(EmptyContentContainer, {
|
|
14970
|
+
children: props.emptyContent || 'Nenhuma opção encontrada'
|
|
14969
14971
|
})
|
|
14970
14972
|
}))));
|
|
14971
14973
|
});
|
|
@@ -15403,16 +15405,17 @@ var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _t
|
|
|
15403
15405
|
var theme = _ref2.theme;
|
|
15404
15406
|
return theme.spacings.s3;
|
|
15405
15407
|
});
|
|
15406
|
-
var Container$5 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n
|
|
15408
|
+
var Container$5 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15407
15409
|
var theme = _ref3.theme,
|
|
15408
15410
|
iconWidth = _ref3.iconWidth,
|
|
15409
15411
|
paddingless = _ref3.paddingless;
|
|
15412
|
+
var borderwidth = 1;
|
|
15410
15413
|
|
|
15411
15414
|
if (paddingless) {
|
|
15412
|
-
return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15415
|
+
return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(100% - ", "px - ", ");\n height: calc(17px + ", "px);\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, borderwidth * 2);
|
|
15413
15416
|
}
|
|
15414
15417
|
|
|
15415
|
-
return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15418
|
+
return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(\n 100% - ", "px - ", " - ", "\n );\n height: calc(31px + ", "px);\n padding: ", " 0 ", " ", ";\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, theme.spacings.s3, borderwidth * 2, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
|
|
15416
15419
|
}, function (_ref4) {
|
|
15417
15420
|
var invalid = _ref4.invalid,
|
|
15418
15421
|
theme = _ref4.theme;
|
|
@@ -15625,7 +15628,7 @@ var Switch = function Switch(props) {
|
|
|
15625
15628
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15626
15629
|
};
|
|
15627
15630
|
|
|
15628
|
-
var _templateObject$q, _templateObject2$m, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$
|
|
15631
|
+
var _templateObject$q, _templateObject2$m, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1;
|
|
15629
15632
|
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
15630
15633
|
var theme = _ref.theme;
|
|
15631
15634
|
return theme.spacings.s4;
|
|
@@ -15713,7 +15716,7 @@ var SelectedArea = styled.div(_templateObject17$2 || (_templateObject17$2 = _tag
|
|
|
15713
15716
|
return percent;
|
|
15714
15717
|
});
|
|
15715
15718
|
var MarkersContainer = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15716
|
-
var Marker = styled.div(_templateObject19$
|
|
15719
|
+
var Marker = styled.div(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\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\n ", "\n"])), function (_ref22) {
|
|
15717
15720
|
var left = _ref22.left;
|
|
15718
15721
|
return left;
|
|
15719
15722
|
}, function (_ref23) {
|