fix(accordion): update wip no inline padding variant variables

Author: jawinn

components/accordion/dist/metadata.json

@@ -47,6 +47,7 @@
     "--mod-accordion-disclosure-indicator-to-text-space",
     "--mod-accordion-divider-color",
     "--mod-accordion-divider-thickness",
+    "--mod-accordion-edge-to-content-area",
     "--mod-accordion-edge-to-disclosure-indicator-space",
     "--mod-accordion-edge-to-text-space",
     "--mod-accordion-focus-indicator-color",
@@ -112,7 +113,6 @@
     "--spectrum-accordion-disclosure-indicator-to-text-space",
     "--spectrum-accordion-divider-color",
     "--spectrum-accordion-divider-thickness",
-    "--spectrum-accordion-edge-",
     "--spectrum-accordion-edge-to-content-area",
     "--spectrum-accordion-edge-to-disclosure-indicator-space",
     "--spectrum-accordion-edge-to-text",
@@ -139,7 +139,6 @@
     "--spectrum-accordion-item-header-font-style",
     "--spectrum-accordion-item-header-font-weight",
     "--spectrum-accordion-item-header-line-height",
-    "--spectrum-accordion-item-header-padding-inline-end",
     "--spectrum-accordion-item-header-top-to-text-space",
     "--spectrum-accordion-item-min-block-size",
     "--spectrum-accordion-item-minimum-height",

components/accordion/index.css

@@ -21,7 +21,6 @@
 	--spectrum-accordion-content-padding-inline: var(--spectrum-accordion-content-area-edge-to-content-medium);
 	--spectrum-accordion-edge-to-content-area: var(--spectrum-accordion-content-padding-inline);
 	--spectrum-accordion-edge-to-text-space: var(--spectrum-accordion-edge-to-text);
-	--spectrum-accordion-item-header-padding-inline-end: var(--spectrum-accordion-content-padding-inline);
 	--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-regular-medium);
 	--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-regular-medium);
 	--spectrum-accordion-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
@@ -193,7 +192,7 @@
 
 .spectrum-Accordion.spectrum-Accordion--noInlinePadding {
 	--spectrum-accordion-edge-to-disclosure-indicator-space: 0px;
-	--spectrum-accordion-item-header-padding-inline-end: 0px;
+	--spectrum-accordion-edge-to-content-area: 0px;
 }
 
 .spectrum-Accordion {
@@ -244,7 +243,7 @@
 
 .spectrum-Accordion-itemTitle {
 	padding-block: var(--mod-accordion-item-header-top-to-text-space, var(--spectrum-accordion-item-header-top-to-text-space)) var(--mod-accordion-item-header-bottom-to-text-space, var(--spectrum-accordion-item-header-bottom-to-text-space));
-	padding-inline-end: calc(var(--spectrum-accordion-edge-) var(--mod-accordion-edge-to-text-space, var(--spectrum-accordion-edge-to-text-space)) +);
+	padding-inline-end: var(--mod-accordion-edge-to-text-space, var(--spectrum-accordion-edge-to-text-space));
 }
 
 /* Focusable button that expands/collapses the accordion item. */
@@ -256,7 +255,7 @@
 	align-items: flex-start;
 	justify-content: flex-start;
 
-	padding-inline: 0 var(--spectrum-accordion-item-header-padding-inline-end);
+	padding-inline: 0 var(--mod-accordion-edge-to-content-area, var(--spectrum-accordion-edge-to-content-area));
 	line-height: var(--mod-accordion-item-header-line-height, var(--spectrum-accordion-item-header-line-height));
 
 	text-overflow: ellipsis;