Update o2-new skin to solve contrasst issues

Author: aweell

tokens/linter/contrastPairs.js

@@ -90,6 +90,11 @@ export const contrastPairs = [
     bg: ["buttonPrimaryBackgroundMedia"],
     minRatio: 4.5,
   },
+  {
+    fg: ["textButtonPrimaryNegative"],
+    bg: ["buttonPrimaryBackgroundNegative"],
+    minRatio: 4.5,
+  },
   {
     fg: ["textButtonPrimaryInversePressed"],
     bg: [
@@ -114,6 +119,14 @@ export const contrastPairs = [
     ],
     minRatio: 4.5,
   },
+  {
+    fg: ["textButtonPrimaryNegativePressed"],
+    bg: [
+      "buttonPrimaryBackgroundNegativeHover",
+      "buttonPrimaryBackgroundNegativePressed",
+    ],
+    minRatio: 4.5,
+  },
   {
     fg: ["textButtonSecondary"],
     bg: [

tokens/o2-new.json

@@ -328,49 +328,49 @@
       "description": "beyondBlue70"
     },
     "buttonPrimaryBackgroundInverseHover": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue10}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue10"
     },
     "buttonPrimaryBackgroundNegativeHover": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue10}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue10"
     },
     "buttonPrimaryBackgroundBrandHover": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue10}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue10"
     },
     "buttonPrimaryBackgroundMediaHover": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue10}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue10"
     },
     "buttonPrimaryBackgroundPressed": {
       "value": "{palette.beyondBlue70}",
       "type": "color",
       "description": "beyondBlue70"
     },
     "buttonPrimaryBackgroundInversePressed": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue15}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue15"
     },
     "buttonPrimaryBackgroundNegativePressed": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue15}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue15"
     },
     "buttonPrimaryBackgroundBrandPressed": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue15}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue15"
     },
     "buttonPrimaryBackgroundMediaPressed": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue15}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue15"
     },
     "buttonSecondaryBackgroundBrand": {
       "value": "rgba({palette.white}, 0)",
@@ -1756,9 +1756,9 @@
       "description": "beyondBlue55"
     },
     "buttonPrimaryBackgroundMediaHover": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue10}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue10"
     },
     "buttonPrimaryBackgroundPressed": {
       "value": "{palette.beyondBlue55}",
@@ -1781,9 +1781,9 @@
       "description": "beyondBlue55"
     },
     "buttonPrimaryBackgroundMediaPressed": {
-      "value": "{palette.beyondBlue30}",
+      "value": "{palette.beyondBlue15}",
       "type": "color",
-      "description": "beyondBlue30"
+      "description": "beyondBlue15"
     },
     "buttonSecondaryBackgroundBrand": {
       "value": "rgba({palette.white}, 0)",