feat(tokens): add icon xxl and xxs tokens

- Add icon XXL token, that is currently being used in a Card variant and
  at the top of each docs page. XXL and the 400 sizing does not
  currently exist as part of the formal design specs. It is planned for
  deprecation in Spectrum 2.

- Add XXS token to support existing SWC size. Also planned for
  deprecation in Spectrum 2.

- Add large tokens used for combined UI Icon display.

Author: jawinn

tokens/custom-spectrum/custom-large-vars.css

@@ -77,6 +77,9 @@ governing permissions and limitations under the License.
   --spectrum-well-border-radius: 5px;
 
   --spectrum-icon-chevron-size-50: 8px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl: 40px;
+  --spectrum-workflow-icon-size-xxs: 15px;
 
   --spectrum-treeview-item-indentation-medium: 20px;
   --spectrum-treeview-item-indentation-small: 15px;
@@ -117,7 +120,10 @@ governing permissions and limitations under the License.
   --spectrum-assetcard-selectionindicator-margin: 15px;
   --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
   --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
-	--spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
+  --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
 
   --spectrum-tooltip-animation-distance: 5px;
+
+  --spectrum-ui-icon-medium-display: none;
+  --spectrum-ui-icon-large-display: block;
 }

tokens/custom-spectrum/custom-medium-vars.css

@@ -76,6 +76,9 @@ governing permissions and limitations under the License.
   --spectrum-well-border-radius: var(--spectrum-spacing-75);
 
   --spectrum-icon-chevron-size-50: 6px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl: 32px;
+  --spectrum-workflow-icon-size-xxs: 12px;
 
   --spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
   --spectrum-treeview-item-indentation-small: var(--spectrum-spacing-200);
@@ -114,9 +117,12 @@ governing permissions and limitations under the License.
 
   --spectrum-assetcard-focus-ring-border-radius: 8px;
   --spectrum-assetcard-selectionindicator-margin: 12px;
-	--spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
+  --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
   --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
-	--spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
+  --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
 
   --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
+
+  --spectrum-ui-icon-medium-display: block;
+  --spectrum-ui-icon-large-display: none;
 }

tokens/dist/css/spectrum/custom-large-vars.css

@@ -63,6 +63,9 @@
   --spectrum-well-border-radius:5px;
 
   --spectrum-icon-chevron-size-50:8px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl:40px;
+  --spectrum-workflow-icon-size-xxs:15px;
 
   --spectrum-treeview-item-indentation-medium:20px;
   --spectrum-treeview-item-indentation-small:15px;
@@ -103,7 +106,10 @@
   --spectrum-assetcard-selectionindicator-margin:15px;
   --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);
   --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);
-	--spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
+  --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
 
   --spectrum-tooltip-animation-distance:5px;
+
+  --spectrum-ui-icon-medium-display:none;
+  --spectrum-ui-icon-large-display:block;
 }

tokens/dist/css/spectrum/custom-medium-vars.css

@@ -62,6 +62,9 @@
   --spectrum-well-border-radius:var(--spectrum-spacing-75);
 
   --spectrum-icon-chevron-size-50:6px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl:32px;
+  --spectrum-workflow-icon-size-xxs:12px;
 
   --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);
   --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);
@@ -100,9 +103,12 @@
 
   --spectrum-assetcard-focus-ring-border-radius:8px;
   --spectrum-assetcard-selectionindicator-margin:12px;
-	--spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
+  --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
   --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);
-	--spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
+  --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
 
   --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);
+
+  --spectrum-ui-icon-medium-display:block;
+  --spectrum-ui-icon-large-display:none;
 }

tokens/dist/index.css

@@ -2225,6 +2225,9 @@
   --spectrum-well-border-radius:5px;
 
   --spectrum-icon-chevron-size-50:8px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl:40px;
+  --spectrum-workflow-icon-size-xxs:15px;
 
   --spectrum-treeview-item-indentation-medium:20px;
   --spectrum-treeview-item-indentation-small:15px;
@@ -2265,9 +2268,12 @@
   --spectrum-assetcard-selectionindicator-margin:15px;
   --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);
   --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);
-	--spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
+  --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
 
   --spectrum-tooltip-animation-distance:5px;
+
+  --spectrum-ui-icon-medium-display:none;
+  --spectrum-ui-icon-large-display:block;
   --spectrum-checkbox-control-size-small:16px;
   --spectrum-checkbox-control-size-medium:18px;
   --spectrum-checkbox-control-size-large:20px;
@@ -3396,6 +3402,9 @@
   --spectrum-well-border-radius:var(--spectrum-spacing-75);
 
   --spectrum-icon-chevron-size-50:6px;
+  /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+  --spectrum-workflow-icon-size-xxl:32px;
+  --spectrum-workflow-icon-size-xxs:12px;
 
   --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);
   --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);
@@ -3434,11 +3443,14 @@
 
   --spectrum-assetcard-focus-ring-border-radius:8px;
   --spectrum-assetcard-selectionindicator-margin:12px;
-	--spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
+  --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
   --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);
-	--spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
+  --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
 
   --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);
+
+  --spectrum-ui-icon-medium-display:block;
+  --spectrum-ui-icon-large-display:none;
   --spectrum-checkbox-control-size-small:12px;
   --spectrum-checkbox-control-size-medium:14px;
   --spectrum-checkbox-control-size-large:16px;