diff --git a/packages/@adobe/spectrum-css-temp/components/tags/index.css b/packages/@adobe/spectrum-css-temp/components/tags/index.css
index 59d73cafec3..03dcd3068d9 100644
--- a/packages/@adobe/spectrum-css-temp/components/tags/index.css
+++ b/packages/@adobe/spectrum-css-temp/components/tags/index.css
@@ -34,15 +34,15 @@ governing permissions and limitations under the License.
 }
 
 .spectrum-Tags-item {
-  float: left;
+  float: inline-start;
   display: inline-flex;
   align-items: center;
   box-sizing: border-box;
 
   margin: calc(var(--spectrum-taggroup-tag-gap-y) / 2) calc(var(--spectrum-taggroup-tag-gap-x) / 2);
   padding: 0 calc(var(--spectrum-tag-padding-x) - var(--spectrum-tag-border-size));
-  height: var(--spectrum-tag-height);
-  max-width: 100%;
+  block-size: var(--spectrum-tag-height);
+  max-inline-size: 100%;
 
   border-width: var(--spectrum-tag-border-size);
   border-style: solid;
@@ -59,25 +59,23 @@ governing permissions and limitations under the License.
     pointer-events: none;
   }
 
-  > .spectrum-Icon,
-  > .spectrum-Avatar {
-    margin-right: var(--spectrum-tag-icon-padding-x);
-
-    /* Add padding for "avatar" variant */
-    margin-left: calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-x));
-
-    ~ .spectrum-Tags-itemLabel {
-      margin-right: calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-x));
-    }
+  > .spectrum-Tags-itemIcon {
+    margin-inline-end: var(--spectrum-tag-icon-padding-x);
+    margin-inline-start: calc(-1 * var(--spectrum-tag-deletable-border-size-key-focus));
   }
 
-  .spectrum-ClearButton {
-    margin-right: calc(-1 * var(--spectrum-tag-padding-x));
+  .spectrum-Tags-itemClearButton {
+    display: flex;
+    margin-inline-end: calc(-0.5 * var(--spectrum-tag-padding-x));
+    margin-inline-start: var(--spectrum-tag-deletable-border-size-key-focus);
+    block-size: var(--spectrum-alias-font-size-default);
+    inline-size: var(--spectrum-alias-font-size-default);
+    border-radius: var(--spectrum-alias-border-radius-small);
   }
 }
 
 .spectrum-Tags-itemLabel {
-  height: 100%;
+  block-size: 100%;
   line-height: calc(var(--spectrum-tag-height) - calc(var(--spectrum-tag-border-size) * 2));
   flex: 1 1 auto;
   font-size: var(--spectrum-tag-text-size);
diff --git a/packages/@adobe/spectrum-css-temp/components/tags/skin.css b/packages/@adobe/spectrum-css-temp/components/tags/skin.css
index 43920b66ade..63b534826ca 100644
--- a/packages/@adobe/spectrum-css-temp/components/tags/skin.css
+++ b/packages/@adobe/spectrum-css-temp/components/tags/skin.css
@@ -15,57 +15,68 @@ governing permissions and limitations under the License.
   background-color: var(--spectrum-tag-background-color);
   border-color: var(--spectrum-tag-border-color);
 
-  .spectrum-ClearButton {
-    color: var(--spectrum-tag-deletable-icon-color);
-  }
-
   &:hover {
     background-color: var(--spectrum-tag-background-color-hover);
     color: var(--spectrum-tag-text-color-hover);
     border-color: var(--spectrum-tag-border-color-hover);
-
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-deletable-icon-color-hover);
-    }
   }
 
-  &:focus-ring {
+  &.focus-ring {
     background-color: var(--spectrum-tag-background-color-key-focus);
     color: var(--spectrum-tag-text-color-key-focus);
     border-color: var(--spectrum-tag-border-color-key-focus);
     box-shadow: 0 0 0 1px var(--spectrum-tag-border-color-key-focus);
+  }
 
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-deletable-icon-color-key-focus);
+  &.is-selected {
+    background-color: var(--spectrum-tag-background-color-selected);
+    color: var(--spectrum-tag-text-color-selected);
+    border-color: var(--spectrum-tag-border-color-selected);
+    &:hover {
+      background-color: var(--spectrum-tag-background-color-selected-hover);
+    }
+
+    &.focus-ring {
+      box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-selected-key-focus);
+      border-color: var(--spectrum-tag-text-color-selected-key-focus);
+    }
+    &.is-invalid {
+      border-color: var(--spectrum-tag-border-color-error-selected);
+      .spectrum-Tags-itemIcon,
+      .spectrum-Tags-itemLabel,
+      .spectrum-Tags-itemClearButton {
+        color: var(--spectrum-tag-text-color-error-selected);
+      }
+      &.focus-ring {
+        box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus);
+        border-color: var(--spectrum-tag-border-color-error-selected);
+      }
+      &:hover {
+        border-color: var(--spectrum-tag-border-color-selected);
+      }
     }
   }
 
   &.is-invalid {
-    color: var(--spectrum-tag-text-color-error);
+    color: var(--spectrum-tag-icon-color-error);
     border-color: var(--spectrum-tag-border-color-error);
 
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-icon-color-error);
-    }
-
     &:hover {
-      color: var(--spectrum-tag-text-color-error-hover);
+      color: var(--spectrum-tag-icon-color-error-hover);
       border-color: var(--spectrum-tag-border-color-error-hover);
-
-      .spectrum-ClearButton {
-        color: var(--spectrum-tag-icon-color-error-hover);
-      }
     }
 
-    &:focus-ring {
-      color: var(--spectrum-tag-text-color-error-key-focus);
+    &.focus-ring {
+      color: var(--spectrum-tag-icon-color-error-hover);
       border-color: var(--spectrum-tag-border-color-key-focus);
       box-shadow: 0 0 0 1px var(--spectrum-tag-border-color-key-focus);
+    }
 
-      .spectrum-ClearButton {
-        color: var(--spectrum-tag-icon-color-error-key-focus);
-      }
+    .spectrum-Tags-itemIcon,
+    .spectrum-Tags-itemClearButton {
+      color: var(--spectrum-tag-border-color-error);
     }
+
   }
 
   &.is-disabled {
@@ -80,58 +91,67 @@ governing permissions and limitations under the License.
   }
 }
 
-.spectrum-Tags-item--deletable {
+.spectrum-Tags-item--removable {
   &:hover {
-    color: var(--spectrum-tag-deletable-text-color-hover);
-
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-deletable-icon-color-hover);
-    }
+    color: var(--spectrum-tag-removable-text-color-hover);
   }
 
   &:active {
-    color: var(--spectrum-tag-deletable-text-color-down);
-
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-deletable-icon-color-down);
-    }
+    color: var(--spectrum-tag-removable-text-color-down);
   }
 
   &.is-invalid {
     &:hover {
-      border-color: var(--spectrum-tag-deletable-border-color-error-hover);
-      color: var(--spectrum-tag-deletable-text-color-error-hover);
-
-      .spectrum-ClearButton {
-        color: var(--spectrum-tag-deletable-icon-color-error-hover);
+      border-color: var(--spectrum-tag-removable-border-color-error-hover);
+      .spectrum-Tags-itemClearButton {
+        color: var(--spectrum-tag-removable-border-color-error-hover);
       }
     }
 
-    &:active {
-      border-color: var(--spectrum-tag-deletable-border-color-error-down);
-      color: var(--spectrum-tag-deletable-text-color-error-down);
+    .spectrum-Tags-itemClearButton {
+      &.is-focused {
+         color: var(--spectrum-tag-icon-color-error-hover);
+       }
+     }
 
-      .spectrum-ClearButton {
-        color: var(--spectrum-tag-deletable-icon-color-error-down);
-      }
+    &:active {
+      border-color: var(--spectrum-tag-removable-border-color-error-down);
+      color: var(--spectrum-tag-removable-text-color-error-down);
     }
   }
 
-  &:focus-ring {
-    color: var(--spectrum-tag-deletable-text-color-key-focus);
+  &.is-focused {
+    color: var(--spectrum-tag-removable-text-color-key-focus);
 
-    .spectrum-ClearButton {
-      color: var(--spectrum-tag-deletable-icon-color-key-focus);
+    &.is-invalid {
+      color: var(--spectrum-tag-removable-text-color-error-key-focus);
     }
+  }
 
-    &.is-invalid {
-      color: var(--spectrum-tag-deletable-text-color-error-key-focus);
+  &.is-selected {
+    color: var(--spectrum-tag-removable-text-color-selected);
+    &.is-focused {
+       color: var(--spectrum-tag-removable-text-color-selected-key-focus);
+    }
+    .spectrum-Tags-itemClearButton {
+      color: var(--spectrum-tag-removable-button-icon-color-selected);
+      &:hover {
+         background-color: var(--spectrum-tag-removable-button-background-color-selected-hover);
+         color: var(--spectrum-tag-removable-button-icon-color-selected-hover);
+      }
     }
   }
-}
 
-.spectrum-Tags-item.is-disabled .spectrum-ClearButton {
-  .spectrum-Icon {
-    color: var(--spectrum-tag-icon-color-disabled);
+  .spectrum-Tags-itemClearButton {
+    &.is-focused {
+       border: 2px solid var(--spectrum-tag-removable-border-color-key-focus);
+       border-radius: var(--spectrum-alias-border-radius-regular);
+       background-color: var(--spectrum-tag-removable-button-background-color-key-focus);
+       color: var(--spectrum-tag-removable-button-icon-color-key-focus);
+    }
+    &:hover {
+      background-color: var(--spectrum-tag-removable-button-background-color-hover);
+      color: var(--spectrum-tag-removable-button-icon-color-hover);
+    }
   }
 }
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-dark.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-dark.css
index fbc12b79135..15bb9c7f872 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-dark.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-dark.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(62, 62, 62);
   --spectrum-tag-text-color-disabled: rgb(110, 110, 110);
   --spectrum-tag-icon-color-disabled: rgb(110, 110, 110);
+  --spectrum-tag-background-color-selected: rgb(185, 185, 185);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-icon-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-background-color-selected-hover: rgb(227, 227, 227);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-icon-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-background-color-selected-key-focus: rgb(227, 227, 227);
+  --spectrum-tag-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-text-color-selected-key-focus: rgb(37, 37, 37);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(37, 37, 37);
   --spectrum-tag-border-color-error: rgb(236, 91, 98);
   --spectrum-tag-icon-color-error: rgb(236, 91, 98);
   --spectrum-tag-text-color-error: rgb(185, 185, 185);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(255, 123, 130);
   --spectrum-tag-icon-color-error-down: rgb(255, 123, 130);
   --spectrum-tag-text-color-error-down: rgb(255, 255, 255);
+  --spectrum-tag-background-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-border-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-text-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-icon-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-background-color-error-selected: rgb(185, 185, 185);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(37, 37, 37);
+  --spectrum-tag-text-color-error-selected: rgb(37, 37, 37);
   --spectrum-tag-deletable-background-color: rgb(47, 47, 47);
   --spectrum-tag-deletable-border-color: rgb(144, 144, 144);
   --spectrum-tag-deletable-text-color: rgb(185, 185, 185);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(62, 62, 62);
   --spectrum-tag-deletable-text-color-disabled: rgb(110, 110, 110);
   --spectrum-tag-deletable-icon-color-disabled: rgb(110, 110, 110);
+  --spectrum-tag-deletable-background-color-selected: rgb(185, 185, 185);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-deletable-icon-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(227, 227, 227);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(227, 227, 227);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(37, 37, 37);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(37, 37, 37);
   --spectrum-tag-deletable-border-color-error: rgb(236, 91, 98);
   --spectrum-tag-deletable-icon-color-error: rgb(236, 91, 98);
   --spectrum-tag-deletable-text-color-error: rgb(185, 185, 185);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(255, 123, 130);
   --spectrum-tag-deletable-icon-color-error-down: rgb(255, 123, 130);
   --spectrum-tag-deletable-text-color-error-down: rgb(185, 185, 185);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(185, 185, 185);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(37, 37, 37);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(37, 37, 37);
+  --spectrum-tag-removable-background-color: rgb(47, 47, 47);
+  --spectrum-tag-removable-border-color: rgb(144, 144, 144);
+  --spectrum-tag-removable-text-color: rgb(185, 185, 185);
+  --spectrum-tag-removable-icon-color: rgb(144, 144, 144);
+  --spectrum-tag-removable-background-color-hover: rgb(47, 47, 47);
+  --spectrum-tag-removable-border-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-hover: rgb(74, 74, 74);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-down: rgb(47, 47, 47);
+  --spectrum-tag-removable-border-color-down: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-down: rgb(185, 185, 185);
+  --spectrum-tag-removable-icon-color-down: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-key-focus: rgb(47, 47, 47);
+  --spectrum-tag-removable-border-color-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-key-focus: rgb(185, 185, 185);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(74, 74, 74);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-disabled: rgb(62, 62, 62);
+  --spectrum-tag-removable-border-color-disabled: rgb(62, 62, 62);
+  --spectrum-tag-removable-text-color-disabled: rgb(110, 110, 110);
+  --spectrum-tag-removable-icon-color-disabled: rgb(110, 110, 110);
+  --spectrum-tag-removable-background-color-selected: rgb(185, 185, 185);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-removable-icon-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(37, 37, 37);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(227, 227, 227);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(37, 37, 37);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(144, 144, 144);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(227, 227, 227);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(37, 37, 37);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(37, 37, 37);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(185, 185, 185);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(37, 37, 37);
+  --spectrum-tag-removable-border-color-error: rgb(236, 91, 98);
+  --spectrum-tag-removable-icon-color-error: rgb(236, 91, 98);
+  --spectrum-tag-removable-text-color-error: rgb(185, 185, 185);
+  --spectrum-tag-removable-border-color-error-hover: rgb(247, 109, 116);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(247, 109, 116);
+  --spectrum-tag-removable-text-color-error-hover: rgb(185, 185, 185);
+  --spectrum-tag-removable-background-color-error-hover: rgb(74, 74, 74);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(247, 109, 116);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(185, 185, 185);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(74, 74, 74);
+  --spectrum-tag-removable-border-color-error-down: rgb(255, 123, 130);
+  --spectrum-tag-removable-icon-color-error-down: rgb(255, 123, 130);
+  --spectrum-tag-removable-text-color-error-down: rgb(185, 185, 185);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(62, 62, 62);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(110, 110, 110);
+  --spectrum-tag-removable-background-color-error-selected: rgb(185, 185, 185);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(37, 37, 37);
+  --spectrum-tag-removable-text-color-error-selected: rgb(37, 37, 37);
   --spectrum-textfield-placeholder-text-color: rgb(144, 144, 144);
   --spectrum-textfield-text-color: rgb(227, 227, 227);
   --spectrum-textfield-background-color: rgb(37, 37, 37);
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-darkest.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-darkest.css
index e0dcf737c40..8083994dc5b 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-darkest.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-darkest.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(44, 44, 44);
   --spectrum-tag-text-color-disabled: rgb(92, 92, 92);
   --spectrum-tag-icon-color-disabled: rgb(92, 92, 92);
+  --spectrum-tag-background-color-selected: rgb(162, 162, 162);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-icon-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-background-color-selected-hover: rgb(200, 200, 200);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-icon-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-background-color-selected-key-focus: rgb(200, 200, 200);
+  --spectrum-tag-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-text-color-selected-key-focus: rgb(8, 8, 8);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(8, 8, 8);
   --spectrum-tag-border-color-error: rgb(227, 72, 80);
   --spectrum-tag-icon-color-error: rgb(227, 72, 80);
   --spectrum-tag-text-color-error: rgb(162, 162, 162);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(247, 109, 116);
   --spectrum-tag-icon-color-error-down: rgb(247, 109, 116);
   --spectrum-tag-text-color-error-down: rgb(239, 239, 239);
+  --spectrum-tag-background-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-border-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-text-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-icon-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-background-color-error-selected: rgb(162, 162, 162);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(8, 8, 8);
+  --spectrum-tag-text-color-error-selected: rgb(8, 8, 8);
   --spectrum-tag-deletable-background-color: rgb(26, 26, 26);
   --spectrum-tag-deletable-border-color: rgb(124, 124, 124);
   --spectrum-tag-deletable-text-color: rgb(162, 162, 162);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(44, 44, 44);
   --spectrum-tag-deletable-text-color-disabled: rgb(92, 92, 92);
   --spectrum-tag-deletable-icon-color-disabled: rgb(92, 92, 92);
+  --spectrum-tag-deletable-background-color-selected: rgb(162, 162, 162);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-deletable-icon-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(200, 200, 200);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(200, 200, 200);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(8, 8, 8);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(8, 8, 8);
   --spectrum-tag-deletable-border-color-error: rgb(227, 72, 80);
   --spectrum-tag-deletable-icon-color-error: rgb(227, 72, 80);
   --spectrum-tag-deletable-text-color-error: rgb(162, 162, 162);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(247, 109, 116);
   --spectrum-tag-deletable-icon-color-error-down: rgb(247, 109, 116);
   --spectrum-tag-deletable-text-color-error-down: rgb(162, 162, 162);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(162, 162, 162);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(8, 8, 8);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(8, 8, 8);
+  --spectrum-tag-removable-background-color: rgb(26, 26, 26);
+  --spectrum-tag-removable-border-color: rgb(124, 124, 124);
+  --spectrum-tag-removable-text-color: rgb(162, 162, 162);
+  --spectrum-tag-removable-icon-color: rgb(124, 124, 124);
+  --spectrum-tag-removable-background-color-hover: rgb(26, 26, 26);
+  --spectrum-tag-removable-border-color-hover: rgb(239, 239, 239);
+  --spectrum-tag-removable-text-color-hover: rgb(239, 239, 239);
+  --spectrum-tag-removable-icon-color-hover: rgb(239, 239, 239);
+  --spectrum-tag-removable-button-background-color-hover: rgb(57, 57, 57);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(239, 239, 239);
+  --spectrum-tag-removable-background-color-down: rgb(26, 26, 26);
+  --spectrum-tag-removable-border-color-down: rgb(239, 239, 239);
+  --spectrum-tag-removable-text-color-down: rgb(162, 162, 162);
+  --spectrum-tag-removable-icon-color-down: rgb(239, 239, 239);
+  --spectrum-tag-removable-background-color-key-focus: rgb(26, 26, 26);
+  --spectrum-tag-removable-border-color-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-key-focus: rgb(162, 162, 162);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(239, 239, 239);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(57, 57, 57);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(239, 239, 239);
+  --spectrum-tag-removable-background-color-disabled: rgb(44, 44, 44);
+  --spectrum-tag-removable-border-color-disabled: rgb(44, 44, 44);
+  --spectrum-tag-removable-text-color-disabled: rgb(92, 92, 92);
+  --spectrum-tag-removable-icon-color-disabled: rgb(92, 92, 92);
+  --spectrum-tag-removable-background-color-selected: rgb(162, 162, 162);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-removable-icon-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(8, 8, 8);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(200, 200, 200);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(8, 8, 8);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(124, 124, 124);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(200, 200, 200);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(8, 8, 8);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(8, 8, 8);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(162, 162, 162);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(8, 8, 8);
+  --spectrum-tag-removable-border-color-error: rgb(227, 72, 80);
+  --spectrum-tag-removable-icon-color-error: rgb(227, 72, 80);
+  --spectrum-tag-removable-text-color-error: rgb(162, 162, 162);
+  --spectrum-tag-removable-border-color-error-hover: rgb(236, 91, 98);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(236, 91, 98);
+  --spectrum-tag-removable-text-color-error-hover: rgb(162, 162, 162);
+  --spectrum-tag-removable-background-color-error-hover: rgb(57, 57, 57);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(236, 91, 98);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(162, 162, 162);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(57, 57, 57);
+  --spectrum-tag-removable-border-color-error-down: rgb(247, 109, 116);
+  --spectrum-tag-removable-icon-color-error-down: rgb(247, 109, 116);
+  --spectrum-tag-removable-text-color-error-down: rgb(162, 162, 162);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(44, 44, 44);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(92, 92, 92);
+  --spectrum-tag-removable-background-color-error-selected: rgb(162, 162, 162);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(8, 8, 8);
+  --spectrum-tag-removable-text-color-error-selected: rgb(8, 8, 8);
   --spectrum-textfield-placeholder-text-color: rgb(124, 124, 124);
   --spectrum-textfield-text-color: rgb(200, 200, 200);
   --spectrum-textfield-background-color: rgb(8, 8, 8);
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-large.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-large.css
index 21265d6374b..4a420dbc08e 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-large.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-large.css
@@ -2534,6 +2534,20 @@
   --spectrum-tag-deletable-icon-padding-x: 10px;
   --spectrum-tag-deletable-icon-size: 10px;
   --spectrum-tag-deletable-border-size-key-focus: 2px;
+  --spectrum-tag-removable-text-size: 15px;
+  --spectrum-tag-removable-text-font-weight: 400;
+  --spectrum-tag-removable-text-font-style: normal;
+  --spectrum-tag-removable-text-baseline: 10px;
+  --spectrum-tag-removable-height: 30px;
+  --spectrum-tag-removable-icon-height: 10px;
+  --spectrum-tag-removable-icon-width: 10px;
+  --spectrum-tag-removable-border-radius: 5px;
+  --spectrum-tag-removable-border-size: 1px;
+  --spectrum-tag-removable-padding-x: 13px;
+  --spectrum-tag-removable-avatar-padding-x: 10px;
+  --spectrum-tag-removable-icon-padding-x: 10px;
+  --spectrum-tag-removable-icon-size: 10px;
+  --spectrum-tag-removable-border-size-key-focus: 2px;
   --spectrum-taggroup-tag-gap-x: 10px;
   --spectrum-taggroup-tag-gap-y: 10px;
   --spectrum-textfield-placeholder-text-font-style: italic;
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-light.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-light.css
index b4fd874f9d2..6b0dcab50a5 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-light.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-light.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(234, 234, 234);
   --spectrum-tag-text-color-disabled: rgb(179, 179, 179);
   --spectrum-tag-icon-color-disabled: rgb(179, 179, 179);
+  --spectrum-tag-background-color-selected: rgb(110, 110, 110);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-background-color-selected-hover: rgb(75, 75, 75);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-background-color-selected-key-focus: rgb(75, 75, 75);
+  --spectrum-tag-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(255, 255, 255);
   --spectrum-tag-border-color-error: rgb(215, 55, 63);
   --spectrum-tag-icon-color-error: rgb(215, 55, 63);
   --spectrum-tag-text-color-error: rgb(110, 110, 110);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(187, 18, 26);
   --spectrum-tag-icon-color-error-down: rgb(187, 18, 26);
   --spectrum-tag-text-color-error-down: rgb(44, 44, 44);
+  --spectrum-tag-background-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-border-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-text-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-icon-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-background-color-error-selected: rgb(110, 110, 110);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-text-color-error-selected: rgb(255, 255, 255);
   --spectrum-tag-deletable-background-color: rgb(250, 250, 250);
   --spectrum-tag-deletable-border-color: rgb(142, 142, 142);
   --spectrum-tag-deletable-text-color: rgb(110, 110, 110);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(234, 234, 234);
   --spectrum-tag-deletable-text-color-disabled: rgb(179, 179, 179);
   --spectrum-tag-deletable-icon-color-disabled: rgb(179, 179, 179);
+  --spectrum-tag-deletable-background-color-selected: rgb(110, 110, 110);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(75, 75, 75);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(75, 75, 75);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(255, 255, 255);
   --spectrum-tag-deletable-border-color-error: rgb(215, 55, 63);
   --spectrum-tag-deletable-icon-color-error: rgb(215, 55, 63);
   --spectrum-tag-deletable-text-color-error: rgb(110, 110, 110);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(187, 18, 26);
   --spectrum-tag-deletable-icon-color-error-down: rgb(187, 18, 26);
   --spectrum-tag-deletable-text-color-error-down: rgb(110, 110, 110);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(110, 110, 110);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color: rgb(250, 250, 250);
+  --spectrum-tag-removable-border-color: rgb(142, 142, 142);
+  --spectrum-tag-removable-text-color: rgb(110, 110, 110);
+  --spectrum-tag-removable-icon-color: rgb(142, 142, 142);
+  --spectrum-tag-removable-background-color-hover: rgb(250, 250, 250);
+  --spectrum-tag-removable-border-color-hover: rgb(44, 44, 44);
+  --spectrum-tag-removable-text-color-hover: rgb(44, 44, 44);
+  --spectrum-tag-removable-icon-color-hover: rgb(44, 44, 44);
+  --spectrum-tag-removable-button-background-color-hover: rgb(225, 225, 225);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(44, 44, 44);
+  --spectrum-tag-removable-background-color-down: rgb(250, 250, 250);
+  --spectrum-tag-removable-border-color-down: rgb(44, 44, 44);
+  --spectrum-tag-removable-text-color-down: rgb(110, 110, 110);
+  --spectrum-tag-removable-icon-color-down: rgb(44, 44, 44);
+  --spectrum-tag-removable-background-color-key-focus: rgb(250, 250, 250);
+  --spectrum-tag-removable-border-color-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-key-focus: rgb(110, 110, 110);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(44, 44, 44);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(225, 225, 225);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(44, 44, 44);
+  --spectrum-tag-removable-background-color-disabled: rgb(234, 234, 234);
+  --spectrum-tag-removable-border-color-disabled: rgb(234, 234, 234);
+  --spectrum-tag-removable-text-color-disabled: rgb(179, 179, 179);
+  --spectrum-tag-removable-icon-color-disabled: rgb(179, 179, 179);
+  --spectrum-tag-removable-background-color-selected: rgb(110, 110, 110);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(75, 75, 75);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(142, 142, 142);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(75, 75, 75);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(110, 110, 110);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color-error: rgb(215, 55, 63);
+  --spectrum-tag-removable-icon-color-error: rgb(215, 55, 63);
+  --spectrum-tag-removable-text-color-error: rgb(110, 110, 110);
+  --spectrum-tag-removable-border-color-error-hover: rgb(201, 37, 45);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(201, 37, 45);
+  --spectrum-tag-removable-text-color-error-hover: rgb(110, 110, 110);
+  --spectrum-tag-removable-background-color-error-hover: rgb(225, 225, 225);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(201, 37, 45);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(38, 128, 235);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(110, 110, 110);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(225, 225, 225);
+  --spectrum-tag-removable-border-color-error-down: rgb(187, 18, 26);
+  --spectrum-tag-removable-icon-color-error-down: rgb(187, 18, 26);
+  --spectrum-tag-removable-text-color-error-down: rgb(110, 110, 110);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(234, 234, 234);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(179, 179, 179);
+  --spectrum-tag-removable-background-color-error-selected: rgb(110, 110, 110);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-error-selected: rgb(255, 255, 255);
   --spectrum-textfield-placeholder-text-color: rgb(142, 142, 142);
   --spectrum-textfield-text-color: rgb(75, 75, 75);
   --spectrum-textfield-background-color: rgb(255, 255, 255);
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-lightest.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-lightest.css
index a6ef6bdd50b..657f5d9a87d 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-lightest.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-lightest.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(244, 244, 244);
   --spectrum-tag-text-color-disabled: rgb(188, 188, 188);
   --spectrum-tag-icon-color-disabled: rgb(188, 188, 188);
+  --spectrum-tag-background-color-selected: rgb(116, 116, 116);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-background-color-selected-hover: rgb(80, 80, 80);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-background-color-selected-key-focus: rgb(80, 80, 80);
+  --spectrum-tag-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(255, 255, 255);
   --spectrum-tag-border-color-error: rgb(227, 72, 80);
   --spectrum-tag-icon-color-error: rgb(227, 72, 80);
   --spectrum-tag-text-color-error: rgb(116, 116, 116);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(201, 37, 45);
   --spectrum-tag-icon-color-error-down: rgb(201, 37, 45);
   --spectrum-tag-text-color-error-down: rgb(50, 50, 50);
+  --spectrum-tag-background-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-border-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-text-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-icon-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-background-color-error-selected: rgb(116, 116, 116);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-text-color-error-selected: rgb(255, 255, 255);
   --spectrum-tag-deletable-background-color: rgb(255, 255, 255);
   --spectrum-tag-deletable-border-color: rgb(149, 149, 149);
   --spectrum-tag-deletable-text-color: rgb(116, 116, 116);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(244, 244, 244);
   --spectrum-tag-deletable-text-color-disabled: rgb(188, 188, 188);
   --spectrum-tag-deletable-icon-color-disabled: rgb(188, 188, 188);
+  --spectrum-tag-deletable-background-color-selected: rgb(116, 116, 116);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(80, 80, 80);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(80, 80, 80);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(255, 255, 255);
   --spectrum-tag-deletable-border-color-error: rgb(227, 72, 80);
   --spectrum-tag-deletable-icon-color-error: rgb(227, 72, 80);
   --spectrum-tag-deletable-text-color-error: rgb(116, 116, 116);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(201, 37, 45);
   --spectrum-tag-deletable-icon-color-error-down: rgb(201, 37, 45);
   --spectrum-tag-deletable-text-color-error-down: rgb(116, 116, 116);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(116, 116, 116);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color: rgb(149, 149, 149);
+  --spectrum-tag-removable-text-color: rgb(116, 116, 116);
+  --spectrum-tag-removable-icon-color: rgb(149, 149, 149);
+  --spectrum-tag-removable-background-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color-hover: rgb(50, 50, 50);
+  --spectrum-tag-removable-text-color-hover: rgb(50, 50, 50);
+  --spectrum-tag-removable-icon-color-hover: rgb(50, 50, 50);
+  --spectrum-tag-removable-button-background-color-hover: rgb(234, 234, 234);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(50, 50, 50);
+  --spectrum-tag-removable-background-color-down: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color-down: rgb(50, 50, 50);
+  --spectrum-tag-removable-text-color-down: rgb(116, 116, 116);
+  --spectrum-tag-removable-icon-color-down: rgb(50, 50, 50);
+  --spectrum-tag-removable-background-color-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-key-focus: rgb(116, 116, 116);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(50, 50, 50);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(234, 234, 234);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(50, 50, 50);
+  --spectrum-tag-removable-background-color-disabled: rgb(244, 244, 244);
+  --spectrum-tag-removable-border-color-disabled: rgb(244, 244, 244);
+  --spectrum-tag-removable-text-color-disabled: rgb(188, 188, 188);
+  --spectrum-tag-removable-icon-color-disabled: rgb(188, 188, 188);
+  --spectrum-tag-removable-background-color-selected: rgb(116, 116, 116);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(80, 80, 80);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(149, 149, 149);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(80, 80, 80);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(116, 116, 116);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-border-color-error: rgb(227, 72, 80);
+  --spectrum-tag-removable-icon-color-error: rgb(227, 72, 80);
+  --spectrum-tag-removable-text-color-error: rgb(116, 116, 116);
+  --spectrum-tag-removable-border-color-error-hover: rgb(215, 55, 63);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(215, 55, 63);
+  --spectrum-tag-removable-text-color-error-hover: rgb(116, 116, 116);
+  --spectrum-tag-removable-background-color-error-hover: rgb(234, 234, 234);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(215, 55, 63);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(116, 116, 116);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(234, 234, 234);
+  --spectrum-tag-removable-border-color-error-down: rgb(201, 37, 45);
+  --spectrum-tag-removable-icon-color-error-down: rgb(201, 37, 45);
+  --spectrum-tag-removable-text-color-error-down: rgb(116, 116, 116);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(244, 244, 244);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(188, 188, 188);
+  --spectrum-tag-removable-background-color-error-selected: rgb(116, 116, 116);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-error-selected: rgb(255, 255, 255);
   --spectrum-textfield-placeholder-text-color: rgb(149, 149, 149);
   --spectrum-textfield-text-color: rgb(80, 80, 80);
   --spectrum-textfield-background-color: rgb(255, 255, 255);
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-medium.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-medium.css
index 3966a98d9a3..7281f02575f 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-medium.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-medium.css
@@ -2534,6 +2534,20 @@
   --spectrum-tag-deletable-icon-padding-x: 8px;
   --spectrum-tag-deletable-icon-size: 8px;
   --spectrum-tag-deletable-border-size-key-focus: 2px;
+  --spectrum-tag-removable-text-size: 12px;
+  --spectrum-tag-removable-text-font-weight: 400;
+  --spectrum-tag-removable-text-font-style: normal;
+  --spectrum-tag-removable-text-baseline: 8px;
+  --spectrum-tag-removable-height: 24px;
+  --spectrum-tag-removable-icon-height: 8px;
+  --spectrum-tag-removable-icon-width: 8px;
+  --spectrum-tag-removable-border-radius: 4px;
+  --spectrum-tag-removable-border-size: 1px;
+  --spectrum-tag-removable-padding-x: 10px;
+  --spectrum-tag-removable-avatar-padding-x: 8px;
+  --spectrum-tag-removable-icon-padding-x: 8px;
+  --spectrum-tag-removable-icon-size: 8px;
+  --spectrum-tag-removable-border-size-key-focus: 2px;
   --spectrum-taggroup-tag-gap-x: 8px;
   --spectrum-taggroup-tag-gap-y: 8px;
   --spectrum-textfield-placeholder-text-font-style: italic;
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-metadata.json b/packages/@adobe/spectrum-css-temp/vars/spectrum-metadata.json
index 24e3e0dd6fc..8e471670af5 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-metadata.json
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-metadata.json
@@ -563,13 +563,20 @@
   "spectrum-tabs-vertical-status": "Canon",
   "spectrum-tag-name": "Tag (Default)",
   "spectrum-tag-description": "The default variant of Tag",
-  "spectrum-tag-status": "Canon",
-  "spectrum-tag-deletable-name": "Tag (Deletable)",
-  "spectrum-tag-deletable-description": "The deletable variant of Tag",
-  "spectrum-tag-deletable-status": "Canon",
+  "spectrum-tag-status": "Verified",
+  "spectrum-tag-version": "6.0.0",
+  "spectrum-tag-deletable-name": "Tag (Deletable - DEPRECATED)",
+  "spectrum-tag-deletable-description": "Deprecated; use Tag (Removable)",
+  "spectrum-tag-deletable-status": "Deprecated",
+  "spectrum-tag-deletable-version": "5.0.0",
+  "spectrum-tag-removable-name": "Tag (Removable)",
+  "spectrum-tag-removable-description": "The removable variant of Tag",
+  "spectrum-tag-removable-status": "Verified",
+  "spectrum-tag-removable-version": "6.0.0",
   "spectrum-taggroup-name": "Tag Group (Default)",
   "spectrum-taggroup-description": "Group of tags",
-  "spectrum-taggroup-status": "Canon",
+  "spectrum-taggroup-status": "Verified",
+  "spectrum-taggroup-version": "5.0.0",
   "spectrum-textfield-decorated-name": "Textfield (Decorated)",
   "spectrum-textfield-decorated-description": "The Decorated variant of Textfield",
   "spectrum-textfield-decorated-status": "Precursor",
@@ -1290,4 +1297,4 @@
   "spectrum-well-name": "Well (Default)",
   "spectrum-well-description": "The default variant for Well",
   "spectrum-well-status": "Precursor"
-}
\ No newline at end of file
+}
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-middark.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-middark.css
index 2dd83ca84ca..4974d90e536 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-middark.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-middark.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(81, 81, 81);
   --spectrum-tag-text-color-disabled: rgb(118, 118, 118);
   --spectrum-tag-icon-color-disabled: rgb(118, 118, 118);
+  --spectrum-tag-background-color-selected: rgb(186, 186, 186);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-icon-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-background-color-selected-hover: rgb(245, 245, 245);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-icon-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-background-color-selected-key-focus: rgb(245, 245, 245);
+  --spectrum-tag-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-text-color-selected-key-focus: rgb(63, 63, 63);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(63, 63, 63);
   --spectrum-tag-border-color-error: rgb(247, 109, 116);
   --spectrum-tag-icon-color-error: rgb(247, 109, 116);
   --spectrum-tag-text-color-error: rgb(186, 186, 186);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(255, 146, 151);
   --spectrum-tag-icon-color-error-down: rgb(255, 146, 151);
   --spectrum-tag-text-color-error-down: rgb(255, 255, 255);
+  --spectrum-tag-background-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-border-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-text-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-icon-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-background-color-error-selected: rgb(186, 186, 186);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(63, 63, 63);
+  --spectrum-tag-text-color-error-selected: rgb(63, 63, 63);
   --spectrum-tag-deletable-background-color: rgb(71, 71, 71);
   --spectrum-tag-deletable-border-color: rgb(152, 152, 152);
   --spectrum-tag-deletable-text-color: rgb(186, 186, 186);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(81, 81, 81);
   --spectrum-tag-deletable-text-color-disabled: rgb(118, 118, 118);
   --spectrum-tag-deletable-icon-color-disabled: rgb(118, 118, 118);
+  --spectrum-tag-deletable-background-color-selected: rgb(186, 186, 186);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-deletable-icon-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(245, 245, 245);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(245, 245, 245);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(63, 63, 63);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(63, 63, 63);
   --spectrum-tag-deletable-border-color-error: rgb(247, 109, 116);
   --spectrum-tag-deletable-icon-color-error: rgb(247, 109, 116);
   --spectrum-tag-deletable-text-color-error: rgb(186, 186, 186);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(255, 146, 151);
   --spectrum-tag-deletable-icon-color-error-down: rgb(255, 146, 151);
   --spectrum-tag-deletable-text-color-error-down: rgb(186, 186, 186);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(186, 186, 186);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(63, 63, 63);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(63, 63, 63);
+  --spectrum-tag-removable-background-color: rgb(71, 71, 71);
+  --spectrum-tag-removable-border-color: rgb(152, 152, 152);
+  --spectrum-tag-removable-text-color: rgb(186, 186, 186);
+  --spectrum-tag-removable-icon-color: rgb(152, 152, 152);
+  --spectrum-tag-removable-background-color-hover: rgb(71, 71, 71);
+  --spectrum-tag-removable-border-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-icon-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-hover: rgb(87, 87, 87);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-down: rgb(71, 71, 71);
+  --spectrum-tag-removable-border-color-down: rgb(255, 255, 255);
+  --spectrum-tag-removable-text-color-down: rgb(186, 186, 186);
+  --spectrum-tag-removable-icon-color-down: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-key-focus: rgb(71, 71, 71);
+  --spectrum-tag-removable-border-color-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-key-focus: rgb(186, 186, 186);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(87, 87, 87);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(255, 255, 255);
+  --spectrum-tag-removable-background-color-disabled: rgb(81, 81, 81);
+  --spectrum-tag-removable-border-color-disabled: rgb(81, 81, 81);
+  --spectrum-tag-removable-text-color-disabled: rgb(118, 118, 118);
+  --spectrum-tag-removable-icon-color-disabled: rgb(118, 118, 118);
+  --spectrum-tag-removable-background-color-selected: rgb(186, 186, 186);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-removable-icon-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(63, 63, 63);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(245, 245, 245);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(63, 63, 63);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(152, 152, 152);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(245, 245, 245);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(63, 63, 63);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(63, 63, 63);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(186, 186, 186);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(63, 63, 63);
+  --spectrum-tag-removable-border-color-error: rgb(247, 109, 116);
+  --spectrum-tag-removable-icon-color-error: rgb(247, 109, 116);
+  --spectrum-tag-removable-text-color-error: rgb(186, 186, 186);
+  --spectrum-tag-removable-border-color-error-hover: rgb(255, 123, 130);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(255, 123, 130);
+  --spectrum-tag-removable-text-color-error-hover: rgb(186, 186, 186);
+  --spectrum-tag-removable-background-color-error-hover: rgb(87, 87, 87);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(255, 123, 130);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(55, 142, 240);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(186, 186, 186);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(87, 87, 87);
+  --spectrum-tag-removable-border-color-error-down: rgb(255, 146, 151);
+  --spectrum-tag-removable-icon-color-error-down: rgb(255, 146, 151);
+  --spectrum-tag-removable-text-color-error-down: rgb(186, 186, 186);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(81, 81, 81);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(118, 118, 118);
+  --spectrum-tag-removable-background-color-error-selected: rgb(186, 186, 186);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(63, 63, 63);
+  --spectrum-tag-removable-text-color-error-selected: rgb(63, 63, 63);
   --spectrum-textfield-placeholder-text-color: rgb(152, 152, 152);
   --spectrum-textfield-text-color: rgb(245, 245, 245);
   --spectrum-textfield-background-color: rgb(63, 63, 63);
diff --git a/packages/@adobe/spectrum-css-temp/vars/spectrum-midlight.css b/packages/@adobe/spectrum-css-temp/vars/spectrum-midlight.css
index 129a29c7ad4..494de1b1750 100644
--- a/packages/@adobe/spectrum-css-temp/vars/spectrum-midlight.css
+++ b/packages/@adobe/spectrum-css-temp/vars/spectrum-midlight.css
@@ -2305,6 +2305,18 @@
   --spectrum-tag-border-color-disabled: rgb(210, 210, 210);
   --spectrum-tag-text-color-disabled: rgb(160, 160, 160);
   --spectrum-tag-icon-color-disabled: rgb(160, 160, 160);
+  --spectrum-tag-background-color-selected: rgb(97, 97, 97);
+  --spectrum-tag-border-color-selected: transparent;
+  --spectrum-tag-text-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-icon-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-background-color-selected-hover: rgb(60, 60, 60);
+  --spectrum-tag-border-color-selected-hover: transparent;
+  --spectrum-tag-text-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-icon-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-background-color-selected-key-focus: rgb(60, 60, 60);
+  --spectrum-tag-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-text-color-selected-key-focus: rgb(240, 240, 240);
+  --spectrum-tag-icon-color-selected-key-focus: rgb(240, 240, 240);
   --spectrum-tag-border-color-error: rgb(201, 37, 45);
   --spectrum-tag-icon-color-error: rgb(201, 37, 45);
   --spectrum-tag-text-color-error: rgb(97, 97, 97);
@@ -2317,6 +2329,14 @@
   --spectrum-tag-border-color-error-down: rgb(170, 13, 21);
   --spectrum-tag-icon-color-error-down: rgb(170, 13, 21);
   --spectrum-tag-text-color-error-down: rgb(25, 25, 25);
+  --spectrum-tag-background-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-border-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-text-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-icon-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-background-color-error-selected: rgb(97, 97, 97);
+  --spectrum-tag-border-color-error-selected: transparent;
+  --spectrum-tag-icon-color-error-selected: rgb(240, 240, 240);
+  --spectrum-tag-text-color-error-selected: rgb(240, 240, 240);
   --spectrum-tag-deletable-background-color: rgb(228, 228, 228);
   --spectrum-tag-deletable-border-color: rgb(125, 125, 125);
   --spectrum-tag-deletable-text-color: rgb(97, 97, 97);
@@ -2337,6 +2357,18 @@
   --spectrum-tag-deletable-border-color-disabled: rgb(210, 210, 210);
   --spectrum-tag-deletable-text-color-disabled: rgb(160, 160, 160);
   --spectrum-tag-deletable-icon-color-disabled: rgb(160, 160, 160);
+  --spectrum-tag-deletable-background-color-selected: rgb(97, 97, 97);
+  --spectrum-tag-deletable-border-color-selected: transparent;
+  --spectrum-tag-deletable-text-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-deletable-icon-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-deletable-background-color-selected-hover: rgb(60, 60, 60);
+  --spectrum-tag-deletable-border-color-selected-hover: transparent;
+  --spectrum-tag-deletable-text-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-deletable-icon-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-deletable-background-color-selected-key-focus: rgb(60, 60, 60);
+  --spectrum-tag-deletable-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-deletable-text-color-selected-key-focus: rgb(240, 240, 240);
+  --spectrum-tag-deletable-icon-color-selected-key-focus: rgb(240, 240, 240);
   --spectrum-tag-deletable-border-color-error: rgb(201, 37, 45);
   --spectrum-tag-deletable-icon-color-error: rgb(201, 37, 45);
   --spectrum-tag-deletable-text-color-error: rgb(97, 97, 97);
@@ -2349,6 +2381,78 @@
   --spectrum-tag-deletable-border-color-error-down: rgb(170, 13, 21);
   --spectrum-tag-deletable-icon-color-error-down: rgb(170, 13, 21);
   --spectrum-tag-deletable-text-color-error-down: rgb(97, 97, 97);
+  --spectrum-tag-deletable-background-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-deletable-border-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-deletable-text-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-deletable-icon-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-deletable-background-color-error-selected: rgb(97, 97, 97);
+  --spectrum-tag-deletable-border-color-error-selected: transparent;
+  --spectrum-tag-deletable-icon-color-error-selected: rgb(240, 240, 240);
+  --spectrum-tag-deletable-text-color-error-selected: rgb(240, 240, 240);
+  --spectrum-tag-removable-background-color: rgb(228, 228, 228);
+  --spectrum-tag-removable-border-color: rgb(125, 125, 125);
+  --spectrum-tag-removable-text-color: rgb(97, 97, 97);
+  --spectrum-tag-removable-icon-color: rgb(125, 125, 125);
+  --spectrum-tag-removable-background-color-hover: rgb(228, 228, 228);
+  --spectrum-tag-removable-border-color-hover: rgb(25, 25, 25);
+  --spectrum-tag-removable-text-color-hover: rgb(25, 25, 25);
+  --spectrum-tag-removable-icon-color-hover: rgb(25, 25, 25);
+  --spectrum-tag-removable-button-background-color-hover: rgb(202, 202, 202);
+  --spectrum-tag-removable-button-icon-color-hover: rgb(25, 25, 25);
+  --spectrum-tag-removable-background-color-down: rgb(228, 228, 228);
+  --spectrum-tag-removable-border-color-down: rgb(25, 25, 25);
+  --spectrum-tag-removable-text-color-down: rgb(97, 97, 97);
+  --spectrum-tag-removable-icon-color-down: rgb(25, 25, 25);
+  --spectrum-tag-removable-background-color-key-focus: rgb(228, 228, 228);
+  --spectrum-tag-removable-border-color-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-key-focus: rgb(97, 97, 97);
+  --spectrum-tag-removable-icon-color-key-focus: rgb(25, 25, 25);
+  --spectrum-tag-removable-button-background-color-key-focus: rgb(202, 202, 202);
+  --spectrum-tag-removable-button-icon-color-key-focus: rgb(25, 25, 25);
+  --spectrum-tag-removable-background-color-disabled: rgb(210, 210, 210);
+  --spectrum-tag-removable-border-color-disabled: rgb(210, 210, 210);
+  --spectrum-tag-removable-text-color-disabled: rgb(160, 160, 160);
+  --spectrum-tag-removable-icon-color-disabled: rgb(160, 160, 160);
+  --spectrum-tag-removable-background-color-selected: rgb(97, 97, 97);
+  --spectrum-tag-removable-border-color-selected: transparent;
+  --spectrum-tag-removable-text-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-removable-icon-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-removable-button-icon-color-selected: rgb(240, 240, 240);
+  --spectrum-tag-removable-button-background-color-selected: transparent;
+  --spectrum-tag-removable-background-color-selected-hover: rgb(60, 60, 60);
+  --spectrum-tag-removable-border-color-selected-hover: transparent;
+  --spectrum-tag-removable-text-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-removable-icon-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-removable-button-icon-color-selected-hover: rgb(240, 240, 240);
+  --spectrum-tag-removable-button-background-color-selected-hover: rgb(125, 125, 125);
+  --spectrum-tag-removable-background-color-selected-key-focus: rgb(60, 60, 60);
+  --spectrum-tag-removable-border-color-selected-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-selected-key-focus: rgb(240, 240, 240);
+  --spectrum-tag-removable-icon-color-selected-key-focus: rgb(240, 240, 240);
+  --spectrum-tag-removable-button-icon-color-selected-key-focus: rgb(97, 97, 97);
+  --spectrum-tag-removable-button-background-color-selected-key-focus: rgb(240, 240, 240);
+  --spectrum-tag-removable-border-color-error: rgb(201, 37, 45);
+  --spectrum-tag-removable-icon-color-error: rgb(201, 37, 45);
+  --spectrum-tag-removable-text-color-error: rgb(97, 97, 97);
+  --spectrum-tag-removable-border-color-error-hover: rgb(187, 18, 26);
+  --spectrum-tag-removable-icon-color-error-hover: rgb(187, 18, 26);
+  --spectrum-tag-removable-text-color-error-hover: rgb(97, 97, 97);
+  --spectrum-tag-removable-background-color-error-hover: rgb(202, 202, 202);
+  --spectrum-tag-removable-icon-color-error-key-focus: rgb(187, 18, 26);
+  --spectrum-tag-removable-border-color-error-key-focus: rgb(20, 115, 230);
+  --spectrum-tag-removable-text-color-error-key-focus: rgb(97, 97, 97);
+  --spectrum-tag-removable-background-color-error-key-focus: rgb(202, 202, 202);
+  --spectrum-tag-removable-border-color-error-down: rgb(170, 13, 21);
+  --spectrum-tag-removable-icon-color-error-down: rgb(170, 13, 21);
+  --spectrum-tag-removable-text-color-error-down: rgb(97, 97, 97);
+  --spectrum-tag-removable-background-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-removable-border-color-error-disabled: rgb(210, 210, 210);
+  --spectrum-tag-removable-text-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-removable-icon-color-error-disabled: rgb(160, 160, 160);
+  --spectrum-tag-removable-background-color-error-selected: rgb(97, 97, 97);
+  --spectrum-tag-removable-border-color-error-selected: transparent;
+  --spectrum-tag-removable-icon-color-error-selected: rgb(240, 240, 240);
+  --spectrum-tag-removable-text-color-error-selected: rgb(240, 240, 240);
   --spectrum-textfield-placeholder-text-color: rgb(125, 125, 125);
   --spectrum-textfield-text-color: rgb(60, 60, 60);
   --spectrum-textfield-background-color: rgb(240, 240, 240);
diff --git a/packages/@react-aria/tag/index.ts b/packages/@react-aria/tag/index.ts
new file mode 100644
index 00000000000..8420b1093fd
--- /dev/null
+++ b/packages/@react-aria/tag/index.ts
@@ -0,0 +1 @@
+export * from './src';
diff --git a/packages/@react-aria/tag/intl/cs-CZ.json b/packages/@react-aria/tag/intl/cs-CZ.json
new file mode 100644
index 00000000000..2aa8bd22e0d
--- /dev/null
+++ b/packages/@react-aria/tag/intl/cs-CZ.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Odebrat"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/da-DK.json b/packages/@react-aria/tag/intl/da-DK.json
new file mode 100644
index 00000000000..8e7b4c569fe
--- /dev/null
+++ b/packages/@react-aria/tag/intl/da-DK.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Fjern"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/de-DE.json b/packages/@react-aria/tag/intl/de-DE.json
new file mode 100644
index 00000000000..adb1d2ed5d6
--- /dev/null
+++ b/packages/@react-aria/tag/intl/de-DE.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Entfernen"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/en-US.json b/packages/@react-aria/tag/intl/en-US.json
new file mode 100644
index 00000000000..67ff0e1312a
--- /dev/null
+++ b/packages/@react-aria/tag/intl/en-US.json
@@ -0,0 +1,3 @@
+{
+  "remove": "Remove"
+}
diff --git a/packages/@react-aria/tag/intl/es-ES.json b/packages/@react-aria/tag/intl/es-ES.json
new file mode 100644
index 00000000000..7ec4fc35115
--- /dev/null
+++ b/packages/@react-aria/tag/intl/es-ES.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Quitar"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/fi-FI.json b/packages/@react-aria/tag/intl/fi-FI.json
new file mode 100644
index 00000000000..7373cc76a68
--- /dev/null
+++ b/packages/@react-aria/tag/intl/fi-FI.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Poista"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/fr-FR.json b/packages/@react-aria/tag/intl/fr-FR.json
new file mode 100644
index 00000000000..f8e24efa4b0
--- /dev/null
+++ b/packages/@react-aria/tag/intl/fr-FR.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Supprimer"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/hu-HU.json b/packages/@react-aria/tag/intl/hu-HU.json
new file mode 100644
index 00000000000..0ecb8992cca
--- /dev/null
+++ b/packages/@react-aria/tag/intl/hu-HU.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Eltávolítás"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/it-IT.json b/packages/@react-aria/tag/intl/it-IT.json
new file mode 100644
index 00000000000..a3a21047fe9
--- /dev/null
+++ b/packages/@react-aria/tag/intl/it-IT.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Rimuovi"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/ja-JP.json b/packages/@react-aria/tag/intl/ja-JP.json
new file mode 100644
index 00000000000..54893071fe0
--- /dev/null
+++ b/packages/@react-aria/tag/intl/ja-JP.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "削除"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/ko-KR.json b/packages/@react-aria/tag/intl/ko-KR.json
new file mode 100644
index 00000000000..1b983b3a827
--- /dev/null
+++ b/packages/@react-aria/tag/intl/ko-KR.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "제거"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/nb-NO.json b/packages/@react-aria/tag/intl/nb-NO.json
new file mode 100644
index 00000000000..8e7b4c569fe
--- /dev/null
+++ b/packages/@react-aria/tag/intl/nb-NO.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Fjern"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/nl-NL.json b/packages/@react-aria/tag/intl/nl-NL.json
new file mode 100644
index 00000000000..f53d4522b0a
--- /dev/null
+++ b/packages/@react-aria/tag/intl/nl-NL.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Verwijderen"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/pl-PL.json b/packages/@react-aria/tag/intl/pl-PL.json
new file mode 100644
index 00000000000..caab1655e4c
--- /dev/null
+++ b/packages/@react-aria/tag/intl/pl-PL.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Usuń"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/pt-BR.json b/packages/@react-aria/tag/intl/pt-BR.json
new file mode 100644
index 00000000000..7fcaa36880f
--- /dev/null
+++ b/packages/@react-aria/tag/intl/pt-BR.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Remover"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/ru-RU.json b/packages/@react-aria/tag/intl/ru-RU.json
new file mode 100644
index 00000000000..e638e251b04
--- /dev/null
+++ b/packages/@react-aria/tag/intl/ru-RU.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Удалить"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/sv-SE.json b/packages/@react-aria/tag/intl/sv-SE.json
new file mode 100644
index 00000000000..b840bda6e5c
--- /dev/null
+++ b/packages/@react-aria/tag/intl/sv-SE.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Ta bort"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/tr-TR.json b/packages/@react-aria/tag/intl/tr-TR.json
new file mode 100644
index 00000000000..703759e92c6
--- /dev/null
+++ b/packages/@react-aria/tag/intl/tr-TR.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Kaldır"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/uk-UA.json b/packages/@react-aria/tag/intl/uk-UA.json
new file mode 100644
index 00000000000..683c9e259ab
--- /dev/null
+++ b/packages/@react-aria/tag/intl/uk-UA.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "Видалити"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/zh-CN.json b/packages/@react-aria/tag/intl/zh-CN.json
new file mode 100644
index 00000000000..061e5350ab0
--- /dev/null
+++ b/packages/@react-aria/tag/intl/zh-CN.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "删除"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/intl/zh-TW.json b/packages/@react-aria/tag/intl/zh-TW.json
new file mode 100644
index 00000000000..a2417e60ddd
--- /dev/null
+++ b/packages/@react-aria/tag/intl/zh-TW.json
@@ -0,0 +1,3 @@
+{
+  "Remove": "移除"
+}
\ No newline at end of file
diff --git a/packages/@react-aria/tag/package.json b/packages/@react-aria/tag/package.json
new file mode 100644
index 00000000000..939d6a08c89
--- /dev/null
+++ b/packages/@react-aria/tag/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@react-aria/tag",
+  "version": "3.0.0-alpha.1",
+  "description": "Spectrum UI components in React",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.6.2",
+    "@react-aria/i18n": "^3.0.0-alpha.1",
+    "@react-aria/utils": "^3.0.0-alpha.1",
+    "@react-types/shared": "^3.0.0-alpha.1",
+    "@react-types/tag": "^3.0.0-alpha.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/@react-aria/tag/src/index.ts b/packages/@react-aria/tag/src/index.ts
new file mode 100644
index 00000000000..e7f45f3726a
--- /dev/null
+++ b/packages/@react-aria/tag/src/index.ts
@@ -0,0 +1,2 @@
+export * from './useTag';
+export * from './useTagGroup';
diff --git a/packages/@react-aria/tag/src/useTag.ts b/packages/@react-aria/tag/src/useTag.ts
new file mode 100644
index 00000000000..2cb9bd7c80b
--- /dev/null
+++ b/packages/@react-aria/tag/src/useTag.ts
@@ -0,0 +1,68 @@
+import {ButtonHTMLAttributes, HTMLAttributes, KeyboardEvent, ReactNode} from 'react';
+import intlMessages from '../intl/*.json';
+import {mergeProps, useId} from '@react-aria/utils';
+import {Removable} from '@react-types/shared';
+import {useMessageFormatter} from '@react-aria/i18n';
+
+
+export interface AriaTagProps extends Removable<ReactNode, void> {
+  children?: ReactNode,
+  isDisabled?: boolean,
+  validationState?: 'invalid' | 'valid',
+  isSelected?: boolean,
+  role?: string
+}
+
+export interface TagAria {
+  tagProps: HTMLAttributes<HTMLElement>,
+  labelProps: HTMLAttributes<HTMLElement>,
+  clearButtonProps: ButtonHTMLAttributes<HTMLButtonElement>
+}
+
+export function useTag(props: AriaTagProps): TagAria {
+  const {
+    isDisabled,
+    validationState,
+    isRemovable,
+    isSelected,
+    onRemove,
+    children,
+    role
+  } = props;
+  const formatMessage = useMessageFormatter(intlMessages);
+  const removeString = formatMessage('remove');
+  const tagId = useId();
+  const buttonId = useId();
+
+  function onKeyDown(e: KeyboardEvent<HTMLElement>) {
+    if (e.key === 'Delete' || e.key === 'Backspace') {
+      onRemove(children, e);
+      e.preventDefault();
+    }
+  }
+  const pressProps = {
+    onPress: e => onRemove(children, e)
+  };
+
+  return {
+    tagProps: {
+      'aria-selected': !isDisabled && isSelected,
+      'aria-invalid': validationState === 'invalid' || undefined,
+      onKeyDown: !isDisabled && isRemovable ? onKeyDown : null,
+      role: role === 'gridcell' ? 'row' : null,
+      tabIndex: isDisabled ? -1 : 0
+    },
+    labelProps: {
+      id: tagId,
+      role
+    },
+    clearButtonProps: mergeProps(pressProps, {
+      'aria-label': removeString,
+      'aria-labelledby': `${buttonId} ${tagId}`,
+      id: buttonId,
+      title: removeString,
+      isDisabled,
+      role
+    })
+  };
+}
diff --git a/packages/@react-aria/tag/src/useTagGroup.ts b/packages/@react-aria/tag/src/useTagGroup.ts
new file mode 100644
index 00000000000..01ba296bc36
--- /dev/null
+++ b/packages/@react-aria/tag/src/useTagGroup.ts
@@ -0,0 +1,28 @@
+import {HTMLAttributes} from 'react';
+import {MultipleSelectionBase} from '@react-types/shared';
+
+interface AriaTagGroupProps extends MultipleSelectionBase {
+  isDisabled?: boolean,
+  isFocused?: boolean,
+  isReadOnly?: boolean, // removes close button
+  validationState?: 'valid' | 'invalid'
+}
+
+interface TagGroupAria {
+  tagGroupProps: HTMLAttributes<HTMLElement>
+}
+
+export function useTagGroup(props: AriaTagGroupProps): TagGroupAria {
+  const {isDisabled, isFocused, validationState} = props;
+
+  return {
+    tagGroupProps: {
+      role: 'grid',
+      'aria-atomic': false,
+      'aria-relevant': 'additions',
+      'aria-live': isFocused ? 'polite' : 'off',
+      'aria-disabled': isDisabled,
+      'aria-invalid': validationState === 'invalid'
+    }
+  };
+}
diff --git a/packages/@react-aria/tag/test/useTag.test.js b/packages/@react-aria/tag/test/useTag.test.js
new file mode 100644
index 00000000000..a30b14ede09
--- /dev/null
+++ b/packages/@react-aria/tag/test/useTag.test.js
@@ -0,0 +1,38 @@
+import {renderHook} from 'react-hooks-testing-library';
+import {useTag} from '../';
+
+describe('useTag tests', () => {
+  it('handles defaults', () => {
+    let props = {};
+    let {result} = renderHook(() => useTag(props));
+    expect(result.current.tagProps.onKeyDown).toBeDefined();
+    expect(result.current.tagProps['aria-selected']).not.toBeDefined();
+    expect(result.current.tagProps['aria-invalid']).not.toBeDefined();
+    expect(result.current.clearButtonProps.onPress).toBeDefined();
+    expect(result.current.labelProps.id).toBeDefined();
+  });
+
+  it('set correct aria if it is invalid', () => {
+    let props = {validationState: 'invalid'};
+    let {result} = renderHook(() => useTag(props));
+    expect(result.current.tagProps['aria-invalid']).toBe(true);
+  });
+
+  it('set correct aria if it is selected', () => {
+    let props = {isSelected: true};
+    let hook = renderHook(() => useTag(props));
+    expect(hook.result.current.tagProps['aria-selected']).toBe(true);
+
+    props = {isSelected: true, isDisabled: true};
+    hook = renderHook(() => useTag(props));
+    expect(hook.result.current.tagProps['aria-selected']).toBe(false);
+  });
+
+  it('handles isDisabled flag', () => {
+    let props = {isDisabled: true};
+    let {result} = renderHook(() => useTag(props));
+    expect(result.current.tagProps.onKeyDown).toBe(null);
+    expect(result.current.tagProps.tabIndex).toBe(-1);
+    expect(result.current.clearButtonProps.isDisabled).toBe(true);
+  });
+});
diff --git a/packages/@react-spectrum/button/src/ClearButton.tsx b/packages/@react-spectrum/button/src/ClearButton.tsx
index f84664061ee..7aed638bbba 100644
--- a/packages/@react-spectrum/button/src/ClearButton.tsx
+++ b/packages/@react-spectrum/button/src/ClearButton.tsx
@@ -6,18 +6,21 @@ import React, {RefObject, useRef} from 'react';
 import styles from '@adobe/spectrum-css-temp/components/button/vars.css';
 import {useButton} from '@react-aria/button';
 
-interface ClearButtonProps extends ButtonBase {}
+interface ClearButtonProps extends ButtonBase {
+  focusClassName?: string,
+}
 
 export const ClearButton = React.forwardRef((props: ClearButtonProps, ref: RefObject<HTMLButtonElement>) => {
   let {
     className,
+    focusClassName,
     ...otherProps
   } = props;
   ref = ref || useRef();
   let {buttonProps, isPressed} = useButton({...props, ref});
 
   return (
-    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>
+    <FocusRing focusRingClass={classNames(styles, 'focus-ring', focusClassName)}>
       <button
         {...filterDOMProps(otherProps, {icon: false})}
         {...buttonProps}
diff --git a/packages/@react-spectrum/tag/index.ts b/packages/@react-spectrum/tag/index.ts
new file mode 100644
index 00000000000..8420b1093fd
--- /dev/null
+++ b/packages/@react-spectrum/tag/index.ts
@@ -0,0 +1 @@
+export * from './src';
diff --git a/packages/@react-spectrum/tag/package.json b/packages/@react-spectrum/tag/package.json
new file mode 100644
index 00000000000..3e7461f0b79
--- /dev/null
+++ b/packages/@react-spectrum/tag/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@react-spectrum/tag",
+  "version": "3.0.0-alpha.1",
+  "description": "Spectrum UI components in React",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "targets": {
+    "main": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    },
+    "module": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.6.2",
+    "@react-aria/focus": "^3.0.0-alpha.1",
+    "@react-aria/tag": "^3.0.0-alpha.1",
+    "@react-spectrum/button": "^3.0.0-alpha.1",
+    "@react-spectrum/provider": "^3.0.0-alpha.1",
+    "@react-types/shared": "^3.0.0-alpha.1",
+    "@react-types/tag": "^3.0.0-alpha.1",
+    "@react-spectrum/utils": "^3.0.0-alpha.1",
+    "@spectrum-icons/workflow": "^3.0.0-alpha.1"
+  },
+  "devDependencies": {
+    "@adobe/spectrum-css-temp": "^3.0.0-alpha.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/@react-spectrum/tag/src/Tag.tsx b/packages/@react-spectrum/tag/src/Tag.tsx
new file mode 100644
index 00000000000..84eb747b22a
--- /dev/null
+++ b/packages/@react-spectrum/tag/src/Tag.tsx
@@ -0,0 +1,75 @@
+import Alert from '@spectrum-icons/workflow/Alert';
+import {classNames, filterDOMProps} from '@react-spectrum/utils';
+import {ClearButton} from '@react-spectrum/button';
+import {FocusRing} from '@react-aria/focus';
+import React from 'react';
+import styles from '@adobe/spectrum-css-temp/components/tags/vars.css';
+import {TagProps} from '@react-types/tag';
+import {useTag} from '@react-aria/tag';
+import {useTagGroupProvider} from './TagGroup';
+
+export const Tag = ((props: TagProps) => {
+  const {
+    className,
+    isDisabled,
+    isRemovable,
+    validationState,
+    ...otherProps
+  } = props;
+  const {
+    isDisabled: isGroupDisabled,
+    isRemovable: isGroupRemovable,
+    validationState: groupValidationState,
+    onRemove,
+    role
+  } =  useTagGroupProvider();
+
+  let removable = isGroupRemovable !== undefined ? isGroupRemovable : isRemovable;
+  let disabled = isGroupDisabled !== undefined ? isGroupDisabled : isDisabled;
+  let isInvalid = (validationState !== undefined ? validationState : groupValidationState) === 'invalid';
+  let {clearButtonProps, labelProps, tagProps} = useTag({
+    ...props,
+    isRemovable: removable,
+    isDisabled: disabled,
+    validationState: validationState !== undefined ? validationState : groupValidationState,
+    onRemove: props.onRemove || onRemove,
+    role
+  });
+  let {role: buttonRole, ...otherButtonProps} = clearButtonProps;
+  let icon = props.icon || (isInvalid && <Alert />);
+
+  return (
+    <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>
+      <div
+        {...filterDOMProps(otherProps)}
+        {...tagProps}
+        className={classNames(
+          styles,
+          'spectrum-Tags-item',
+          {
+            'is-disabled': disabled,
+            // 'is-selected': isSelected,
+            'spectrum-Tags-item--removable': removable,
+            'is-invalid': isInvalid
+          },
+          className
+        )}>
+        {icon && React.cloneElement(icon, {size: 'S', className: classNames(styles, 'spectrum-Tags-itemIcon')})}
+        <span
+          {...labelProps}
+          className={classNames(styles, 'spectrum-Tags-itemLabel')}>
+          {props.children}
+        </span>
+        {removable &&
+          <span role={buttonRole}>
+            <ClearButton
+              tabIndex={tagProps.tabIndex}
+              focusClassName={classNames(styles, 'is-focused')}
+              className={classNames(styles, 'spectrum-Tags-itemClearButton')}
+              {...otherButtonProps} />
+          </span>
+        }
+      </div>
+    </FocusRing>
+  );
+});
diff --git a/packages/@react-spectrum/tag/src/TagGroup.tsx b/packages/@react-spectrum/tag/src/TagGroup.tsx
new file mode 100644
index 00000000000..e0fb27625b3
--- /dev/null
+++ b/packages/@react-spectrum/tag/src/TagGroup.tsx
@@ -0,0 +1,77 @@
+import {classNames, filterDOMProps} from '@react-spectrum/utils';
+import {Focus} from '@react-aria/focus';
+import React, {useContext, useRef} from 'react';
+import {Removable} from '@react-types/shared';
+import styles from '@adobe/spectrum-css-temp/components/tags/vars.css';
+import {TagGroupProps} from '@react-types/tag';
+import {useProviderProps} from '@react-spectrum/provider';
+import {useTagGroup} from '@react-aria/tag';
+
+interface TagGroupContext extends Removable<any, void> {
+  isDisabled?: boolean,
+  isFocused?: boolean,
+  isRequired?: boolean,
+  isReadOnly?: boolean,
+  validationState?: 'valid' | 'invalid',
+  role?: 'gridcell'
+}
+
+const TagGroupContext = React.createContext<TagGroupContext | {}>({});
+
+export function useTagGroupProvider(): TagGroupContext {
+  return useContext(TagGroupContext);
+}
+
+export const TagGroup = ((props: TagGroupProps) => {
+  let completeProps = useProviderProps(props);
+
+  let {
+    isReadOnly,
+    isDisabled,
+    onRemove,
+    validationState,
+    children,
+    className,
+    ...otherProps
+  } = completeProps;
+  let isFocused = useRef(false);
+
+  let handleFocusWithin = (focused) => {
+    isFocused.current = focused;
+  };
+
+  const {tagGroupProps} = useTagGroup({...completeProps, isFocused});
+
+  function removeAll(tags) {
+    onRemove([tags]);
+  }
+
+  return (
+    <Focus onFocusWithinChange={handleFocusWithin}>
+      <div
+        {...filterDOMProps(otherProps)}
+        className={
+          classNames(
+            styles,
+            'spectrum-Tags',
+            {
+              'is-disabled': isDisabled
+            },
+            className
+          )
+        }
+        {...tagGroupProps}>
+        <TagGroupContext.Provider
+          value={{
+            isRemovable: isReadOnly ? false : isReadOnly,
+            isDisabled,
+            onRemove: isReadOnly ? null : removeAll,
+            validationState,
+            role: 'gridcell'
+          }}>
+          {children}
+        </TagGroupContext.Provider>
+      </div>
+    </Focus>
+  );
+});
diff --git a/packages/@react-spectrum/tag/src/index.ts b/packages/@react-spectrum/tag/src/index.ts
new file mode 100644
index 00000000000..e50e63c2baa
--- /dev/null
+++ b/packages/@react-spectrum/tag/src/index.ts
@@ -0,0 +1,2 @@
+export * from './Tag';
+export * from './TagGroup';
diff --git a/packages/@react-spectrum/tag/stories/Tag.stories.tsx b/packages/@react-spectrum/tag/stories/Tag.stories.tsx
new file mode 100644
index 00000000000..d2a7ce19927
--- /dev/null
+++ b/packages/@react-spectrum/tag/stories/Tag.stories.tsx
@@ -0,0 +1,67 @@
+import {action} from '@storybook/addon-actions';
+import Camera from '@spectrum-icons/workflow/Camera';
+import React from 'react';
+import {storiesOf} from '@storybook/react';
+import {Tag} from '../src';
+
+storiesOf('Tag', module)
+  .add(
+    'default',
+    () => render({}, 'Cool tag')
+  )
+  .add(
+    'disabled',
+    () => render({isDisabled: true}, 'Cool tag')
+  )
+  .add(
+    'icon',
+    () => render({
+      icon: <Camera />
+    }, 'Cool tag')
+  )
+  .add(
+    'removable',
+    () => render({
+      onRemove: action('onRemove'),
+      isRemovable: true
+    }, 'Cool tag')
+  )
+  .add(
+    'invalid',
+    () => render({
+      validationState: 'invalid'
+    }, 'Cool tag')
+  )
+  .add(
+    'invalid, removable',
+    () => render({
+      validationState: 'invalid',
+      onRemove: action('onRemove'),
+      isRemovable: true
+    }, 'Cool tag')
+  )
+  .add(
+    'icon, removable',
+    () => render({
+      icon: <Camera />,
+      onRemove: action('onRemove'),
+      isRemovable: true
+    }, 'Cool tag')
+  )
+  .add(
+  'disabled, icon, removable',
+  () => render({
+    isDisabled: true,
+    icon: <Camera />,
+    onRemove: action('onRemove'),
+    isRemovable: true
+  }, 'Cool tag')
+);
+
+function render(props, childText: string) {
+  return (
+    <Tag {...props}>
+      {childText}
+    </Tag>
+  );
+}
diff --git a/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx b/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx
new file mode 100644
index 00000000000..13210930ba6
--- /dev/null
+++ b/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx
@@ -0,0 +1,70 @@
+import {action} from '@storybook/addon-actions';
+import React, {useState} from 'react';
+import {storiesOf} from '@storybook/react';
+import {Tag, TagGroup} from '../src';
+
+storiesOf('TagGroup', module)
+  .add(
+    'default',
+    () => render({})
+  ).add(
+    'onRemove',
+    () => renderWithRemovableTags({
+      onRemove: action('onRemove')
+    })
+  ).add(
+    'is Disabled',
+    () => render({
+      isDisabled: true
+    })
+  ).add(
+    'isReadOnly',
+    () => renderWithRemovableTags({
+      isReadOnly: true
+    })
+  ).add(
+    'with announcing',
+    () => (
+      <WithAnnouncing />
+    )
+  );
+
+function render(props: any = {}) {
+  return (
+    <TagGroup {...props}>
+      <Tag>Cool Tag 1</Tag>
+      <Tag>Cool Tag 2</Tag>
+      <Tag>Cool Tag 3</Tag>
+    </TagGroup>
+  );
+}
+
+function renderWithRemovableTags(props: any = {}) {
+  return (
+    <TagGroup {...props}>
+      <Tag isRemovable>Cool Tag 1</Tag>
+      <Tag isRemovable>Cool Tag 2</Tag>
+      <Tag isRemovable>Cool Tag 3</Tag>
+    </TagGroup>
+  );
+}
+
+function WithAnnouncing() {
+  let [tags, setTags] = useState(['Tag']);
+
+  function handleKeyDown(e) {
+    if (e.ctrlKey && e.key === 'd') {
+      e.preventDefault();
+      setTags([...tags, 'New Tag']);
+    }
+  }
+  return (
+    <React.Fragment>
+      {/*
+        // @ts-ignore */}
+      <TagGroup onKeyDown={handleKeyDown}>
+        {tags.map((t, index) => <Tag key={index}>{t}</Tag>)}
+      </TagGroup>
+    </React.Fragment>
+  );
+}
diff --git a/packages/@react-spectrum/tag/test/Tag.test.js b/packages/@react-spectrum/tag/test/Tag.test.js
new file mode 100644
index 00000000000..54e840534ec
--- /dev/null
+++ b/packages/@react-spectrum/tag/test/Tag.test.js
@@ -0,0 +1,69 @@
+import {cleanup, render} from '@testing-library/react';
+import {fireEvent} from '@testing-library/react';
+import React from 'react';
+import {Tag} from '../';
+import {Tag as V2Tag} from '@react/react-spectrum/TagList';
+
+
+describe('Tag', function () {
+  let onRemoveSpy = jest.fn();
+  afterEach(() => {
+    cleanup();
+    onRemoveSpy.mockClear();
+  });
+
+  it.each`
+   Name          | Component         | props
+   ${'Tag'}      | ${Tag}            | ${{}}
+   ${'V2Tag'}    | ${V2Tag}          | ${{}}
+  `('$Name allows custom props to be passed through to the tag', function ({Component, props}) {
+    let {container} = render(<Component {...props} data-foo="bar" aria-hidden name="s">Cool Tag</Component>);
+
+    let tag = container.firstElementChild;
+    expect(tag).toHaveAttribute('data-foo', 'bar');
+    expect(tag).toHaveAttribute('aria-hidden', 'true');
+    expect(tag).toHaveAttribute('name', 's');
+  });
+
+  it.each`
+   Name         | Component         | props
+   ${'Tag'}     | ${Tag}            | ${{isRemovable: true, onRemove: onRemoveSpy}}
+   ${'V2Tag'}   | ${V2Tag}          | ${{closable: true, onClose: onRemoveSpy}}
+  `('$Name handles appropriate key down in order to delete tag', function ({Component, props}) {
+    let {getByText} = render(<Component {...props}>Cool Tag</Component>);
+
+    let tag = getByText('Cool Tag');
+
+    fireEvent.keyDown(tag, {key: 'Delete', keyCode: 46});
+    expect(onRemoveSpy).toHaveBeenCalledWith('Cool Tag', expect.anything());
+    onRemoveSpy.mockReset();
+
+    fireEvent.keyDown(tag, {key: 'Backspace', keyCode: 8});
+    expect(onRemoveSpy).toHaveBeenCalledWith('Cool Tag', expect.anything());
+  });
+
+  it.each`
+   Name          | Component         | props
+   ${'Tag'}      | ${Tag}            | ${{isDisabled: true, isRemovable: true, onRemove: onRemoveSpy}}
+   ${'V2Tag'}    | ${V2Tag}          | ${{disabled: true, closable: true, onClose: onRemoveSpy}}
+  `('$Name can be disabled', function ({Component, props}) {
+    let {getByText} = render(<Component {...props}>Cool Tag</Component>);
+
+    let tag = getByText('Cool Tag');
+
+    fireEvent.keyDown(tag, {key: 'Delete'});
+    expect(onRemoveSpy).not.toHaveBeenCalledWith('Cool Tag', expect.anything());
+  });
+
+  it.each`
+   Name          | Component         | props
+   ${'Tag'}      | ${Tag}            | ${{validationState: 'invalid'}}
+  `('$Name can be disabled', function ({Component, props}) {
+    let {getByText} = render(<Component {...props}>Cool Tag</Component>);
+
+    let tag = getByText('Cool Tag');
+    tag = tag.parentElement;
+
+    expect(tag).toHaveAttribute('aria-invalid', 'true');
+  });
+});
diff --git a/packages/@react-spectrum/tag/test/TagGroup.test.js b/packages/@react-spectrum/tag/test/TagGroup.test.js
new file mode 100644
index 00000000000..f3f4cfe9825
--- /dev/null
+++ b/packages/@react-spectrum/tag/test/TagGroup.test.js
@@ -0,0 +1,67 @@
+import {cleanup, render} from '@testing-library/react';
+import {fireEvent} from '@testing-library/react';
+import React from 'react';
+import {Tag, TagGroup} from '../src';
+import {TagList} from '@react/react-spectrum/TagList';
+
+describe('TagGroup', function () {
+  let onRemoveSpy = jest.fn();
+
+  afterEach(() => {
+    cleanup();
+    onRemoveSpy.mockClear();
+  });
+
+  it('provides context for Tag component', function () {
+    let {container} = render(
+      <TagGroup onRemove={onRemoveSpy}>
+        <div>
+          <Tag isRemovable>Tag 1</Tag>
+        </div>
+        <div>
+          <Tag isRemovable>Tag 2</Tag>
+        </div>
+        <div>
+          <Tag isRemovable>Tag 3</Tag>
+        </div>
+      </TagGroup>
+    );
+    let tags = container.querySelectorAll('[role="row"');
+    expect(tags.length).toBe(3);
+
+    fireEvent.keyDown(tags[1], {key: 'Delete'});
+    expect(onRemoveSpy).toHaveBeenCalledWith(['Tag 2']);
+  });
+
+  it.each`
+   Name           | Component         | props
+   ${'TagGroup'}  | ${TagGroup}       | ${{isReadOnly: true, isRemovable: true, onRemove: onRemoveSpy}}
+   ${'TagList'}   | ${TagList}        | ${{readOnly: true, onClose: onRemoveSpy}}
+  `('$Name can be read only', ({Component, props}) => {
+    let {getByText} = render(
+      <Component {...props}>
+        <Tag>Tag 1</Tag>
+      </Component>
+    );
+    let tag = getByText('Tag 1');
+    fireEvent.keyDown(tag, {key: 'Delete', keyCode: 46});
+    expect(onRemoveSpy).not.toHaveBeenCalledWith('Tag 1', expect.anything());
+  });
+
+  it.each`
+   Name           | Component         | props
+   ${'TagGroup'}  | ${TagGroup}       | ${{}}
+  `('$Name have correct accessibility roles', ({Component, props}) => {
+    let {container, getByText} = render(
+      <Component {...props}>
+        <Tag>Tag 1</Tag>
+      </Component>
+    );
+    let tagGroup = container.children[0];
+    expect(tagGroup).toHaveAttribute('role', 'grid');
+    let tag = tagGroup.children[0];
+    expect(tag).toHaveAttribute('role', 'row');
+    let tagContent = getByText('Tag 1');
+    expect(tagContent).toHaveAttribute('role', 'gridcell');
+  });
+});
diff --git a/packages/@react-types/shared/src/index.d.ts b/packages/@react-types/shared/src/index.d.ts
index 0a956500c71..0c2fa828790 100644
--- a/packages/@react-types/shared/src/index.d.ts
+++ b/packages/@react-types/shared/src/index.d.ts
@@ -4,3 +4,4 @@ export * from './selection';
 export * from './splitview';
 export * from './dnd';
 export * from './theme';
+export * from './removable';
diff --git a/packages/@react-types/shared/src/removable.d.ts b/packages/@react-types/shared/src/removable.d.ts
new file mode 100644
index 00000000000..6c06846c60e
--- /dev/null
+++ b/packages/@react-types/shared/src/removable.d.ts
@@ -0,0 +1,6 @@
+import {SyntheticEvent} from 'react';
+
+export interface Removable<T, R> {
+  isRemovable?: boolean,
+  onRemove?: (value: T, event?: SyntheticEvent) => R
+}
diff --git a/packages/@react-types/tag/package.json b/packages/@react-types/tag/package.json
new file mode 100644
index 00000000000..055aa817887
--- /dev/null
+++ b/packages/@react-types/tag/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "@react-types/tag",
+  "version": "3.0.0-alpha.1",
+  "description": "Spectrum UI components in React",
+  "types": "src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-types/shared": "^3.0.0-alpha.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  }
+}
diff --git a/packages/@react-types/tag/src/index.d.ts b/packages/@react-types/tag/src/index.d.ts
new file mode 100644
index 00000000000..5e0b31c186e
--- /dev/null
+++ b/packages/@react-types/tag/src/index.d.ts
@@ -0,0 +1,17 @@
+import {DOMProps, MultipleSelectionBase, Removable} from '@react-types/shared';
+import {ReactChild, ReactElement, ReactNode} from 'react';
+
+export interface TagProps extends DOMProps, Removable<ReactChild, void> {
+  children?: ReactNode,
+  icon?: ReactElement,
+  isDisabled?: boolean,
+  validationState?: 'invalid' | 'valid'
+}
+
+export interface TagGroupProps extends DOMProps, MultipleSelectionBase {
+  children: ReactElement<TagProps> | ReactElement<TagProps>[],
+  isDisabled?: boolean
+  isReadOnly?: boolean,
+  onRemove?: (items: any[]) => void,
+  validationState?: 'invalid' | 'valid'
+}