feat: Expose disableFooterPaddings on container (#3541)

Author: gethinwebster

pages/container/simple.page.tsx

@@ -85,6 +85,10 @@ export default function SimpleContainers() {
             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus tincidunt suscipit varius. Nullam dui
             tortor, mollis vitae molestie sed, malesuada.
           </Container>
+          <Container disableFooterPaddings={true} footer="Spaceless container footer">
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus tincidunt suscipit varius. Nullam dui
+            tortor, mollis vitae molestie sed, malesuada.
+          </Container>
           <div>
             <Container variant="stacked" header="Stacked Container 1">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus tincidunt suscipit varius. Nullam dui

src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap

@@ -6923,6 +6923,15 @@ exports[`Documenter definition for container matches the snapshot: container 1`]
       "optional": true,
       "type": "boolean",
     },
+    {
+      "description": "Determines whether the container footer has padding. If \`true\`, removes the default padding from the footer.",
+      "name": "disableFooterPaddings",
+      "optional": true,
+      "systemTags": [
+        "core",
+      ],
+      "type": "boolean",
+    },
     {
       "defaultValue": "false",
       "description": "Determines whether the container header has padding. If \`true\`, removes the default padding from the header.",

src/container/interfaces.ts

@@ -67,6 +67,12 @@ export interface ContainerProps extends BaseComponentProps {
    */
   footer?: React.ReactNode;
 
+  /**
+   * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.
+   * @awsuiSystem core
+   */
+  disableFooterPaddings?: boolean;
+
   /**
    * Specify a container variant with one of the following:
    * * `default` - Use this variant in standalone context.

src/container/internal.tsx

@@ -21,11 +21,11 @@ import styles from './styles.css.js';
 import testStyles from './test-classes/styles.css.js';
 
 export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {
+  disableFooterPaddings?: boolean;
   __stickyHeader?: boolean;
   __stickyOffset?: number;
   __mobileStickyOffset?: number;
   __disableFooterDivider?: boolean;
-  __disableFooterPaddings?: boolean;
   __hiddenContent?: boolean;
   __headerRef?: React.RefObject<HTMLDivElement>;
   __fullPage?: boolean;
@@ -62,14 +62,14 @@ export default function InternalContainer({
   variant = 'default',
   disableHeaderPaddings = false,
   disableContentPaddings = false,
+  disableFooterPaddings = false,
   fitHeight,
   media,
   __stickyOffset,
   __mobileStickyOffset,
   __stickyHeader = false,
   __internalRootRef = null,
   __disableFooterDivider = false,
-  __disableFooterPaddings = false,
   __hiddenContent = false,
   __headerRef,
   __fullPage = false,
@@ -180,7 +180,7 @@ export default function InternalContainer({
           <div
             className={clsx(styles.footer, {
               [styles['with-divider']]: !__disableFooterDivider,
-              [styles['with-paddings']]: !__disableFooterPaddings,
+              [styles['with-paddings']]: !disableFooterPaddings,
             })}
           >
             {footer}

src/table/internal.tsx

@@ -489,8 +489,8 @@ const InternalTable = React.forwardRef(
               }
               disableHeaderPaddings={true}
               disableContentPaddings={true}
+              disableFooterPaddings={true}
               variant={toContainerVariant(computedVariant)}
-              __disableFooterPaddings={true}
               __disableFooterDivider={true}
               __disableStickyMobile={false}
               footer={