plataforma-fundacao-componentes 2.26.7 → 2.26.8

package/dist/components/container/Container.d.ts

@@ -7,10 +7,12 @@ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     fluid?: boolean;
     position?: CSSProperties['position'];
     verticalPadding?: boolean;
+    horizontalPadding?: boolean;
     hasMobileButton?: boolean;
     hasHeader?: boolean;
     hasAdvancedHeader?: boolean;
+    insiderProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-declare function Container({ position, fluid, verticalPadding, hasMobileButton, hasHeader, hasAdvancedHeader, className, style, ...props }: ContainerProps): React.JSX.Element;
+declare function Container({ position, fluid, verticalPadding, hasMobileButton, hasHeader, hasAdvancedHeader, horizontalPadding, className, style, insiderProps, ...props }: ContainerProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Container>;
 export default _default;

package/dist/index.css

@@ -2528,15 +2528,15 @@ h5 {
   overflow-y: auto;
   display: flex;
   align-items: flex-start;
-  justify-content: center;
-  scrollbar-gutter: stable both-edges; }
+  justify-content: center; }
   .component-container.mobile {
     overflow-y: visible; }
   .component-container .component-container-insider {
     position: relative;
-    padding-right: 12px;
-    padding-left: 12px;
     width: 100%; }
+    .component-container .component-container-insider.horizontal-padding {
+      padding-right: 12px;
+      padding-left: 12px; }
   .component-container.fluid .component-container-insider {
     max-width: 1600px; }
   .component-container:not(.fluid) .component-container-insider {
@@ -4685,7 +4685,7 @@ header.component-header {
 
 .component-item-dropdown-download-panel {
   width: 100%;
-  padding: 0;
+  padding: 4px 0;
   z-index: 987; }
   .component-item-dropdown-download-panel .component-item-dropdown-download-item {
     -webkit-appearance: none;

package/dist/index.js

@@ -7112,9 +7112,10 @@ function useSystemInfo() {
   };
 }
 
-var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "className", "style"];
+var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "horizontalPadding", "className", "style", "insiderProps"];
 var rootClassName$1U = 'component-container';
 function Container(_ref) {
+  var _insiderProps$classNa;
   var position = _ref.position,
     _ref$fluid = _ref.fluid,
     fluid = _ref$fluid === void 0 ? false : _ref$fluid,
@@ -7126,21 +7127,26 @@ function Container(_ref) {
     hasHeader = _ref$hasHeader === void 0 ? false : _ref$hasHeader,
     _ref$hasAdvancedHeade = _ref.hasAdvancedHeader,
     hasAdvancedHeader = _ref$hasAdvancedHeade === void 0 ? false : _ref$hasAdvancedHeade,
+    _ref$horizontalPaddin = _ref.horizontalPadding,
+    horizontalPadding = _ref$horizontalPaddin === void 0 ? true : _ref$horizontalPaddin,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$insiderProps = _ref.insiderProps,
+    insiderProps = _ref$insiderProps === void 0 ? {} : _ref$insiderProps,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var mobile = useSystemInfo().isMobile;
   var classNames = useMergedClassNames([rootClassName$1U, className, fluid ? 'fluid' : '', verticalPadding ? 'vertical-padding' : '', hasMobileButton ? 'has-mobile-button' : '', hasHeader ? 'has-header' : '', hasAdvancedHeader ? 'has-advanced-header' : '', mobile ? 'mobile' : '']);
+  var insiderClassNames = useMergedClassNames([rootClassName$1U + "-insider", horizontalPadding ? 'horizontal-padding' : '', (_insiderProps$classNa = insiderProps.className) != null ? _insiderProps$classNa : '']);
   return React__default.createElement("div", Object.assign({}, props, {
     className: classNames,
     style: _extends({
       position: position
     }, style)
-  }), React__default.createElement("div", {
-    className: rootClassName$1U + "-insider"
-  }, props.children));
+  }), React__default.createElement("div", Object.assign({}, insiderProps, {
+    className: insiderClassNames
+  }), props.children));
 }
 var Container$1 = React.memo(Container);