remove background style for disabled buttons on hover and active, and…

… avoid creating agin the opacity token
jupyterlab-contrib · Nov 17, 2023 · 0c639e5 · 0c639e5
1 parent fb2b587
commit 0c639e5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/packages/components/src/button/button.styles.ts b/packages/components/src/button/button.styles.ts
@@ -660,11 +660,6 @@ export const buttonStyles: (
     appearanceBehavior(
       'stealth',
       css`
-        :host([appearance='stealth'][disabled]:hover),
-        :host([appearance='stealth'][disabled]:active) {
-          background: ${neutralFillStealthRest};
-        }
-
         ${StealthButtonStyles}
       `.withBehaviors(
         forcedColorsStylesheetBehavior(css`

diff --git a/packages/components/src/design-tokens.ts b/packages/components/src/design-tokens.ts
@@ -10,6 +10,7 @@ import {
   accentForegroundHoverDelta,
   accentForegroundRestDelta,
   ColorRecipe,
+  disabledOpacity,
   fillColor,
   InteractiveColorRecipe,
   InteractiveSwatchSet,
@@ -64,6 +65,7 @@ export {
   designUnit,
   direction,
   DirectionalStyleSheetBehavior,
+  disabledOpacity,
   fillColor,
   focusStrokeInner,
   focusStrokeInnerRecipe,
@@ -173,11 +175,7 @@ export {
 
 const { create } = DesignToken;
 
-/**
- * The default disabled opacity.
- */
-export const disabledOpacity =
-  DesignToken.create<number>('opacity').withDefault(0.4);
+disabledOpacity.withDefault(0.4);
 
 /*
  * The error palette is built using the same color algorithm as the accent palette