From b81a1295269a5e7dac11a6bfaede8c0d48f4677b Mon Sep 17 00:00:00 2001
From: Josh Winn <965114+jawinn@users.noreply.github.com>
Date: Tue, 30 Apr 2024 12:28:55 -0400
Subject: [PATCH] chore(button): clear up linter warnings

Fixes warnings and errors from stylelint and eslint.
---
 components/button/index.css                 | 4 ++--
 components/button/stories/button.stories.js | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/button/index.css b/components/button/index.css
index d171ab08443..7b9e266b55f 100644
--- a/components/button/index.css
+++ b/components/button/index.css
@@ -40,7 +40,7 @@ governing permissions and limitations under the License.
   --spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100);
 
   --mod-progress-circle-position: absolute;
-  /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties */
+  /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
   --spectrum-downstate-perspective: max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down));
 
   &.spectrum-Button--iconOnly {
@@ -358,7 +358,7 @@ governing permissions and limitations under the License.
   margin-inline-start: var(--mod-button-margin-left);
 
   .spectrum-Icon {
-    /* stylelint-disable-next-line custom-property-pattern -- Any block-size difference between the intended workflow icon size and actual icon used.
+    /* Any block-size difference between the intended workflow icon size and actual icon used.
        Helps support any existing use of smaller UI icons instead of intended Workflow icons. */
     --spectrum-button-icon-size-difference: max(0px,
       var(--spectrum-button-intended-icon-size) -
diff --git a/components/button/stories/button.stories.js b/components/button/stories/button.stories.js
index 77138890392..8ea919e96ab 100644
--- a/components/button/stories/button.stories.js
+++ b/components/button/stories/button.stories.js
@@ -2,6 +2,7 @@ import { withDownStateDimensionCapture } from "@spectrum-css/preview/decorators"
 
 import { html } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
+import { when } from "lit/directives/when.js";
 
 import { default as IconStories } from "@spectrum-css/icon/stories/icon.stories.js";
 import { Template as Typography } from "@spectrum-css/typography/stories/template.js";