tweak outline-fill + neutral stateful border color to avoid one-off o…

…verride prop
Esri · Jun 27, 2024 · 021b78e · 021b78e
1 parent 8e6fe57
commit 021b78e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/calcite-components/src/components/button/button.scss b/packages/calcite-components/src/components/button/button.scss
@@ -67,7 +67,7 @@
   );
   color: var(--calcite-button-text-color, var(--calcite-internal-button-text-color, var(--calcite-color-text-1)));
   box-shadow: inset 0 0 0 var(--calcite-internal-button-border-width)
-    var(--calcite-internal-button-border-color-override, var(--calcite-internal-button-border-color));
+    var(--calcite-button-border-color, var(--calcite-internal-button-border-color));
   border-style: none;
   border-width: var(--calcite-border-width-sm);
   border-color: var(
@@ -498,11 +498,11 @@ calcite-loader {
     --calcite-internal-button-background-color: var(--calcite-color-foreground-1);
     --calcite-internal-button-text-color: var(--calcite-color-text-1);
     &:hover {
-      --calcite-internal-button-border-color-override: var(--calcite-color-foreground-3);
+      --calcite-internal-button-border-color: var(--calcite-color-border-3);
     }
     &:focus,
     &:active {
-      --calcite-internal-button-border-color-override: var(--calcite-color-foreground-3);
+      --calcite-internal-button-border-color: var(--calcite-color-border-3);
     }
     calcite-loader {
       --calcite-internal-button-loader-color: var(--calcite-color-text-1);