From add1f3b0b04b68ba07a0382b586c915e639a2b6d Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Thu, 20 May 2021 09:56:39 -0700
Subject: [PATCH] docs(support-02): update support-02 value (#2288)

---
 src/components/ColorGrid/ColorGrid.js |  4 ++--
 src/data/guidelines/color-tokens.js   | 17 ++++++-----------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/components/ColorGrid/ColorGrid.js b/src/components/ColorGrid/ColorGrid.js
index 4ffd236b36c..0a412befdee 100644
--- a/src/components/ColorGrid/ColorGrid.js
+++ b/src/components/ColorGrid/ColorGrid.js
@@ -2,7 +2,7 @@ import React from 'react';
 import {
   colors,
   black100,
-  green50,
+  green60,
   orange40,
   red60,
   white0,
@@ -34,7 +34,7 @@ export default function ColorGrid({ colorFamily, ...rest }) {
         <ColorSwatch hex={red60} />
         <ColorSwatch hex={orange40} />
         <ColorSwatch hex={yellow20} />
-        <ColorSwatch hex={green50} />
+        <ColorSwatch hex={green60} />
       </div>
     );
   }
diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js
index 0cdf60d4fdf..66335cff77d 100644
--- a/src/data/guidelines/color-tokens.js
+++ b/src/data/guidelines/color-tokens.js
@@ -266,10 +266,7 @@ const colorTokens = {
       },
     },
     '$button-separator': {
-      role: [
-        '3:1 aa element contrast',
-        'Fluid button separator',
-      ],
+      role: ['3:1 aa element contrast', 'Fluid button separator'],
       value: {
         white: {
           name: 'Gray 20',
@@ -290,9 +287,7 @@ const colorTokens = {
       },
     },
     '$decorative-01': {
-      role: [
-        '“Light” variant elements',
-      ],
+      role: ['“Light” variant elements'],
       value: {
         white: {
           name: 'Gray 20',
@@ -678,12 +673,12 @@ const colorTokens = {
       role: ['Success'],
       value: {
         white: {
-          name: 'Green 50',
-          hex: '#24a148',
+          name: 'Green 60',
+          hex: '#198038',
         },
         g10: {
-          name: 'Green 50',
-          hex: '#24a148',
+          name: 'Green 60',
+          hex: '#198038',
         },
         g90: {
           name: 'Green 40',