@mw-kit/mw-ui 1.7.41 → 1.7.43
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/Button/interfaces.d.ts +1 -1
- package/dist/components/Input/components/DateIntervalPicker/interfaces.d.ts +5 -1
- package/dist/components/Input/components/Phone/interfaces.d.ts +3 -0
- package/dist/index.js +18 -8
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +18 -8
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -13695,7 +13695,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13695
13695
|
var appearance = _ref4.appearance,
|
|
13696
13696
|
color = _ref4.color,
|
|
13697
13697
|
theme = _ref4.theme;
|
|
13698
|
-
var bgColor = ['bordered', 'link', '
|
|
13698
|
+
var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
|
|
13699
13699
|
var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
|
|
13700
13700
|
return css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
|
|
13701
13701
|
}, function (_ref5) {
|
|
@@ -13705,7 +13705,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13705
13705
|
theme = _ref5.theme;
|
|
13706
13706
|
if (loading) return 'transparent';
|
|
13707
13707
|
|
|
13708
|
-
if (['link', '
|
|
13708
|
+
if (['link', 'borderless'].includes(appearance)) {
|
|
13709
13709
|
return color ? theme.colors[color] : theme.getColor('greyishBlue', 50);
|
|
13710
13710
|
}
|
|
13711
13711
|
|
|
@@ -13719,7 +13719,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13719
13719
|
loading = _ref6.loading,
|
|
13720
13720
|
theme = _ref6.theme;
|
|
13721
13721
|
|
|
13722
|
-
if (['bordered', 'link', '
|
|
13722
|
+
if (['bordered', 'link', 'borderless'].includes(appearance)) {
|
|
13723
13723
|
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
13724
13724
|
}
|
|
13725
13725
|
|
|
@@ -13735,7 +13735,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13735
13735
|
|
|
13736
13736
|
if (appearance === 'bordered') {
|
|
13737
13737
|
return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13738
|
-
} else if (['link', '
|
|
13738
|
+
} else if (['link', 'borderless'].includes(appearance)) {
|
|
13739
13739
|
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13740
13740
|
}
|
|
13741
13741
|
|
|
@@ -13749,7 +13749,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13749
13749
|
return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('iceWhite'));
|
|
13750
13750
|
}
|
|
13751
13751
|
|
|
13752
|
-
if (['link', '
|
|
13752
|
+
if (['link', 'borderless'].includes(appearance)) {
|
|
13753
13753
|
return css(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.getColor('blue', 50));
|
|
13754
13754
|
}
|
|
13755
13755
|
|
|
@@ -15259,13 +15259,14 @@ var Component = React__default.forwardRef(function (props, ref) {
|
|
|
15259
15259
|
var v = inputValue.replace(/\D+/g, '').substring(0, country.charLimit);
|
|
15260
15260
|
setValue(country.ddi + " " + v);
|
|
15261
15261
|
}, [inputValue]);
|
|
15262
|
+
var placeholder = props.placeholder && props.placeholder[country.iso] ? props.placeholder[country.iso] : country.placeholder;
|
|
15262
15263
|
return React__default.createElement(RelativeContainer$3, {
|
|
15263
15264
|
ref: useOnClickOut(function () {
|
|
15264
15265
|
return setOpen(false);
|
|
15265
15266
|
})
|
|
15266
15267
|
}, React__default.createElement(Input$1, Object.assign({}, props, {
|
|
15267
15268
|
type: 'text',
|
|
15268
|
-
placeholder:
|
|
15269
|
+
placeholder: placeholder,
|
|
15269
15270
|
mask: mask,
|
|
15270
15271
|
value: inputValue,
|
|
15271
15272
|
setValue: setInputValue,
|
|
@@ -16163,6 +16164,10 @@ var LabelText$1 = styled.label(_templateObject11$5 || (_templateObject11$5 = _ta
|
|
|
16163
16164
|
});
|
|
16164
16165
|
|
|
16165
16166
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
16167
|
+
var center = props.center || {
|
|
16168
|
+
x: 50,
|
|
16169
|
+
y: 50
|
|
16170
|
+
};
|
|
16166
16171
|
var value = parse(props.value);
|
|
16167
16172
|
|
|
16168
16173
|
var _useState = useState(null),
|
|
@@ -16316,6 +16321,10 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16316
16321
|
close: function close() {
|
|
16317
16322
|
return setOpen(null);
|
|
16318
16323
|
},
|
|
16324
|
+
center: center,
|
|
16325
|
+
references: {
|
|
16326
|
+
bottom: '35px'
|
|
16327
|
+
},
|
|
16319
16328
|
options: [{
|
|
16320
16329
|
label: 'Hoje',
|
|
16321
16330
|
onClick: function onClick() {
|
|
@@ -16347,6 +16356,7 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16347
16356
|
itemSpacing: 's3',
|
|
16348
16357
|
bordered: true
|
|
16349
16358
|
}), React__default.createElement(Calendar, Object.assign({}, props.calendar || {}, {
|
|
16359
|
+
center: center,
|
|
16350
16360
|
type: 'interval',
|
|
16351
16361
|
absolute: true,
|
|
16352
16362
|
open: open === 'calendar',
|
|
@@ -18050,7 +18060,7 @@ var ConfirmDelete = function ConfirmDelete(props) {
|
|
|
18050
18060
|
color: 'greyishBlue',
|
|
18051
18061
|
inverted: true,
|
|
18052
18062
|
footer: [{
|
|
18053
|
-
appearance: '
|
|
18063
|
+
appearance: 'borderless',
|
|
18054
18064
|
content: 'Cancelar',
|
|
18055
18065
|
onClick: cancelAction
|
|
18056
18066
|
}, {
|
|
@@ -18128,7 +18138,7 @@ var Audit = function Audit(props) {
|
|
|
18128
18138
|
color: 'greyishBlue',
|
|
18129
18139
|
inverted: true,
|
|
18130
18140
|
footer: [{
|
|
18131
|
-
appearance: '
|
|
18141
|
+
appearance: 'borderless',
|
|
18132
18142
|
content: 'Cancelar',
|
|
18133
18143
|
onClick: cancelAction
|
|
18134
18144
|
}, {
|