plataforma-fundacao-componentes 2.26.4 → 2.26.5

package/dist/index.modern.js

@@ -12820,12 +12820,15 @@ var LeftControlWithLabel = function LeftControlWithLabel(_ref) {
   }), props.label));
 };
 
+var rootClassName$2$ = 'tooltip-element';
 function TooltipElement(_ref) {
   var label = _ref.label,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'top' : _ref$placement,
     _ref$fallbackPlacemen = _ref.fallbackPlacements,
     fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['right', 'left', 'bottom'] : _ref$fallbackPlacemen,
+    _ref$wrapperProps = _ref.wrapperProps,
+    wrapperProps = _ref$wrapperProps === void 0 ? {} : _ref$wrapperProps,
     children = _ref.children;
   var arrowRef = useRef(null);
   var _useState = useState(false),
@@ -12876,14 +12879,14 @@ function TooltipElement(_ref) {
     isMounted = _useTransitionStyles.isMounted,
     transitionStyles = _useTransitionStyles.styles;
   return React.createElement(Fragment$1, null, React.createElement("div", Object.assign({
-    className: undefined.reference,
+    className: rootClassName$2$ + "-reference",
     ref: refs.setReference
-  }, getReferenceProps), children), React.createElement(FloatingPortal, null, isMounted && React.createElement("div", Object.assign({
-    className: undefined.tooltip,
+  }, getReferenceProps(wrapperProps)), children), React.createElement(FloatingPortal, null, isMounted && React.createElement("div", Object.assign({
+    className: rootClassName$2$ + "-tooltip",
     ref: refs.setFloating,
     style: _extends({}, floatingStyles, transitionStyles)
   }, getFloatingProps()), React.createElement("span", {
-    className: undefined.label
+    className: rootClassName$2$ + "-label"
   }, label), React.createElement(FloatingArrow, {
     ref: arrowRef,
     context: context,
@@ -12892,6 +12895,7 @@ function TooltipElement(_ref) {
 }
 
 var _excluded$k = ["className", "variant", "color", "focus", "style", "alignment", "format", "dangerouslySetInnerHTML", "children"];
+var rootClassName$30 = 'typography';
 var Typography = forwardRef(function (_ref, ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -12911,7 +12915,7 @@ var Typography = forwardRef(function (_ref, ref) {
     dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
     children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
-  var classNames = useMergedClassNames([undefined.tp, focus ? undefined.focus : '', undefined[color], undefined[variant], className]);
+  var classNames = useMergedClassNames([rootClassName$30 + "-tp", focus ? rootClassName$30 + "-focus" : '', color, variant, className]);
   var tag = useMemo(function () {
     switch (variant) {
       case 'body':
@@ -43975,7 +43979,7 @@ function useHTMLShare() {
   };
 }
 
-var rootClassName$2$ = 'comp-modal-manager';
+var rootClassName$31 = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 var hackFocus$1 = function hackFocus() {
   var tmp = document.createElement('input');
@@ -44043,13 +44047,13 @@ function useModalManager() {
   return [React.createElement(React.Fragment, {
     key: 1
   }, React.createElement(TransitionGroup, {
-    className: rootClassName$2$ + "-modals"
+    className: rootClassName$31 + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props2, _obj$props3;
     var ModalComponent = React.createElement(obj.component, obj.props);
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2$ + "-mask",
+      classNames: rootClassName$31 + "-mask",
       key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
       unmountOnExit: true
     }, React.createElement(ModalMask, {
@@ -44320,7 +44324,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
   return timeToReturn;
 }
 
-var rootClassName$30 = 'comp-toast-manager';
+var rootClassName$32 = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _props$max;
@@ -44365,17 +44369,17 @@ function useToastManager(props) {
     toastsRef.current = [];
   }, []);
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$30 + "-toasts", rootClassName$30 + "-" + verticalPosition, rootClassName$30 + "-" + horizontalPosition, reverse ? rootClassName$30 + "-reverse" : '', animateSize ? rootClassName$30 + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$32 + "-toasts", rootClassName$32 + "-" + verticalPosition, rootClassName$32 + "-" + horizontalPosition, reverse ? rootClassName$32 + "-reverse" : '', animateSize ? rootClassName$32 + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$30 + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$32 + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (verticalPosition === 'top' && !reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$30 + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$32 + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -44383,7 +44387,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$30 + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$32 + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -44391,7 +44395,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'bottom' && !reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$30 + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$32 + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -44400,7 +44404,7 @@ function useToastManager(props) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$30 + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$32 + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -44415,11 +44419,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$30 + "-toast",
+      classNames: rootClassName$32 + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$30 + "-toastzin"
+      className: rootClassName$32 + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,