From 91f6c042f6f5c4a7105e2640ed495191f62a9e6e Mon Sep 17 00:00:00 2001
From: Larry Davis <lazdnet@gmail.com>
Date: Fri, 11 Jun 2021 08:20:49 -0700
Subject: [PATCH] fix: use renamed aliases

---
 components/assetlist/skin.css | 2 +-
 components/site/skin.css      | 2 +-
 components/table/skin.css     | 8 ++++----
 components/textfield/skin.css | 2 +-
 components/thumbnail/skin.css | 2 +-
 components/treeview/skin.css  | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/assetlist/skin.css b/components/assetlist/skin.css
index c833f080c1..a7e3a07d41 100644
--- a/components/assetlist/skin.css
+++ b/components/assetlist/skin.css
@@ -21,7 +21,7 @@ governing permissions and limitations under the License.
       background-color: var(--spectrum-millercolumn-item-background-color-hover);
       &::before {
         /* we cannot achieve rounded corners with outline so we use box-shadow instead */
-        box-shadow: 0px 0px 0px 2px var(--spectrum-alias-border-color-focus) inset;
+        box-shadow: 0px 0px 0px 2px var(--spectrum-alias-border-color-key-focus) inset;
       }
     }
   }
diff --git a/components/site/skin.css b/components/site/skin.css
index 0ae6168f47..dff59e919d 100644
--- a/components/site/skin.css
+++ b/components/site/skin.css
@@ -101,7 +101,7 @@ governing permissions and limitations under the License.
 }
 
 .spectrum-CSSExample-oldAPI {
-  color: var(--spectrum-semantic-negative-color-text-small);
+  color: var(--spectrum-semantic-negative-text-color-small);
 }
 
 .spectrum-CodeBlock {
diff --git a/components/table/skin.css b/components/table/skin.css
index a9d79ab300..399187231d 100644
--- a/components/table/skin.css
+++ b/components/table/skin.css
@@ -63,8 +63,8 @@ governing permissions and limitations under the License.
   background-color: var(--spectrum-table-background-color);
 
   &.is-drop-target {
-    border-color: var(--spectrum-alias-border-color-focus);
-    box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus);
+    border-color: var(--spectrum-alias-border-color-key-focus);
+    box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-key-focus);
 
     &::before {
       background-color: var(--spectrum-alias-highlight-selected);
@@ -134,7 +134,7 @@ tbody.spectrum-Table-body {
 
   &.is-drop-target {
     &::before {
-      box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus);
+      box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-key-focus);
       background-color: var(--spectrum-alias-highlight-selected);
     }
   }
@@ -160,7 +160,7 @@ tbody.spectrum-Table-body {
       border-color: transparent;
 
       &::before {
-        box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus);
+        box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-key-focus);
       }
     }
   }
diff --git a/components/textfield/skin.css b/components/textfield/skin.css
index 980a09ba11..aac63fd950 100644
--- a/components/textfield/skin.css
+++ b/components/textfield/skin.css
@@ -12,7 +12,7 @@ governing permissions and limitations under the License.
 
 .spectrum-Textfield {
   /* todo: remove with DNA updated */
-  --spectrum-textfield-m-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-color-icon);
+  --spectrum-textfield-m-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color);
 }
 
 .spectrum-Textfield {
diff --git a/components/thumbnail/skin.css b/components/thumbnail/skin.css
index 6551375187..1ee249ab87 100644
--- a/components/thumbnail/skin.css
+++ b/components/thumbnail/skin.css
@@ -16,7 +16,7 @@ governing permissions and limitations under the License.
   --spectrum-thumbnail-border-size-focus: var(--spectrum-alias-border-size-thick);
 
   --spectrum-thumbnail-border-color: var(--spectrum-alias-dropshadow-color);
-  --spectrum-thumbnail-border-color-focus: var(--spectrum-alias-border-color-focus);
+  --spectrum-thumbnail-border-color-focus: var(--spectrum-alias-border-color-key-focus);
   --spectrum-thumbnail-border-color-selected: var(--spectrum-global-color-blue-500);
 }
 
diff --git a/components/treeview/skin.css b/components/treeview/skin.css
index 4cf00853eb..7f8b5f61d9 100644
--- a/components/treeview/skin.css
+++ b/components/treeview/skin.css
@@ -21,7 +21,7 @@ governing permissions and limitations under the License.
   --spectrum-treeview-item-icon-color: var(--spectrum-alias-icon-color);
   --spectrum-treeview-item-icon-color-hover: var(--spectrum-alias-icon-color-hover);
   /*--spectrum-treeview-item-icon-color-down: var(--spectrum-alias-icon-color-down);*/ /* not used */
-  --spectrum-treeview-item-icon-color-focus: var(--spectrum-alias-icon-color-focus);
+  --spectrum-treeview-item-icon-color-focus: var(--spectrum-alias-icon-color-key-focus);
   --spectrum-treeview-item-icon-color-selected: var(--spectrum-alias-icon-color-selected-neutral);
   --spectrum-treeview-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled);