Update tokens - states&components

docs/migrations/web/MIGRATION-v3.md

@@ -131,6 +131,8 @@ Removed utility classes:
 - `.bg-basic`
 - `.bg-cover`
 - `.bg-inverted`
+- `.bg-brand-primary`
+- `.bg-brand-secondary`
 
 New utility classes:
 

packages/demo/scss/index.scss

@@ -14,7 +14,7 @@ body {
 .docs-Card {
     display: block;
     padding: var(--spirit-space-700);
-    border: var(--spirit-border-width-100) solid var(--spirit-color-border-interactive-default);
+    border: var(--spirit-border-width-100) solid var(--spirit-color-border-interactive-state-default);
     border-radius: var(--spirit-radius-300);
     background-color: var(--spirit-color-background-primary);
     font-size: var(--spirit-typography-body-large-semibold-mobile-font-size);
@@ -24,14 +24,14 @@ body {
 
     @media (hover: hover) {
         &:hover {
-            border-color: var(--spirit-color-border-interactive-hover);
+            border-color: var(--spirit-color-border-interactive-state-hover);
             text-decoration: none;
             box-shadow: var(--spirit-shadow-100);
         }
     }
 
     &:active {
-        border-color: var(--spirit-color-border-interactive-active);
+        border-color: var(--spirit-color-border-interactive-state-active);
         text-decoration: none;
     }