@pedidopago/ui 1.7.18 → 1.7.19-0

package/dist/components/Dropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,4KAgBX,aAAa,gBA2Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,4KAgBX,aAAa,gBAyOf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Dropzone/index.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _framerMotion = require("framer-motion");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Flex = _interopRequireDefault(require("../Flex"));
+var _Button = _interopRequireDefault(require("../Button"));
 var _styles = require("./styles");
 var _accepts = require("./utils/accepts");
 var _generateUUID = require("../../utils/generateUUID");
@@ -153,7 +154,6 @@ var Dropzone = function Dropzone(_ref) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneContainer, _objectSpread(_objectSpread({
     isDraggingOver: isDragging,
-    haveItems: acceptedFiles.length > 0,
     isDisabled: disabled,
     alert: alert
   }, rest), {}, {
@@ -220,7 +220,7 @@ var Dropzone = function Dropzone(_ref) {
               })]
             })
           }, file.id);
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneImageAddButton, {
+        }), multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneImageAddButton, {
           isDraggingOver: isDragging,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "plus-circle",
@@ -238,7 +238,7 @@ var Dropzone = function Dropzone(_ref) {
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
           direction: "column",
-          spacing: "4",
+          spacing: "2",
           alignItems: "center",
           justifyContent: "center",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
@@ -275,8 +275,10 @@ var Dropzone = function Dropzone(_ref) {
               alert: alert,
               children: helperText || 'ou solte um arquivo aqui'
             })]
-          }), !disabledButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneButton, {
-            children: [buttonText || 'Selecionar um arquivo', " "]
+          }), !disabledButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+            variant: "outline",
+            bgColor: "neutral.neutral4",
+            children: [buttonText || 'Selecionar um arquivo', ' ']
           })]
         })
       })

package/dist/components/Dropzone/styles.d.ts

@@ -6,7 +6,6 @@ export declare const DropzoneContainer: import("@emotion/styled").StyledComponen
 } & {
     alert?: DropzoneAlertType | undefined;
     isDraggingOver: boolean;
-    haveItems: boolean;
     isDisabled?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropzoneInput: import("@emotion/styled").StyledComponent<{
@@ -54,8 +53,4 @@ export declare const DropzoneText: import("@emotion/styled").StyledComponent<imp
     alert?: DropzoneAlertType | undefined;
     subinfo?: boolean | undefined;
 }, {}, {}>;
-export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Dropzone/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,iBAAiB;;;;;oBAEZ,OAAO;eACZ,OAAO;;yGA6DnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;kHAWzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;yGAwC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;oBACjB,OAAO;qHAmCxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;qHA8BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;qHAY5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;UAUxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAiB1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,iBAAiB;;;;;oBAEZ,OAAO;;yGA0DxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;kHAWzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;yGAoC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;oBACjB,OAAO;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;qHA8BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;qHAY5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;UAUxB,CAAC"}

package/dist/components/Dropzone/styles.js

@@ -3,45 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DropzoneText = exports.DropzoneRemoveButton = exports.DropzoneInput = exports.DropzoneImageAddButton = exports.DropzoneFilename = exports.DropzoneFileBox = exports.DropzoneContainer = exports.DropzoneButton = void 0;
+exports.DropzoneText = exports.DropzoneRemoveButton = exports.DropzoneInput = exports.DropzoneImageAddButton = exports.DropzoneFilename = exports.DropzoneFileBox = exports.DropzoneContainer = void 0;
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Typography = _interopRequireDefault(require("../Typography"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var DropzoneContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  justify-content: ", ";\n  align-items: ", ";\n  flex-wrap: wrap;\n\n  ", "\n\n  ", "\n\n  background-color: ", ";\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: black;\n    border-radius: 8px;\n    pointer-events: none;\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  ", "\n"])), function (_ref) {
-  var haveItems = _ref.haveItems;
-  return haveItems ? 'flex-start' : 'center';
+var DropzoneContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: 1.5rem 1.625rem;\n  border-radius: 8px;\n\n  ", "\n\n  ", "\n\n  background-color: ", ";\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: black;\n    border-radius: 8px;\n    pointer-events: none;\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  ", "\n"])), function (_ref) {
+  var isDisabled = _ref.isDisabled;
+  return isDisabled && 'opacity: 0.5;';
 }, function (_ref2) {
-  var haveItems = _ref2.haveItems;
-  return haveItems ? 'flex-start' : 'center';
+  var alert = _ref2.alert,
+    theme = _ref2.theme,
+    isDisabled = _ref2.isDisabled;
+  var borderColor = alert && !isDisabled ? theme.colors[alert].default : theme.colors.neutral.neutral3;
+  return "\n      border: 2px dashed ".concat(borderColor, ";\n      ");
 }, function (_ref3) {
-  var isDisabled = _ref3.isDisabled;
-  return isDisabled && 'opacity: 0.5;';
-}, function (_ref4) {
-  var haveItems = _ref4.haveItems,
-    alert = _ref4.alert,
-    theme = _ref4.theme,
-    isDisabled = _ref4.isDisabled;
-  if (!haveItems) {
-    var borderColor = alert && !isDisabled ? theme.colors[alert].default : theme.colors.neutral.neutral3;
-    return "\n      padding: 3.875rem 1.625rem;\n      border: 2px dashed ".concat(borderColor, ";\n      border-radius: 8px;\n      ");
-  }
-}, function (_ref5) {
-  var alert = _ref5.alert,
-    theme = _ref5.theme,
-    haveItems = _ref5.haveItems,
-    isDisabled = _ref5.isDisabled;
-  if (alert && !isDisabled && !haveItems) {
+  var alert = _ref3.alert,
+    theme = _ref3.theme,
+    isDisabled = _ref3.isDisabled;
+  if (alert && !isDisabled) {
     return "".concat(theme.colors[alert].blurred, "33");
   }
   if (isDisabled) {
     return theme.colors.neutral.neutral1;
   }
-  return 'transparent';
+  return '#f5faf8';
 }, function (props) {
-  return props.isDraggingOver && !props.haveItems && !props.isDisabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:after {\n        opacity: 0.1;\n        visibility: visible;\n      }\n    "])));
+  return props.isDraggingOver && !props.isDisabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:after {\n        opacity: 0.1;\n        visibility: visible;\n      }\n    "])));
 });
 exports.DropzoneContainer = DropzoneContainer;
 var DropzoneInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: ", ";\n  z-index: ", ";\n"])), function (props) {
@@ -50,18 +40,16 @@ var DropzoneInput = _styled.default.input(_templateObject3 || (_templateObject3
   return props.theme.zIndex.default;
 });
 exports.DropzoneInput = DropzoneInput;
-var DropzoneFileBox = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n\n  & > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: 100px;\n    height: 100px;\n  }\n\n  @media screen and (min-width: ", ") {\n    width: 160px;\n    height: 160px;\n  }\n"])), function (props) {
+var DropzoneFileBox = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n\n  & > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: 100%;\n    max-width: 300px;\n    height: 160px;\n  }\n"])), function (props) {
   return props.disabled ? "\n        & > button {\n          display: none;\n        }\n      " : "\n        &:hover > button {\n          opacity: 1;\n        }\n      ";
-}, function (props) {
-  return props.theme.breakpoints.sm;
 }, function (props) {
   return props.theme.breakpoints.md;
 });
 exports.DropzoneFileBox = DropzoneFileBox;
-var DropzoneImageAddButton = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n  outline: 0;\n\n  transition: all 0.3s ease-in-out;\n\n  border: 2px dashed\n    ", ";\n  background: ", ";\n\n  @media screen and (min-width: ", ") {\n    width: 100px;\n    height: 100px;\n  }\n\n  @media screen and (min-width: ", ") {\n    width: 160px;\n    height: 160px;\n  }\n"])), function (props) {
-  return props.theme.colorMode === 'light' ? props.theme.colors.neutral.neutral3 : props.theme.colors.neutral.neutral4;
+var DropzoneImageAddButton = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n  outline: 0;\n\n  transition: all 0.3s ease-in-out;\n\n  border: 2px solid ", ";\n  background: ", ";\n\n  @media screen and (min-width: ", ") {\n    width: 100px;\n    height: 100px;\n  }\n\n  @media screen and (min-width: ", ") {\n    width: 160px;\n    height: 160px;\n  }\n"])), function (props) {
+  return props.theme.colors.neutral.neutral3;
 }, function (props) {
-  return props.isDraggingOver ? props.theme.colorMode === 'light' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral3 : props.theme.colorMode === 'light' ? props.theme.colors.neutral.neutral1 : props.theme.colors.neutral.neutral6;
+  return props.isDraggingOver ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral1;
 }, function (props) {
   return props.theme.breakpoints.sm;
 }, function (props) {
@@ -78,18 +66,10 @@ var DropzoneFilename = _styled.default.p(_templateObject7 || (_templateObject7 =
   return props.theme.colors.neutral.neutral2;
 });
 exports.DropzoneFilename = DropzoneFilename;
-var DropzoneText = (0, _styled.default)(_Typography.default)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref6) {
-  var alert = _ref6.alert,
-    theme = _ref6.theme,
-    subinfo = _ref6.subinfo;
+var DropzoneText = (0, _styled.default)(_Typography.default)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref4) {
+  var alert = _ref4.alert,
+    theme = _ref4.theme,
+    subinfo = _ref4.subinfo;
   return alert ? subinfo ? theme.colors[alert].default + '66' : theme.colors[alert].default : 'initial';
 });
-exports.DropzoneText = DropzoneText;
-var DropzoneButton = _styled.default.button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1rem;\n  padding: 0.875rem 1.5rem;\n  border-radius: 0.5rem;\n  background-color: transparent;\n  color: ", ";\n  border: 2px solid ", ";\n  display: none;\n\n  @media screen and (min-width: ", ") {\n    display: block;\n  }\n"])), function (props) {
-  return props.theme.colorMode === 'light' ? props.theme.colors.neutral.black : props.theme.colors.neutral.white;
-}, function (props) {
-  return props.theme.colors.neutral.neutral2;
-}, function (props) {
-  return props.theme.breakpoints.sm;
-});
-exports.DropzoneButton = DropzoneButton;
+exports.DropzoneText = DropzoneText;

package/dist/components/Modal/index.js

@@ -83,7 +83,6 @@ var ModalComponent = function ModalComponent(_ref) {
     return "translate(".concat(percentageX, "%, ").concat(percentageY, "%)");
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-    wrapperId: "portal-root",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
       mode: "wait",
       children: open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/dist/components/MultipleSelect/index.js

@@ -174,7 +174,6 @@ var MultipleSelect = function MultipleSelect(_ref) {
         placeholder: placeholder,
         dropDownIcon: dropDownIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
           mode: "wait",
           children: showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, _objectSpread(_objectSpread({}, _animations.multipleSelectAnimations), {}, {

package/dist/components/NewSelect/multiple/index.js

@@ -198,7 +198,6 @@ function NewMultipleSelect(_ref) {
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionsContainer, {
           ref: optionsModalRef,
           open: isOpenOptions,

package/dist/components/NewSelect/single/index.js

@@ -144,7 +144,6 @@ function NewSingleSelect(_ref) {
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionsContainer, {
           ref: optionsModalRef,
           open: isOpenOptions,

package/dist/components/ReactPortal/index.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 interface ReactPortalProps {
-    wrapperId: string;
+    wrapperId?: string;
     children: ReactNode | ReactNode[] | JSX.Element | JSX.Element[];
 }
-export declare function ReactPortal({ children, wrapperId }: ReactPortalProps): import("react").ReactPortal | null;
+export declare function ReactPortal(props: ReactPortalProps): import("react").ReactPortal | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ReactPortal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReactPortal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIvD,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACjE;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAyB,EAAE,EAAE,gBAAgB,sCAsBpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReactPortal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAI9D,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACjE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,sCAwBlD"}

package/dist/components/ReactPortal/index.js

@@ -14,14 +14,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ReactPortal(_ref) {
-  var children = _ref.children,
-    _ref$wrapperId = _ref.wrapperId,
-    wrapperId = _ref$wrapperId === void 0 ? 'portal-root' : _ref$wrapperId;
+function ReactPortal(props) {
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     wrapperElement = _useState2[0],
     setWrapperElement = _useState2[1];
+  var wrapperId = props.wrapperId || (0, _react.useId)();
   (0, _react.useEffect)(function () {
     var element = document.getElementById(wrapperId);
     var systemCreated = false;
@@ -38,6 +36,6 @@ function ReactPortal(_ref) {
   }, [wrapperId]);
   if (wrapperElement === null) return null;
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
+    children: props.children
   }), wrapperElement);
 }

package/dist/components/Select/index.js

@@ -211,7 +211,6 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           tabIndex: -1
         }, rest))]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect, {
           open: optionsMenuOpen,
           left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),

package/dist/components/Toast/index.js

@@ -23,7 +23,6 @@ var ToastContainer = function ToastContainer() {
     toasts = _useContext.toasts,
     remove = _useContext.remove;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-    wrapperId: "toast-root",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledToastContainerOverlay, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
         position: "top",

package/dist/components/Tooltip/index.js

@@ -142,7 +142,6 @@ var Tooltip = function Tooltip(_ref) {
       }
     },
     children: [props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-      wrapperId: "tooltip-portal",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipLabel.TooltipLabel, _objectSpread({
         isVisible: showTooltip,
         ref: tooltipLabelRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.7.18",
+  "version": "1.7.19-0",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",