fix: pfe-accordion add bottom padding to disclosure panel (#1397) (#1443)

Co-authored-by: [ Cassondra ] <[email protected]>
Co-authored-by: Kyle Buchanan <[email protected]>
Co-authored-by: Kendall Totten <[email protected]>

Author: 4 people

elements/pfe-accordion/src/pfe-accordion-panel.scss

@@ -21,8 +21,9 @@
   @include pfe-panel-container;
   padding: pfe-local(Padding, $region: panel-container, $fallback: 0 pfe-local(Padding, $region: panel, $fallback: calc(#{pfe-local(Padding, $region: base)} * 3)) pfe-local(Padding, $region: base) pfe-local(Padding, $region: panel, $fallback: calc(#{pfe-local(Padding, $region: base)} * 1.5)));
   :host([disclosure="true"]) & {
-    padding: pfe-local(Padding, $region: panel-container, $fallback: pfe-local(Padding, $region: panel, $fallback: calc(#{pfe-local(Padding, $region: base)} * 1.5)));
+    padding: pfe-local(Padding, $region: panel-container, $fallback: 0 calc(#{pfe-local(Padding, $region: base)} * 3) calc(#{pfe-local(Padding, $region: base)}) calc(#{pfe-local(Padding, $region: base)} * 1.5));
   }
+  // @TODO: These styles should exist inside pfe-jump-links-nav rather than inside pfe-accordion
   pfe-jump-links-nav & {
     padding: pfe-local(Padding, $region: panel-container, $fallback: 0);
     --pfe-accordion__panel-container--Padding: 0;