chore(checkbox): restore component index css files

Author: aramos-adobe

components/actiongroup/index.css

@@ -21,10 +21,6 @@
 	--spectrum-actiongroup-button-spacing-reset: 0;
 	--spectrum-actiongroup-border-radius-reset: 0;
 	--spectrum-actiongroup-border-radius: var(--spectrum-corner-radius-100);
-	--spectrum-actiongroup-gap-size-compact: var(--spectrum-spacing-50);
-
-	--spectrum-actiongroup-horizontal-spacing-regular: var(--spectrum-spacing-100);
-	--spectrum-actiongroup-vertical-spacing-regular: var(--spectrum-spacing-100);
 }
 
 .spectrum-ActionGroup--sizeXS,
@@ -33,6 +29,13 @@
 	--spectrum-actiongroup-vertical-spacing-regular: var(--spectrum-spacing-75);
 }
 
+.spectrum-ActionGroup--sizeM,
+.spectrum-ActionGroup--sizeL,
+.spectrum-ActionGroup--sizeXL {
+	--spectrum-actiongroup-horizontal-spacing-regular: var(--spectrum-spacing-100);
+	--spectrum-actiongroup-vertical-spacing-regular: var(--spectrum-spacing-100);
+}
+
 .spectrum-ActionGroup {
 	display: flex;
 	flex-wrap: wrap;
@@ -95,6 +98,8 @@
 
 			border-start-end-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
 			border-end-end-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
+			margin-inline-start: var(--mod-actiongroup-horizontal-spacing-compact, var(--spectrum-actiongroup-horizontal-spacing-compact));
+			margin-inline-end: var(--mod-actiongroup-border-radius-reset, var(--spectrum-actiongroup-border-radius-reset));
 		}
 
 		&.is-selected {
@@ -128,6 +133,16 @@
 
 			border-start-start-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
 			border-start-end-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
+			margin-inline-end: var(--mod-actiongroup-button-spacing-reset, var(--spectrum-actiongroup-button-spacing-reset));
+			margin-block-start: var(--mod-actiongroup-vertical-spacing-compact, var(--spectrum-actiongroup-vertical-spacing-compact));
+			margin-block-end: var(--mod-actiongroup-vertical-spacing-compact, var(--spectrum-actiongroup-vertical-spacing-compact));
+		}
+
+		& + .spectrum-ActionGroup-item {
+			margin-inline-start: var(--mod-actiongroup-button-spacing-reset, var(--spectrum-actiongroup-button-spacing-reset));
+			margin-inline-end: var(--mod-actiongroup-button-spacing-reset, var(--spectrum-actiongroup-button-spacing-reset));
+			margin-block-start: var(--mod-actiongroup-button-spacing-reset, var(--spectrum-actiongroup-button-spacing-reset));
+			margin-block-end: var(--mod-actiongroup-vertical-spacing-compact, var(--spectrum-actiongroup-vertical-spacing-compact));
 		}
 
 		&:last-child {
@@ -136,6 +151,8 @@
 
 			border-end-start-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
 			border-end-end-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
+			margin-block-start: var(--mod-actiongroup-vertical-spacing-compact, var(--spectrum-actiongroup-vertical-spacing-compact));
+			margin-block-end: var(--mod-actiongroup-button-spacing-reset, var(--spectrum-actiongroup-button-spacing-reset));
 		}
 	}
 }

components/infieldbutton/index.css

@@ -46,20 +46,6 @@
 
 	--spectrum-infield-button-fill-justify-content: center;
 
-	--spectrum-infield-button-border-width: var(--spectrum-border-width-100);
-	--spectrum-infield-button-border-color: inherit;
-
-	--spectrum-infield-button-border-radius: var(--spectrum-corner-radius-100);
-	--spectrum-infield-button-border-radius-reset: 0;
-
-	--spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-infield-button-border-radius-reset);
-	--spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-infield-button-border-radius-reset);
-
-	--spectrum-infield-button-background-color: var(--spectrum-gray-50);
-	--spectrum-infield-button-background-color-hover: var(--spectrum-gray-100);
-	--spectrum-infield-button-background-color-down: var(--spectrum-gray-200);
-	--spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-100);
-
 	&:disabled {
 		--mod-infield-button-background-color: var(--mod-infield-button-background-color-disabled, var(--spectrum-disabled-background-color));
 		--mod-infield-button-background-color-hover: var(--mod-infield-button-background-color-hover-disabled, var(--spectrum-disabled-background-color));

components/radio/index.css

@@ -35,10 +35,6 @@
 	--spectrum-radio-disabled-content-color: var(--spectrum-disabled-content-color);
 	--spectrum-radio-disabled-border-color: var(--spectrum-disabled-content-color);
 
-	/* selection indicator all themes */
-	--spectrum-radio-border-width: var(--spectrum-border-width-200);
-	--spectrum-radio-button-background-color: var(--spectrum-gray-50);
-
 	/* emphasized state colors selection indicator all themes */
 	--spectrum-radio-emphasized-accent-color: var(--spectrum-accent-color-900);
 	--spectrum-radio-emphasized-accent-color-hover: var(--spectrum-accent-color-1000);

components/steplist/index.css

@@ -188,7 +188,7 @@
 
 	transform: translateX(-50%);
 
-	color: var(--mod-steplist-incomplete-label-color, var(--spectrum-steplist-incomplete-label-text-color));
+	color: var(--mod-steplist-incomplete-label-color, var(--spectrum-steplist-incomplete-label-color));
 
 	&:dir(rtl) {
 		transform: translateX(50%);
@@ -225,8 +225,7 @@
 
 	border-radius: var(--mod-steplist-marker-diameter, var(--spectrum-steplist-marker-diameter));
 
-	border-width: 2px;
-	border-style: solid;
+	border: 2px solid;
 	border-color: var(--mod-steplist-incomplete-marker-border-color, var(--spectrum-steplist-incomplete-marker-border-color));
 	background: transparent;
 }

components/table/index.css

@@ -134,23 +134,7 @@
 
 	/* Summary Row and Section Header Row */
 	--spectrum-table-summary-row-font-weight: var(--spectrum-bold-font-weight);
-	--spectrum-table-summary-row-background-color: var(--spectrum-gray-100);
-
-	--spectrum-table-section-header-font-weight: var(--spectrum-bold-font-weight);
-	--spectrum-table-section-header-background-color: var(--spectrum-gray-100);
-
-	/* Collapsible and thumbnails */
-	--spectrum-table-collapsible-tier-indent: var(--spectrum-spacing-300);
-	--spectrum-table-collapsible-disclosure-inline-spacing: 0px;
-	--spectrum-table-collapsible-icon-animation-duration: var(--spectrum-animation-duration-100);
-
-	--spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color, var(--mod-table-row-background-color, var(--spectrum-table-row-background-color)));
-	--spectrum-table-selected-cell-background-color: var(--highcontrast-table-selected-row-background-color, var(--mod-table-selected-row-background-color-non-emphasized, var(--spectrum-table-selected-row-background-color-non-emphasized)));
-	--spectrum-table-selected-cell-background-color-focus: var(--highcontrast-table-selected-row-background-color-focus, var(--mod-table-selected-row-background-color-non-emphasized-focus, var(--spectrum-table-selected-row-background-color-non-emphasized-focus)));
-
-	/* Row Selection */
-	--spectrum-table-header-checkbox-block-spacing: var(--spectrum-table-header-row-checkbox-to-top-medium);
-	--spectrum-table-row-checkbox-block-spacing: var(--spectrum-table-row-checkbox-to-top-medium-regular);
+	--spectrum-table-summary-row-background-color: var(--spectrum-gray-200);
 
 	--spectrum-table-section-header-font-weight: var(--spectrum-bold-font-weight);
 	--spectrum-table-section-header-background-color: var(--spectrum-gray-200);