fix(#2599): TableView: space key on link within cell scrolls the TableView down a page

packages/@adobe/spectrum-css-temp/components/button/skin.css

@@ -1337,6 +1337,8 @@ governing permissions and limitations under the License.
   --spectrum-logicbutton-or-text-color: ButtonText;
   --spectrum-button-primary-focus-ring-color-key-focus: CanvasText;
   --spectrum-button-primary-focus-ring-size-key-focus: 3px;
+  --spectrum-dropdown-border-color-key-focus: Highlight;
+
   }
 
   .spectrum-Button--overBackground {
@@ -1371,4 +1373,16 @@ governing permissions and limitations under the License.
       --spectrum-actionbutton-emphasized-icon-color-key-focus: HighlightText;
     }
   }
+  .spectrum-FieldButton { 
+    &:focus-ring,
+    &.is-focused {
+      &:not(.spectrum-FieldButton--quiet) {
+        outline:2px solid Highlight;
+      }
+      &.spectrum-FieldButton--quiet {
+        forced-color-adjust: none;
+        box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus);
+      } 
+    } 
+  }
 }

packages/@adobe/spectrum-css-temp/components/calendar/skin.css

@@ -151,3 +151,58 @@ governing permissions and limitations under the License.
     }
   }
 }
+
+@media (forced-colors: active) {
+  .spectrum-Calendar-date {
+    color: CanvasText;
+    forced-color-adjust: none;
+    --spectrum-calendar-button-icon-color: ButtonText;
+    --spectrum-calendar-day-background-color-cap-selected: Highlight;
+    --spectrum-calendar-day-background-color-cap-invalid-selected: Highlight;
+    --spectrum-calendar-day-background-color-cap-invalid-selected-down: Highlight;
+    --spectrum-calendar-day-background-color-cap-invalid-selected-hover: Highlight;
+    --spectrum-calendar-day-background-color-cap-selected-down: Highlight;
+    --spectrum-calendar-day-background-color-cap-selected-hover: Highlight;
+    --spectrum-calendar-day-background-color-disabled: ButtonFace;
+    --spectrum-calendar-day-background-color-down: ButtonFace;
+    --spectrum-calendar-day-background-color-hover: ButtonFace;
+    --spectrum-calendar-day-background-color-invalid-selected: Highlight;
+    --spectrum-calendar-day-background-color-selected-hover: Highlight;
+    --spectrum-calendar-day-background-color-selected: Highlight;  
+    --spectrum-calendar-day-border-color-key-focus: ButtonText;
+    --spectrum-calendar-day-text-color-cap-selected: HighlightText;
+    --spectrum-calendar-day-text-color-cap-selected-hover: HighlightText;
+    --spectrum-calendar-day-text-color-disabled: GrayText;
+    --spectrum-calendar-day-text-color-hover: ButtonText;
+    --spectrum-calendar-day-text-color-selected-hover: HighlightText;
+    --spectrum-calendar-day-title-text-color: CanvasText;
+    --spectrum-calendar-day-today-background-color: ButtonText;
+    --spectrum-calendar-day-today-background-color-down: ButtonText;
+    --spectrum-calendar-day-today-background-color-hover: ButtonText;
+    --spectrum-calendar-day-today-text-color: ButtonFace;
+    &.is-range-selection {
+      color: HighlightText;
+    }
+    &.is-disabled {
+      &.is-range-selection {
+        background: Highlight;
+        color: HighlightText;
+      }
+
+      &.is-selected {
+        background: Highlight;
+        color: HighlightText;
+      }
+    }
+    &.is-unavailable {
+      &.is-today {
+        color: var(--spectrum-calendar-day-text-color-hover);
+      }
+    }
+    &:hover {
+      &.is-today {
+        color: var(--spectrum-calendar-day-today-text-color);
+      }
+    }
+  }
+}

packages/@adobe/spectrum-css-temp/components/checkbox/skin.css

@@ -1,4 +1,4 @@
-/*
+/* 
 Copyright 2019 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License. You may obtain a copy
@@ -207,3 +207,62 @@ governing permissions and limitations under the License.
     }
   }
 }
+@media (forced-colors: active) {
+  .spectrum-Checkbox {
+    forced-color-adjust: none;
+    --spectrum-checkbox-box-border-color: ButtonText;
+    --spectrum-checkbox-box-border-color-error: Highlight;
+    --spectrum-checkbox-box-border-color-error-down: Highlight;
+    --spectrum-checkbox-box-border-color-error-hover: Highlight;
+    --spectrum-checkbox-box-border-color-key-focus: Highlight;
+    --spectrum-checkbox-checkmark-color: HighlightText;
+    --spectrum-checkbox-emphasized-box-background-color: ButtonFace;
+    --spectrum-checkbox-emphasized-box-background-color-disabled: ButtonFace;
+    --spectrum-checkbox-emphasized-box-border-color: ButtonText;
+    --spectrum-checkbox-emphasized-box-border-color-disabled: GrayText;
+    --spectrum-checkbox-emphasized-box-border-color-down: Highlight;
+    --spectrum-checkbox-emphasized-box-border-color-hover: Highlight;
+    --spectrum-checkbox-emphasized-box-border-color-selected: Highlight;
+    --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
+    --spectrum-checkbox-emphasized-box-border-color-selected-hover: Highlight;
+    --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: Highlight;
+    --spectrum-checkbox-emphasized-text-color: FieldText;
+    --spectrum-checkbox-emphasized-text-color-down: FieldText;
+    --spectrum-checkbox-emphasized-text-color-hover: FieldText;
+    --spectrum-checkbox-emphasized-text-color-key-focus: FieldText;
+    --spectrum-checkbox-focus-ring-color-key-focus: ButtonText;
+    --spectrum-checkbox-quiet-box-border-color-selected: Highlight;
+    --spectrum-checkbox-quiet-box-border-color-selected-down: Highlight;
+    --spectrum-checkbox-quiet-box-border-color-selected-hover: Highlight;
+    --spectrum-checkbox-text-color: FieldText;
+    --spectrum-checkbox-text-color-disabled: GrayText;
+    --spectrum-checkbox-text-color-error: FieldText;
+    --spectrum-checkbox-text-color-error-down: FieldText;
+    --spectrum-checkbox-text-color-error-hover: FieldText;
+
+     &.is-invalid {
+      .spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-box-border-color);
+        }
+      }
+      &.is-indeterminate .spectrum-Checkbox-box {
+          &:before {
+            border-color: var(--spectrum-checkbox-box-border-color-error);
+          }
+        }
+      &.is-disabled .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
+        &:before {
+          border-color: GrayText;
+        }
+      }
+      /* Extra-specific selectors added here to handle checked state */
+      .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box
+      {
+        &:before {
+          border-color: var(--spectrum-checkbox-box-border-color-error);
+        }
+      }
+    } 
+  }
+}

packages/@adobe/spectrum-css-temp/components/colorarea/skin.css

@@ -9,28 +9,29 @@
   .spectrum-ColorHandle-color {
     forced-color-adjust: none;
   }
-  
+
   .spectrum-ColorArea {
     &.is-disabled {
       background: var(--spectrum-colorarea-fill-color-disabled);
-  
+
       &:before {
         box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size) var(--spectrum-colorarea-border-color-disabled);
       }
-  
+
       .spectrum-ColorArea-gradient {
         display: none;
       }
     }
   }
-  
+
   @media (forced-colors: active) {
     .spectrum-ColorArea {
       --spectrum-colorarea-fill-color-disabled : GrayText;
     }
     .spectrum-ColorArea {
+      forced-color-adjust: none;
       &.is-disabled {
         forced-color-adjust: none;
       }
     }
-  }
+  }

packages/@adobe/spectrum-css-temp/components/colorhandle/skin.css

@@ -34,3 +34,13 @@
 .spectrum-ColorHandle-color {
   box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size) var(--spectrum-colorhandle-outer-border-color);
 }
+
+@media (forced-colors: active) {
+  .spectrum-ColorHandle {
+    forced-color-adjust: none;
+    --spectrum-colorhandle-inner-border-color-disabled: GrayText;
+    --spectrum-colorhandle-fill-color-disabled: GrayText;
+    --spectrum-colorhandle-inner-border-color: ButtonText;
+    --spectrum-colorhandle-outer-border-color: ButtonFace;
+  }
+}

packages/@adobe/spectrum-css-temp/components/colorloupe/skin.css

@@ -9,3 +9,11 @@
 .spectrum-ColorLoupe-inner-checker {
   fill: var(--spectrum-global-color-static-gray-500);
 }
+
+@media (forced-colors: active) {
+  .spectrum-ColorLoupe {
+    forced-color-adjust: none;
+    --spectrum-colorloupe-inner-border-color: ButtonText;
+    --spectrum-colorloupe-outer-border-color: ButtonFace;
+  }
+}

packages/@adobe/spectrum-css-temp/components/colorslider/skin.css

@@ -25,3 +25,13 @@
     margin: 0;
   }
 }
+
+@media (forced-colors: active) {
+  .spectrum-ColorSlider {
+    forced-color-adjust: none;
+    --spectrum-colorslider-fill-color-disabled: GrayText;
+    --spectrum-colorslider-border-color-disabled: GrayText;
+    --spectrum-colorslider-border-color: ButtonText;
+    --spectrum-colorarea-border-color: ButtonText;
+  }
+}

packages/@adobe/spectrum-css-temp/components/colorwheel/skin.css

@@ -27,3 +27,13 @@
     border-color: var(--spectrum-colorwheel-border-color);
   }
 }
+
+@media (forced-colors: active) {
+  .spectrum-ColorWheel {
+    forced-color-adjust: none;
+    --spectrum-colorwheel-fill-color-disabled: GrayText;
+    --spectrum-colorwheel-border-color-disabled: GrayText;
+    --spectrum-colorwheel-border-color: ButtonText;
+    --spectrum-colorarea-border-color: ButtonText;
+  }
+}

packages/@adobe/spectrum-css-temp/components/dropdown/skin.css

@@ -11,6 +11,9 @@ governing permissions and limitations under the License.
 */
 
 .spectrum-Dropdown {
+  /* Override to gray-800 to meet WCAG */
+  --spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800);
+
   .spectrum-Dropdown-trigger:hover {
     .spectrum-Dropdown-chevron {
       color: var(--spectrum-dropdown-icon-color-hover);
@@ -62,8 +65,7 @@ governing permissions and limitations under the License.
 
 .spectrum-Dropdown-label {
   &.is-placeholder {
-    /* Override to gray-800 to meet WCAG */
-    color: var(--spectrum-global-color-gray-800);
+    color: var(--spectrum-dropdown-placeholder-text-color);
   }
 }
 
@@ -85,3 +87,29 @@ governing permissions and limitations under the License.
     color: var(--spectrum-dropdown-icon-color-key-focus)
   }
 }
+
+@media (forced-colors: active) {
+  .spectrum-Dropdown {
+    --spectrum-dropdown-icon-color: ButtonText;
+    --spectrum-dropdown-icon-color-disabled: GrayText;
+    --spectrum-dropdown-icon-color-hover: ButtonText;
+    --spectrum-dropdown-icon-color-key-focus: ButtonText;
+    --spectrum-dropdown-placeholder-text-color: GrayText;
+    --spectrum-dropdown-placeholder-text-color-disabled: GrayText;
+    --spectrum-dropdown-placeholder-text-color-down: GrayText;
+    --spectrum-dropdown-placeholder-text-color-hover: GrayText;
+    --spectrum-dropdown-placeholder-text-color-key-focus: GrayText;
+    --spectrum-dropdown-placeholder-text-color-mouse-focus: GrayText;
+    --spectrum-dropdown-text-color-disabled: GrayText;
+    --spectrum-dropdown-validation-icon-color-error: ButtonText;
+  }
+  /*Override the label behaviour when NOT a placeholder*/
+  .spectrum-Dropdown-trigger {
+    &:hover .spectrum-Dropdown-label {
+      color: ButtonText;
+      &.is-placeholder {
+        color: GrayText;
+      }
+    }
+  }
+}

packages/@adobe/spectrum-css-temp/components/inputgroup/skin.css

@@ -217,3 +217,81 @@ governing permissions and limitations under the License.
     }
   }
 }
+@media (forced-colors: active) {
+  .spectrum-InputGroup {
+    --spectrum-dropdown-border-color-error: Highlight;
+    --spectrum-dropdown-border-color-key-focus: Highlight;
+    --spectrum-textfield-border-color-error: Highlight;
+    --spectrum-textfield-border-color-hover: Highlight;
+    --spectrum-textfield-border-color-key-focus: Highlight;
+    --spectrum-textfield-quiet-border-color: CanvasText;
+    --spectrum-textfield-quiet-border-color-disabled: GrayText;
+    --spectrum-textfield-quiet-border-color-hover: Highlight;
+    --spectrum-textfield-quiet-border-color-key-focus: Highlight;
+    --spectrum-textfield-text-color-disabled: GrayText;
+    forced-color-adjust: none;
+    .spectrum-InputGroup-input {
+      forced-color-adjust: auto;
+    }
+    .spectrum-FieldButton {
+      forced-color-adjust: auto;
+    }  
+
+    &.is-disabled:not(.spectrum-InputGroup--invalid):not(.spectrum-InputGroup--quiet) .spectrum-FieldButton {
+      border-color: GrayText;
+      border-width: 1px;
+    }
+  }
+
+  .spectrum-InputGroup--quiet {
+    /*
+      specifically for readonly inputgroups that aren't disabled since the button will have the disabled class
+      but we don't want the border color to be the disabled quiet one
+    */
+    &:not(.is-disabled) {
+      .spectrum-FieldButton {
+        &:disabled,
+        &:disabled:hover {
+          border-color: var(--spectrum-textfield-quiet-border-color);
+        }
+      }
+    }
+    &.is-disabled {
+      .spectrum-FieldButton {
+        border-color: GrayText;
+      }
+    }
+  }
+  .spectrum-InputGroup--invalid {
+    .spectrum-FieldButton {
+      border-color: Highlight;
+    }
+    &.is-disabled:not(.spectrum-InputGroup--quiet) .spectrum-InputGroup-input {
+      border-color: GrayText;
+    }
+    &.is-disabled {
+      &.spectrum-InputGroup--quiet .spectrum-InputGroup-input {
+        border-color: GrayText;
+      }
+      &.spectrum-InputGroup--quiet .spectrum-FieldButton {
+        border-color: GrayText;
+      }
+    }
+    &.is-disabled:not(.spectrum-InputGroup--quiet) .spectrum-FieldButton {
+      border-color: GrayText;
+    }
+  }
+
+  .spectrum-InputGroup {
+    &:focus-ring
+    {
+      &:not(.spectrum-InputGroup--quiet) {
+        outline:2px solid Highlight;
+      }
+      &.spectrum-InputGroup--quiet {
+        box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus);
+      }   
+    }
+  }
+}
+