chore(tokens): use spectrum-tokens@13.0.0-beta.52 (#3351)

Author: cdransf

.changeset/few-eels-retire.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Uses the latest release from Spectrum Tokens (13.0.0-beta.52)

tokens/dist/css/dark-vars.css

@@ -53,8 +53,8 @@
   --spectrum-accent-visual-color:var(--spectrum-accent-color-800);
   --spectrum-informative-visual-color:var(--spectrum-informative-color-800);
   --spectrum-negative-visual-color:var(--spectrum-negative-color-800);
-  --spectrum-notice-visual-color:var(--spectrum-notice-color-700);
-  --spectrum-positive-visual-color:var(--spectrum-positive-color-700);
+  --spectrum-notice-visual-color:var(--spectrum-notice-color-800);
+  --spectrum-positive-visual-color:var(--spectrum-positive-color-800);
   --spectrum-gray-visual-color:var(--spectrum-gray-500);
   --spectrum-red-visual-color:var(--spectrum-red-800);
   --spectrum-orange-visual-color:var(--spectrum-orange-700);
@@ -87,6 +87,29 @@
   --spectrum-drop-shadow-color-200-rgb:0, 0, 0;
   --spectrum-drop-shadow-color-200-opacity:0.16;
   --spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
+  --spectrum-drop-shadow-color-300-rgb:0, 0, 0;
+  --spectrum-drop-shadow-color-300-opacity:0.2;
+  --spectrum-drop-shadow-color-300:rgba(var(--spectrum-drop-shadow-color-300-rgb), var(--spectrum-drop-shadow-color-300-opacity));
+  --spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-100);
+  --spectrum-gray-subtle-background-color-default:var(--spectrum-gray-100);
+  --spectrum-blue-subtle-background-color-default:var(--spectrum-blue-200);
+  --spectrum-green-subtle-background-color-default:var(--spectrum-green-200);
+  --spectrum-orange-subtle-background-color-default:var(--spectrum-orange-200);
+  --spectrum-red-subtle-background-color-default:var(--spectrum-red-200);
+  --spectrum-brown-subtle-background-color-default:var(--spectrum-brown-200);
+  --spectrum-cinnamon-subtle-background-color-default:var(--spectrum-cinnamon-200);
+  --spectrum-celery-subtle-background-color-default:var(--spectrum-celery-200);
+  --spectrum-chartreuse-subtle-background-color-default:var(--spectrum-chartreuse-200);
+  --spectrum-cyan-subtle-background-color-default:var(--spectrum-cyan-200);
+  --spectrum-fuchsia-subtle-background-color-default:var(--spectrum-fuchsia-200);
+  --spectrum-indigo-subtle-background-color-default:var(--spectrum-indigo-200);
+  --spectrum-magenta-subtle-background-color-default:var(--spectrum-magenta-200);
+  --spectrum-pink-subtle-background-color-default:var(--spectrum-pink-200);
+  --spectrum-purple-subtle-background-color-default:var(--spectrum-purple-200);
+  --spectrum-seafoam-subtle-background-color-default:var(--spectrum-seafoam-200);
+  --spectrum-silver-subtle-background-color-default:var(--spectrum-silver-200);
+  --spectrum-turquoise-subtle-background-color-default:var(--spectrum-turquoise-200);
+  --spectrum-yellow-subtle-background-color-default:var(--spectrum-yellow-200);
   --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);
   --spectrum-menu-item-background-color-default:var(--spectrum-gray-100);
   --spectrum-menu-item-background-color-hover:var(--spectrum-gray-100);
@@ -697,9 +720,66 @@
   --spectrum-cinnamon-1600-rgb:24, 8, 2;
   --spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb));
   --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-900);
-  --spectrum-icon-color-green-primary-default:var(--spectrum-green-900);
   --spectrum-icon-color-red-primary-default:var(--spectrum-red-900);
   --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-400);
+  --spectrum-icon-color-blue-primary-hover:var(--spectrum-blue-1000);
+  --spectrum-icon-color-blue-primary-down:var(--spectrum-blue-1100);
+  --spectrum-icon-color-brown-primary-default:var(--spectrum-brown-800);
+  --spectrum-icon-color-brown-primary-hover:var(--spectrum-brown-900);
+  --spectrum-icon-color-brown-primary-down:var(--spectrum-brown-1000);
+  --spectrum-icon-color-celery-primary-default:var(--spectrum-celery-700);
+  --spectrum-icon-color-celery-primary-hover:var(--spectrum-celery-800);
+  --spectrum-icon-color-celery-primary-down:var(--spectrum-celery-900);
+  --spectrum-icon-color-chartreuse-primary-default:var(--spectrum-chartreuse-600);
+  --spectrum-icon-color-chartreuse-primary-hover:var(--spectrum-chartreuse-700);
+  --spectrum-icon-color-chartreuse-primary-down:var(--spectrum-chartreuse-800);
+  --spectrum-icon-color-fuchsia-primary-default:var(--spectrum-fuchsia-900);
+  --spectrum-icon-color-fuchsia-primary-hover:var(--spectrum-fuchsia-1000);
+  --spectrum-icon-color-fuchsia-primary-down:var(--spectrum-fuchsia-1100);
+  --spectrum-icon-color-indigo-primary-default:var(--spectrum-indigo-900);
+  --spectrum-icon-color-indigo-primary-hover:var(--spectrum-indigo-1000);
+  --spectrum-icon-color-indigo-primary-down:var(--spectrum-indigo-1100);
+  --spectrum-icon-color-magenta-primary-default:var(--spectrum-magenta-900);
+  --spectrum-icon-color-magenta-primary-hover:var(--spectrum-magenta-1000);
+  --spectrum-icon-color-magenta-primary-down:var(--spectrum-magenta-1100);
+  --spectrum-icon-color-orange-primary-default:var(--spectrum-orange-700);
+  --spectrum-icon-color-orange-primary-hover:var(--spectrum-orange-800);
+  --spectrum-icon-color-orange-primary-down:var(--spectrum-orange-900);
+  --spectrum-icon-color-pink-primary-default:var(--spectrum-pink-800);
+  --spectrum-icon-color-pink-primary-hover:var(--spectrum-pink-900);
+  --spectrum-icon-color-pink-primary-down:var(--spectrum-pink-1000);
+  --spectrum-icon-color-purple-primary-default:var(--spectrum-purple-900);
+  --spectrum-icon-color-purple-primary-hover:var(--spectrum-purple-1000);
+  --spectrum-icon-color-purple-primary-down:var(--spectrum-purple-1100);
+  --spectrum-icon-color-red-primary-hover:var(--spectrum-red-1000);
+  --spectrum-icon-color-red-primary-down:var(--spectrum-red-1100);
+  --spectrum-icon-color-silver-primary-default:var(--spectrum-silver-700);
+  --spectrum-icon-color-silver-primary-hover:var(--spectrum-silver-800);
+  --spectrum-icon-color-silver-primary-down:var(--spectrum-silver-900);
+  --spectrum-icon-color-turquoise-primary-default:var(--spectrum-turquoise-700);
+  --spectrum-icon-color-turquoise-primary-hover:var(--spectrum-turquoise-800);
+  --spectrum-icon-color-turquoise-primary-down:var(--spectrum-turquoise-900);
+  --spectrum-icon-color-yellow-primary-hover:var(--spectrum-yellow-500);
+  --spectrum-icon-color-yellow-primary-down:var(--spectrum-yellow-600);
+  --spectrum-icon-color-blue-background:var(--spectrum-blue-200);
+  --spectrum-icon-color-brown-background:var(--spectrum-brown-200);
+  --spectrum-icon-color-celery-background:var(--spectrum-celery-100);
+  --spectrum-icon-color-chartreuse-background:var(--spectrum-chartreuse-200);
+  --spectrum-icon-color-cinnamon-background:var(--spectrum-cinnamon-200);
+  --spectrum-icon-color-cyan-background:var(--spectrum-cyan-100);
+  --spectrum-icon-color-green-background:var(--spectrum-green-100);
+  --spectrum-icon-color-indigo-background:var(--spectrum-indigo-200);
+  --spectrum-icon-color-orange-background:var(--spectrum-orange-200);
+  --spectrum-icon-color-red-background:var(--spectrum-red-200);
+  --spectrum-icon-color-seafoam-background:var(--spectrum-seafoam-200);
+  --spectrum-icon-color-silver-background:var(--spectrum-silver-200);
+  --spectrum-icon-color-turquoise-background:var(--spectrum-turquoise-200);
+  --spectrum-icon-color-yellow-background:var(--spectrum-yellow-100);
+  --spectrum-informative-subtle-background-color-default:var(--spectrum-informative-color-200);
+  --spectrum-positive-subtle-background-color-default:var(--spectrum-positive-color-200);
+  --spectrum-notice-subtle-background-color-default:var(--spectrum-notice-color-200);
+  --spectrum-negative-subtle-background-color-default:var(--spectrum-negative-color-200);
+  --spectrum-accent-subtle-background-color-default:var(--spectrum-accent-color-200);
 	--color-scheme:light;
 
 	--spectrum-assetcard-border-color-selected:var(--spectrum-blue-900);