feat: add -80 primitive color tokens (#152)

* feat: add -80 primitive color tokens and update value of darkest brand red

* feat: remove blue-80

* feat: add changeset

.changeset/four-ligers-flow.md

@@ -0,0 +1,12 @@
+---
+"@rhds/tokens": minor
+---
+
+Added the following `-80` primitive color tokens:
+- `red-80`
+- `orange-80`
+- `yellow-80`
+- `teal-80`
+- `purple-80`
+
+Changed the value of `--rh-color-brand-red-darkest` from `--rh-color-red-70` to `--rh-color-red-80`

tokens/color/brand.yml

@@ -27,7 +27,7 @@ color:
         $description: Lightest brand red
       lighter:
         $value: '{color.red.30}'
-        $description: lighter brand red
+        $description: Lighter brand red
       light:
         $value: '{color.red.40}'
         $description: Light brand red
@@ -39,7 +39,7 @@ color:
         $value: '{color.red.70}'
         $description: Darker brand red
       darkest:
-        $value: '{color.red.70}'
+        $value: '{color.red.80}'
         $description: Darkest brand red
 
 

tokens/color/crayon/orange.yml

@@ -22,4 +22,6 @@ color:
       $value: '#9E4A06'
     70:
       $value: '#732E00'
-      $description: 	Label - Filled (Orange) text color
+      $description: Label - Filled (Orange) text color
+    80:
+      $value: '#4D1F00'

tokens/color/crayon/purple.yaml

@@ -23,3 +23,5 @@ color:
     70:
       $value: '#21134D'
       $description: Inline link visited hover (light theme)
+    80:
+      $value: '#1B0D33'

tokens/color/crayon/red.yaml

@@ -26,3 +26,6 @@ color:
     70:
       $value: '#5F0000'
       $description: Darker brand red
+    80:
+      $value: '#3F0000'
+      $description: Darkest brand red

tokens/color/crayon/teal.yaml

@@ -24,3 +24,5 @@ color:
     70:
       $value: '#004D4D'
       $description: Alert - Default title text
+    80:
+      $value: '#003333'

tokens/color/crayon/yellow.yaml

@@ -23,3 +23,5 @@ color:
     70:
       $value: '#73480B'
       $description: Alert - Warning title text
+    80:
+      $value: '#54330B'