@mw-kit/mw-ui 1.7.41 → 1.7.43

package/dist/components/Button/interfaces.d.ts

@@ -9,7 +9,7 @@ export interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButton
     /**
      * Specifies if the button style is solid, bordered or text only.
      */
-    appearance: 'solid' | 'bordered' | 'link' | 'bordeless';
+    appearance: 'solid' | 'bordered' | 'link' | 'borderless';
     /**
      * Define the color of button.
      */

package/dist/components/Input/components/DateIntervalPicker/interfaces.d.ts

@@ -8,10 +8,14 @@ export interface DateIntervalPickerProps extends React.HTMLAttributes<HTMLInputE
     value: Value;
     setValue: (value: Value) => void;
     getLabel?: (value: Value) => string;
+    center?: {
+        x: number;
+        y: number;
+    };
     max?: Date;
     min?: Date;
     only?: IntervalType;
-    calendar?: Omit<AbsoluteIntervalCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
+    calendar?: Omit<AbsoluteIntervalCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open' | 'center'>;
 }
 export interface Variation {
     label: (prev: [Date, Date]) => string;

package/dist/components/Input/components/Phone/interfaces.d.ts

@@ -24,6 +24,9 @@ export interface PhoneProps extends Omit<InputProps, 'type' | 'mask' | 'placehol
     type: 'phone';
     setValue: (value: string) => void;
     value?: string;
+    placeholder?: Partial<{
+        [k in keyof Countries]: string;
+    }>;
 }
 export interface Details {
     country: Country;

package/dist/index.js

@@ -13698,7 +13698,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
   var appearance = _ref4.appearance,
       color = _ref4.color,
       theme = _ref4.theme;
-  var bgColor = ['bordered', 'link', 'bordeless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
+  var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
   var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
   return styled.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), bgColor, borderColor);
 }, function (_ref5) {
@@ -13708,7 +13708,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
       theme = _ref5.theme;
   if (loading) return 'transparent';
 
-  if (['link', 'bordeless'].includes(appearance)) {
+  if (['link', 'borderless'].includes(appearance)) {
     return color ? theme.colors[color] : theme.getColor('greyishBlue', 50);
   }
 
@@ -13722,7 +13722,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
       loading = _ref6.loading,
       theme = _ref6.theme;
 
-  if (['bordered', 'link', 'bordeless'].includes(appearance)) {
+  if (['bordered', 'link', 'borderless'].includes(appearance)) {
     return styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n          opacity: 0.3;\n          pointer-events: none;\n        "])));
   }
 
@@ -13738,7 +13738,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
 
   if (appearance === 'bordered') {
     return styled.css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n          color: ", ";\n          border: 1px solid ", ";\n        "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
-  } else if (['link', 'bordeless'].includes(appearance)) {
+  } else if (['link', 'borderless'].includes(appearance)) {
     return styled.css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n          color: ", ";\n        "])), theme.colors.blue);
   }
 
@@ -13752,7 +13752,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
     return styled.css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n          background-color: ", ";\n        "])), theme.getColor('iceWhite'));
   }
 
-  if (['link', 'bordeless'].includes(appearance)) {
+  if (['link', 'borderless'].includes(appearance)) {
     return styled.css(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n          color: ", ";\n        "])), theme.getColor('blue', 50));
   }
 
@@ -15262,13 +15262,14 @@ var Component = React__default.forwardRef(function (props, ref) {
     var v = inputValue.replace(/\D+/g, '').substring(0, country.charLimit);
     setValue(country.ddi + " " + v);
   }, [inputValue]);
+  var placeholder = props.placeholder && props.placeholder[country.iso] ? props.placeholder[country.iso] : country.placeholder;
   return React__default.createElement(RelativeContainer$3, {
     ref: useOnClickOut(function () {
       return setOpen(false);
     })
   }, React__default.createElement(Input$1, Object.assign({}, props, {
     type: 'text',
-    placeholder: country.placeholder,
+    placeholder: placeholder,
     mask: mask,
     value: inputValue,
     setValue: setInputValue,
@@ -16166,6 +16167,10 @@ var LabelText$1 = styled__default.label(_templateObject11$5 || (_templateObject1
 });
 
 var Component$1 = React__default.forwardRef(function (props, ref) {
+  var center = props.center || {
+    x: 50,
+    y: 50
+  };
   var value = parse(props.value);
 
   var _useState = React.useState(null),
@@ -16319,6 +16324,10 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
     close: function close() {
       return setOpen(null);
     },
+    center: center,
+    references: {
+      bottom: '35px'
+    },
     options: [{
       label: 'Hoje',
       onClick: function onClick() {
@@ -16350,6 +16359,7 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
     itemSpacing: 's3',
     bordered: true
   }), React__default.createElement(Calendar, Object.assign({}, props.calendar || {}, {
+    center: center,
     type: 'interval',
     absolute: true,
     open: open === 'calendar',
@@ -18053,7 +18063,7 @@ var ConfirmDelete = function ConfirmDelete(props) {
     color: 'greyishBlue',
     inverted: true,
     footer: [{
-      appearance: 'bordeless',
+      appearance: 'borderless',
       content: 'Cancelar',
       onClick: cancelAction
     }, {
@@ -18131,7 +18141,7 @@ var Audit = function Audit(props) {
     color: 'greyishBlue',
     inverted: true,
     footer: [{
-      appearance: 'bordeless',
+      appearance: 'borderless',
       content: 'Cancelar',
       onClick: cancelAction
     }, {