From c53e9080b79a9a24bec30aa65a469b3b432cc060 Mon Sep 17 00:00:00 2001
From: Don McKenzie <donmckenzie@deephaven.io>
Date: Fri, 12 Jan 2024 12:03:26 -0500
Subject: [PATCH] stylelint fixes

---
 packages/code-studio/src/styleguide/TimeSliderInputs.tsx | 6 +++---
 packages/components/scss/bootstrap_overrides.scss        | 1 +
 packages/components/src/HierarchicalCheckboxMenu.scss    | 9 +++++----
 .../src/sidebar/conditional-formatting/StyleEditor.tsx   | 2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/code-studio/src/styleguide/TimeSliderInputs.tsx b/packages/code-studio/src/styleguide/TimeSliderInputs.tsx
index 875f04fac3..543fc83163 100644
--- a/packages/code-studio/src/styleguide/TimeSliderInputs.tsx
+++ b/packages/code-studio/src/styleguide/TimeSliderInputs.tsx
@@ -34,9 +34,9 @@ class TimeSliderInputs extends PureComponent<
   }
 
   render(): React.ReactElement {
-    const { startTime, endTime } = this.state;
-    const isStartModified = startTime !== this.state.initialStartTime;
-    const isEndModified = endTime !== this.state.initialEndTime;
+    const { startTime, endTime, initialStartTime, initialEndTime } = this.state;
+    const isStartModified = startTime !== initialStartTime;
+    const isEndModified = endTime !== initialEndTime;
     return (
       <div
         {...sampleSectionIdAndClasses('time-slider-inputs', [
diff --git a/packages/components/scss/bootstrap_overrides.scss b/packages/components/scss/bootstrap_overrides.scss
index 5819367d0e..9339769128 100644
--- a/packages/components/scss/bootstrap_overrides.scss
+++ b/packages/components/scss/bootstrap_overrides.scss
@@ -183,6 +183,7 @@ $input-btn-line-height: 1.3;
 // Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).
 // The padding-y value has to be in rem to match units as it is a SASS calc.
 // Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.
+/* stylelint-disable-next-line number-max-precision */
 $input-btn-padding-y: 0.42145rem;
 
 //checkbox
diff --git a/packages/components/src/HierarchicalCheckboxMenu.scss b/packages/components/src/HierarchicalCheckboxMenu.scss
index 4e1d4177ef..239747e8f2 100644
--- a/packages/components/src/HierarchicalCheckboxMenu.scss
+++ b/packages/components/src/HierarchicalCheckboxMenu.scss
@@ -20,6 +20,11 @@
     margin-right: 4px;
   }
 }
+
+.hcm-btn:focus {
+  border-color: $input-focus-border-color;
+}
+
 .hcm-btn:hover:not(:disabled) {
   border-color: var(--dh-color-input-hover-border);
   color: var(--dh-color-selector-hover-fg);
@@ -29,10 +34,6 @@
   }
 }
 
-.hcm-btn:focus {
-  border-color: $input-focus-border-color;
-}
-
 .hcm-menu-container {
   padding: $spacer-2;
   .hcm-parent {
diff --git a/packages/iris-grid/src/sidebar/conditional-formatting/StyleEditor.tsx b/packages/iris-grid/src/sidebar/conditional-formatting/StyleEditor.tsx
index 3100666d89..5ede1fb693 100644
--- a/packages/iris-grid/src/sidebar/conditional-formatting/StyleEditor.tsx
+++ b/packages/iris-grid/src/sidebar/conditional-formatting/StyleEditor.tsx
@@ -8,7 +8,7 @@ import React, {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Log from '@deephaven/log';
 import { ColorUtils } from '@deephaven/utils';
-import { dhSort, vsCheck } from '@deephaven/icons';
+import { vsCheck } from '@deephaven/icons';
 import { Button, DropdownMenu } from '@deephaven/components';
 import {
   FormatStyleType,