feat: update danger status tokens (#131)

* feat: change value of --rh-color-status-danger-on-light

* feat: add --rh-color-icon-status color tokens

* fix: add `on-dark` for warning icon color

* feat: add changeset

.changeset/kind-singers-count.md

@@ -0,0 +1,17 @@
+---
+"@rhds/tokens": minor
+---
+
+Changed value of `--rh-color-status-danger-on-light` from `--rh-color-red-orange-50` to `--rh-color-red-orange-60`
+
+Added the following tokens to use status colors for icons:
+- `--rh-color-icon-status-danger-on-light`
+- `--rh-color-icon-status-danger-on-dark`
+- `--rh-color-icon-status-warning-on-light`
+- `--rh-color-icon-status-warning-on-dark`
+- `--rh-color-icon-status-default-on-light`
+- `--rh-color-icon-status-default-on-dark`
+- `--rh-color-icon-status-info-on-light`
+- `--rh-color-icon-status-info-on-dark`
+- `--rh-color-icon-status-success-on-light`
+- `--rh-color-icon-status-success-on-dark`

tokens/color/icon.yml

@@ -43,3 +43,39 @@ color:
           category: icon
           type: color
 
+    status:
+      danger:
+        on-light:
+          $value: '{color.red-orange.50}'
+          $description: Danger status icon color (light theme)
+        on-dark:
+          $value: '{color.red-orange.40}'
+          $description: Danger status icon color (dark theme)
+      warning:
+        on-light:
+          $value: '{color.orange.50}'
+          $description: Warning status icon color (light theme)
+        on-dark:
+          $value: '{color.orange.40}'
+          $description: Warning status icon color (dark theme)
+      default:
+        on-light:
+          $value: '{color.gray.60}'
+          $description: Default status icon color (light theme)
+        on-dark:
+          $value: '{color.gray.40}'
+          $description: Default status icon color (dark theme)
+      info:
+        on-light:
+          $value: '{color.purple.50}'
+          $description: Info status icon color (light theme)
+        on-dark:
+          $value: '{color.purple.30}'
+          $description: Info status icon color (dark theme)
+      success:
+        on-light:
+          $value: '{color.green.60}'
+          $description: Success status icon color (light theme)
+        on-dark:
+          $value: '{color.green.40}'
+          $description: Success status icon color (dark theme)

tokens/color/status.yaml

@@ -6,7 +6,7 @@ color:
 
     danger:
       on-light:
-        $value: '{color.red-orange.50}'
+        $value: '{color.red-orange.60}'
         $description: Danger accent color (light theme)
       on-dark:
         $value: '{color.red-orange.40}'