fix: focus gap token and changeset updates

Author: rise-erpelding

.changeset/chatty-lands-attack.md

@@ -23,7 +23,7 @@ the spacing around the content area.
 #### Markup changes
 
 The HTML markup has changed slightly for the accordion header. The disclosure icon has been moved
-from outside the the button (`spectrum-Accordion-itemHeader`), to within the button. The extra
+from outside the button (`spectrum-Accordion-itemHeader`), to within the button. The extra
 element with class `spectrum-Accordion-itemIconContainer`, previously wrapping the icon, has
 been removed. A span with class `spectrum-Accordion-itemTitle` has been added around the heading
 text.

components/accordion/dist/metadata.json

@@ -123,7 +123,6 @@
     "--spectrum-accordion-edge-to-disclosure-indicator-space",
     "--spectrum-accordion-edge-to-text",
     "--spectrum-accordion-edge-to-text-space",
-    "--spectrum-accordion-focus-indicator-gap",
     "--spectrum-accordion-item-content-area-bottom-to-content",
     "--spectrum-accordion-item-content-area-top-to-content",
     "--spectrum-accordion-item-content-color",
@@ -214,6 +213,7 @@
     "--spectrum-field-top-to-disclosure-icon-spacious-medium",
     "--spectrum-field-top-to-disclosure-icon-spacious-small",
     "--spectrum-focus-indicator-color",
+    "--spectrum-focus-indicator-gap",
     "--spectrum-focus-indicator-thickness",
     "--spectrum-font-size-100",
     "--spectrum-font-size-200",

components/accordion/index.css

@@ -26,7 +26,7 @@
 	--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-medium);
 	--spectrum-accordion-top-to-disclosure-indicator: var(--spectrum-field-top-to-disclosure-icon-medium);
 	--spectrum-accordion-item-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
-	--spectrum-accordion-item-focus-indicator-gap: var(--spectrum-accordion-focus-indicator-gap);
+	--spectrum-accordion-item-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
 	--spectrum-accordion-corner-radius: var(--spectrum-corner-radius-medium-size-medium);
 	--spectrum-accordion-item-content-area-top-to-content: var(--spectrum-accordion-content-area-top-to-content);
 	--spectrum-accordion-item-content-area-bottom-to-content: var(--spectrum-accordion-content-area-bottom-to-content);
@@ -305,7 +305,7 @@
 		background-color: var(--spectrum-accordion-background-color-key-focus);
 		color: var(--spectrum-accordion-item-header-color-key-focus);
 		outline: var(--mod-accordion-item-focus-indicator-thickness, var(--spectrum-accordion-item-focus-indicator-thickness)) solid var(--spectrum-accordion-item-focus-indicator-color);
-		outline-offset: var(--mod-accordion-item-focus-indicator-gap, var(--spectrum-accordion-item-focus-indicator-gap), 0);
+		outline-offset: var(--mod-accordion-item-focus-indicator-gap, var(--spectrum-accordion-item-focus-indicator-gap));
 	}
 
 	/* higher specificity to maintain active styles over @media hover styles */