chore(accordion, actionbar, actionbutton, actiongroup): apply minor linting fixes (#2612)

Author: castastrophe

components/accordion/index.css

@@ -210,6 +210,7 @@ governing permissions and limitations under the License.
 	--spectrum-accordion-item-header-bottom-to-text-space: var(
 		--spectrum-accordion-bottom-to-text-spacious-medium
 	);
+
 	&.spectrum-Accordion--sizeS {
 		--spectrum-accordion-item-header-line-height: 1.25;
 		--spectrum-accordion-item-header-top-to-text-space: var(
@@ -382,6 +383,7 @@ governing permissions and limitations under the License.
 				) / 2
 		)
 	);
+
 	[dir="rtl"] & {
 		transform: scaleX(-1);
 	}
@@ -491,7 +493,9 @@ governing permissions and limitations under the License.
 	);
 
 	/* reset styling if button element is used */
+	/* stylelint-disable-next-line property-no-vendor-prefix -- todo may no longer be needed */
 	-webkit-appearance: none;
+	/* stylelint-disable-next-line property-no-vendor-prefix -- todo may no longer be needed */
 	-moz-appearance: none;
 	appearance: none;
 	border: 0;

components/actionbar/index.css

@@ -84,12 +84,12 @@ governing permissions and limitations under the License.
 
   /* Take up no space and be invisible when not open */
   block-size: 0;
-  opacity: 0;
+  opacity: 0%;
 
   &.is-open {
     /* add ActionBar bottom margin to height for correct spacing even when sticky */
     block-size: calc(var(--mod-actionbar-spacing-outer-edge, var(--spectrum-actionbar-spacing-outer-edge)) + var(--mod-actionbar-height, var(--spectrum-actionbar-height)));
-    opacity: 1;
+    opacity: 100%;
   }
 
   .spectrum-ActionBar-popover {
@@ -150,6 +150,7 @@ governing permissions and limitations under the License.
   .spectrum-ActionGroup {
     margin-inline-end: var(--mod-actionbar-spacing-action-group-end, var(--spectrum-actionbar-spacing-action-group-end));
     margin-block-start: var(--mod-actionbar-spacing-action-group-top, var(--spectrum-actionbar-spacing-action-group-top));
+
     /* align to end by default */
     margin-inline-start: auto;
   }
@@ -159,6 +160,7 @@ governing permissions and limitations under the License.
   .spectrum-ActionBar-popover {
     filter: none;
     background-color: var(--mod-actionbar-emphasized-background-color, var(--spectrum-actionbar-emphasized-background-color));
+
     /* border transparent instead of none so WHCM will have visible border */
     border-color: transparent;
   }

components/actionbutton/stories/template.js

@@ -39,7 +39,8 @@ export const Template = ({
 	try {
 		if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
 		else import(/* webpackPrefetch: true */ "../themes/express.css");
-	} catch (e) {
+	}
+	catch (e) {
 		console.warn(e);
 	}
 
@@ -56,8 +57,8 @@ export const Template = ({
 				[`${rootClass}--emphasized`]: isEmphasized,
 				[`${rootClass}--static${capitalize(lowerCase(staticColor))}`]:
 					typeof staticColor !== "undefined",
-				[`is-disabled`]: isDisabled,
-				[`is-selected`]: isSelected,
+				["is-disabled"]: isDisabled,
+				["is-selected"]: isSelected,
 				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
 			})}
 			id=${ifDefined(id)}

components/actiongroup/stories/template.js

@@ -23,7 +23,8 @@ export const Template = ({
 	try {
 		if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
 		else import(/* webpackPrefetch: true */ "../themes/express.css");
-	} catch (e) {
+	}
+	catch (e) {
 		console.warn(e);
 	}