@volue/design-colors 3.0.0-next.7 → 3.0.0

package/dist/flat.common.js

@@ -27,20 +27,20 @@ const colorBlue20 = "#d0f6ff";
 const colorBlue30 = "#bff3ff";
 const colorBlue40 = "#9aecff";
 const colorBlue60 = "#00cceb";
-const colorBlue70 = "#00b4d1";
-const colorBlue80 = "#0096af";
-const colorBlue90 = "#007a92";
-const colorBlue100 = "#005e72";
+const colorBlue70 = "#00a7c2";
+const colorBlue80 = "#008299";
+const colorBlue90 = "#006c80";
+const colorBlue100 = "#005766";
 const colorGreen5 = "#eeffef";
 const colorGreen10 = "#dbffdf";
 const colorGreen20 = "#c6ffcd";
 const colorGreen30 = "#b0ffbb";
 const colorGreen40 = "#7dfd95";
 const colorGreen60 = "#31d962";
-const colorGreen70 = "#1fc052";
-const colorGreen80 = "#22a047";
-const colorGreen90 = "#1b8238";
-const colorGreen100 = "#006626";
+const colorGreen70 = "#1eb84f";
+const colorGreen80 = "#1d873c";
+const colorGreen90 = "#187233";
+const colorGreen100 = "#125426";
 const colorOrange5 = "#fff9ed";
 const colorOrange10 = "#fff2da";
 const colorOrange20 = "#ffecc8";
@@ -65,75 +65,66 @@ const dataRed20 = "#f7e6e8";
 const dataRed40 = "#ecc7c9";
 const dataRed60 = "#e6a1a5";
 const dataRed80 = "#eb7072";
-const dataRed100 = "#c6434b";
+const dataRed100 = "#bb3a42";
 const dataOrange20 = "#faebdc";
 const dataOrange40 = "#f5caa3";
 const dataOrange60 = "#eda35e";
 const dataOrange80 = "#e57b1a";
-const dataOrange100 = "#b35d0a";
+const dataOrange100 = "#a4540a";
 const dataBrown20 = "#f4edde";
 const dataBrown40 = "#e8cf96";
 const dataBrown60 = "#d8b155";
 const dataBrown80 = "#b89749";
-const dataBrown100 = "#8e7333";
+const dataBrown100 = "#7f672e";
 const dataPear20 = "#fcfcdb";
 const dataPear40 = "#e8e54c";
 const dataPear60 = "#cbc920";
 const dataPear80 = "#afad07";
-const dataPear100 = "#888705";
+const dataPear100 = "#767605";
 const dataLime20 = "#f1fcdc";
 const dataLime40 = "#cbed7a";
 const dataLime60 = "#a7d441";
 const dataLime80 = "#84ba12";
-const dataLime100 = "#66910e";
+const dataLime100 = "#587d0c";
 const dataGreen20 = "#dff5e1";
 const dataGreen40 = "#ade2b0";
 const dataGreen60 = "#76ce7a";
 const dataGreen80 = "#3fb845";
-const dataGreen100 = "#318d36";
+const dataGreen100 = "#2a792e";
 const dataTeal20 = "#dcf4ef";
 const dataTeal40 = "#a7dfd6";
 const dataTeal60 = "#6fc9ba";
 const dataTeal80 = "#3ab19e";
-const dataTeal100 = "#2a8879";
+const dataTeal100 = "#25796b";
 const dataAqua20 = "#e3f1f6";
 const dataAqua40 = "#b1dae4";
 const dataAqua60 = "#7ac4d3";
 const dataAqua80 = "#42abc2";
-const dataAqua100 = "#2e8495";
+const dataAqua100 = "#297585";
 const dataBlue20 = "#e6eff7";
 const dataBlue40 = "#bfd5e9";
 const dataBlue60 = "#93bbdf";
 const dataBlue80 = "#60a1df";
-const dataBlue100 = "#3b7bb7";
+const dataBlue100 = "#346da2";
 const dataLazuli20 = "#ecedf9";
 const dataLazuli40 = "#cccfee";
 const dataLazuli60 = "#aab2e9";
 const dataLazuli80 = "#7f94f2";
-const dataLazuli100 = "#5768df";
+const dataLazuli100 = "#4b5cdd";
 const dataPurple20 = "#f4eaf8";
 const dataPurple40 = "#e2c6ec";
 const dataPurple60 = "#d2a1e3";
 const dataPurple80 = "#c574e4";
-const dataPurple100 = "#a345c5";
+const dataPurple100 = "#9e3dc2";
 const dataPink20 = "#f8e9f2";
 const dataPink40 = "#ebc5de";
 const dataPink60 = "#e29dc9";
 const dataPink80 = "#e26ab5";
-const dataPink100 = "#bc3d91";
-const backgroundCanvas = "#ffffff";
-const backgroundCanvasSubtle = "#f9fafb";
-const backgroundSurface = "#ffffff";
-const backgroundSurfaceSubtle = "#f3f5f6";
-const backgroundSurfaceContrast = "#082d35";
+const dataPink100 = "#b53b8c";
 const backgroundNeutralMinimal = "#ffffff";
 const backgroundNeutralSubtle = "#f9fafb";
-const backgroundNeutralSubtleHover = "#f3f5f6";
-const backgroundNeutralSubtleActive = "#e6ebec";
 const backgroundNeutralModerate = "#f3f5f6";
-const backgroundNeutralModerateHover = "#e6ebec";
 const backgroundNeutral = "#e6ebec";
-const backgroundNeutralHover = "#c2cdd0";
 const backgroundNeutralBold = "#53747b";
 const backgroundNeutralStrong = "#223f44";
 const backgroundNeutralContrast = "#082d35";
@@ -145,46 +136,63 @@ const backgroundAccentSubtleHover = "#e8f1f3";
 const backgroundAccentSubtleActive = "#c4dbe0";
 const backgroundAccent = "#e8f1f3";
 const backgroundAccentHover = "#c4dbe0";
+const backgroundAccentActive = "#a8cbd3";
 const backgroundAccentBold = "#5b9ba9";
+const backgroundAccentBoldHover = "#388597";
+const backgroundAccentBoldActive = "#157084";
 const backgroundAccentStrong = "#157084";
 const backgroundAccentStrongHover = "#11596a";
+const backgroundAccentStrongActive = "#0c4957";
 const backgroundDangerSubtle = "#fff7f8";
 const backgroundDangerSubtleHover = "#ffeff0";
 const backgroundDangerSubtleActive = "#ffdbde";
 const backgroundDanger = "#ffeff0";
 const backgroundDangerHover = "#ffdbde";
+const backgroundDangerActive = "#ffbfc1";
 const backgroundDangerBold = "#ff3b3d";
+const backgroundDangerBoldHover = "#df001f";
+const backgroundDangerBoldActive = "#b20016";
 const backgroundDangerStrong = "#df001f";
 const backgroundDangerStrongHover = "#b20016";
+const backgroundDangerStrongActive = "#9d0012";
 const backgroundWarningSubtle = "#fff9ed";
 const backgroundWarningSubtleHover = "#fff2da";
 const backgroundWarningSubtleActive = "#ffecc8";
 const backgroundWarning = "#fff2da";
 const backgroundWarningHover = "#ffecc8";
+const backgroundWarningActive = "#ffdd99";
 const backgroundWarningBold = "#ffb900";
+const backgroundWarningBoldHover = "#dc9f00";
+const backgroundWarningBoldActive = "#b17600";
 const backgroundWarningStrong = "#dc9f00";
 const backgroundWarningStrongHover = "#b17600";
+const backgroundWarningStrongActive = "#805400";
 const backgroundSuccessSubtle = "#eeffef";
 const backgroundSuccessSubtleHover = "#dbffdf";
 const backgroundSuccessSubtleActive = "#c6ffcd";
 const backgroundSuccess = "#dbffdf";
 const backgroundSuccessHover = "#c6ffcd";
-const backgroundSuccessBold = "#22a047";
-const backgroundSuccessStrong = "#1b8238";
-const backgroundSuccessStrongHover = "#006626";
+const backgroundSuccessActive = "#b0ffbb";
+const backgroundSuccessBold = "#1eb84f";
+const backgroundSuccessBoldHover = "#1d873c";
+const backgroundSuccessBoldActive = "#187233";
+const backgroundSuccessStrong = "#1d873c";
+const backgroundSuccessStrongHover = "#187233";
+const backgroundSuccessStrongActive = "#125426";
 const backgroundInfoSubtle = "#f0fcff";
 const backgroundInfoSubtleHover = "#e1f9ff";
 const backgroundInfoSubtleActive = "#d0f6ff";
 const backgroundInfo = "#e1f9ff";
 const backgroundInfoHover = "#d0f6ff";
-const backgroundInfoBold = "#0096af";
-const backgroundInfoStrong = "#007a92";
-const backgroundInfoStrongHover = "#005e72";
+const backgroundInfoActive = "#bff3ff";
+const backgroundInfoBold = "#00a7c2";
+const backgroundInfoBoldHover = "#008299";
+const backgroundInfoBoldActive = "#006c80";
+const backgroundInfoStrong = "#008299";
+const backgroundInfoStrongHover = "#006c80";
+const backgroundInfoStrongActive = "#005766";
 const backgroundDisabled = "#e6ebec";
 const backgroundDisabledSubtle = "#f3f5f6";
-const backgroundInverse = "rgba(255, 255, 255, 0.113)";
-const foregroundBody = "#082d35";
-const foregroundLink = "#157084";
 const foregroundNeutral = "#082d35";
 const foregroundNeutralModerate = "#223f44";
 const foregroundNeutralSubtle = "#53747b";
@@ -199,12 +207,12 @@ const foregroundWarning = "#805400";
 const foregroundWarningModerate = "#b17600";
 const foregroundWarningSubtle = "#ffb900";
 const foregroundWarningInverse = "#082d35";
-const foregroundSuccess = "#006626";
-const foregroundSuccessModerate = "#1b8238";
-const foregroundSuccessSubtle = "#1fc052";
-const foregroundInfo = "#005e72";
-const foregroundInfoModerate = "#007a92";
-const foregroundInfoSubtle = "#00b4d1";
+const foregroundSuccess = "#125426";
+const foregroundSuccessModerate = "#187233";
+const foregroundSuccessSubtle = "#1eb84f";
+const foregroundInfo = "#005766";
+const foregroundInfoModerate = "#006c80";
+const foregroundInfoSubtle = "#00a7c2";
 const foregroundDisabled = "#9dafb3";
 const foregroundDisabledSubtle = "#c2cdd0";
 const foregroundInverse = "#ffffff";
@@ -216,6 +224,7 @@ const borderNeutralContrast = "#082d35";
 const borderAccentModerate = "#c4dbe0";
 const borderAccent = "#a8cbd3";
 const borderAccentHover = "#7eb0bc";
+const borderAccentActive = "#5b9ba9";
 const borderAccentBold = "#388597";
 const borderAccentStrong = "#11596a";
 const borderDanger = "#ffbfc1";
@@ -225,16 +234,15 @@ const borderWarning = "#ffd787";
 const borderWarningBold = "#dc9f00";
 const borderWarningStrong = "#b17600";
 const borderSuccess = "#7dfd95";
-const borderSuccessBold = "#1b8238";
-const borderSuccessStrong = "#006626";
+const borderSuccessBold = "#1d873c";
+const borderSuccessStrong = "#187233";
 const borderInfo = "#9aecff";
-const borderInfoBold = "#007a92";
-const borderInfoStrong = "#005e72";
+const borderInfoBold = "#008299";
+const borderInfoStrong = "#006c80";
 const borderDisabled = "#e6ebec";
 const borderDisabledSubtle = "#f3f5f6";
-const borderFocus = "#388597";
 const borderInverse = "rgba(255, 255, 255, 0.85)";
-const rgbBackgroundSurface = "255, 255, 255";
+const rgbBackgroundNeutralMinimal = "255, 255, 255";
 const rgbBackgroundNeutral = "230, 235, 236";
 const rgbBackgroundNeutralBold = "83, 116, 123";
 const rgbBackgroundNeutralStrong = "34, 63, 68";
@@ -248,71 +256,71 @@ const rgbBackgroundWarning = "255, 242, 218";
 const rgbBackgroundWarningBold = "255, 185, 0";
 const rgbBackgroundWarningStrong = "220, 159, 0";
 const rgbBackgroundSuccess = "219, 255, 223";
-const rgbBackgroundSuccessBold = "34, 160, 71";
-const rgbBackgroundSuccessStrong = "27, 130, 56";
+const rgbBackgroundSuccessBold = "30, 184, 79";
+const rgbBackgroundSuccessStrong = "29, 135, 60";
 const rgbBackgroundInfo = "225, 249, 255";
-const rgbBackgroundInfoBold = "0, 150, 175";
-const rgbBackgroundInfoStrong = "0, 122, 146";
-const rgbDataRed20 = "247, 230, 232";
-const rgbDataRed40 = "236, 199, 201";
-const rgbDataRed60 = "230, 161, 165";
-const rgbDataRed80 = "235, 112, 114";
-const rgbDataRed100 = "198, 67, 75";
-const rgbDataOrange20 = "250, 235, 220";
-const rgbDataOrange40 = "245, 202, 163";
-const rgbDataOrange60 = "237, 163, 94";
-const rgbDataOrange80 = "229, 123, 26";
-const rgbDataOrange100 = "179, 93, 10";
-const rgbDataBrown20 = "244, 237, 222";
-const rgbDataBrown40 = "232, 207, 150";
-const rgbDataBrown60 = "216, 177, 85";
-const rgbDataBrown80 = "184, 151, 73";
-const rgbDataBrown100 = "142, 115, 51";
-const rgbDataPear20 = "252, 252, 219";
-const rgbDataPear40 = "232, 229, 76";
-const rgbDataPear60 = "203, 201, 32";
-const rgbDataPear80 = "175, 173, 7";
-const rgbDataPear100 = "136, 135, 5";
-const rgbDataLime20 = "241, 252, 220";
-const rgbDataLime40 = "203, 237, 122";
-const rgbDataLime60 = "167, 212, 65";
-const rgbDataLime80 = "132, 186, 18";
-const rgbDataLime100 = "102, 145, 14";
-const rgbDataGreen20 = "223, 245, 225";
-const rgbDataGreen40 = "173, 226, 176";
-const rgbDataGreen60 = "118, 206, 122";
-const rgbDataGreen80 = "63, 184, 69";
-const rgbDataGreen100 = "49, 141, 54";
+const rgbBackgroundInfoBold = "0, 167, 194";
+const rgbBackgroundInfoStrong = "0, 130, 153";
 const rgbDataTeal20 = "220, 244, 239";
 const rgbDataTeal40 = "167, 223, 214";
 const rgbDataTeal60 = "111, 201, 186";
 const rgbDataTeal80 = "58, 177, 158";
-const rgbDataTeal100 = "42, 136, 121";
+const rgbDataTeal100 = "37, 121, 107";
+const rgbDataPurple20 = "244, 234, 248";
+const rgbDataPurple40 = "226, 198, 236";
+const rgbDataPurple60 = "210, 161, 227";
+const rgbDataPurple80 = "197, 116, 228";
+const rgbDataPurple100 = "158, 61, 194";
+const rgbDataPink20 = "248, 233, 242";
+const rgbDataPink40 = "235, 197, 222";
+const rgbDataPink60 = "226, 157, 201";
+const rgbDataPink80 = "226, 106, 181";
+const rgbDataPink100 = "181, 59, 140";
 const rgbDataAqua20 = "227, 241, 246";
 const rgbDataAqua40 = "177, 218, 228";
 const rgbDataAqua60 = "122, 196, 211";
 const rgbDataAqua80 = "66, 171, 194";
-const rgbDataAqua100 = "46, 132, 149";
+const rgbDataAqua100 = "41, 117, 133";
 const rgbDataBlue20 = "230, 239, 247";
 const rgbDataBlue40 = "191, 213, 233";
 const rgbDataBlue60 = "147, 187, 223";
 const rgbDataBlue80 = "96, 161, 223";
-const rgbDataBlue100 = "59, 123, 183";
+const rgbDataBlue100 = "52, 109, 162";
 const rgbDataLazuli20 = "236, 237, 249";
 const rgbDataLazuli40 = "204, 207, 238";
 const rgbDataLazuli60 = "170, 178, 233";
 const rgbDataLazuli80 = "127, 148, 242";
-const rgbDataLazuli100 = "87, 104, 223";
-const rgbDataPurple20 = "244, 234, 248";
-const rgbDataPurple40 = "226, 198, 236";
-const rgbDataPurple60 = "210, 161, 227";
-const rgbDataPurple80 = "197, 116, 228";
-const rgbDataPurple100 = "163, 69, 197";
-const rgbDataPink20 = "248, 233, 242";
-const rgbDataPink40 = "235, 197, 222";
-const rgbDataPink60 = "226, 157, 201";
-const rgbDataPink80 = "226, 106, 181";
-const rgbDataPink100 = "188, 61, 145";
+const rgbDataLazuli100 = "75, 92, 221";
+const rgbDataGreen20 = "223, 245, 225";
+const rgbDataGreen40 = "173, 226, 176";
+const rgbDataGreen60 = "118, 206, 122";
+const rgbDataGreen80 = "63, 184, 69";
+const rgbDataGreen100 = "42, 121, 46";
+const rgbDataLime20 = "241, 252, 220";
+const rgbDataLime40 = "203, 237, 122";
+const rgbDataLime60 = "167, 212, 65";
+const rgbDataLime80 = "132, 186, 18";
+const rgbDataLime100 = "88, 125, 12";
+const rgbDataOrange20 = "250, 235, 220";
+const rgbDataOrange40 = "245, 202, 163";
+const rgbDataOrange60 = "237, 163, 94";
+const rgbDataOrange80 = "229, 123, 26";
+const rgbDataOrange100 = "164, 84, 10";
+const rgbDataPear20 = "252, 252, 219";
+const rgbDataPear40 = "232, 229, 76";
+const rgbDataPear60 = "203, 201, 32";
+const rgbDataPear80 = "175, 173, 7";
+const rgbDataPear100 = "118, 118, 5";
+const rgbDataBrown20 = "244, 237, 222";
+const rgbDataBrown40 = "232, 207, 150";
+const rgbDataBrown60 = "216, 177, 85";
+const rgbDataBrown80 = "184, 151, 73";
+const rgbDataBrown100 = "127, 103, 46";
+const rgbDataRed20 = "247, 230, 232";
+const rgbDataRed40 = "236, 199, 201";
+const rgbDataRed60 = "230, 161, 165";
+const rgbDataRed80 = "235, 112, 114";
+const rgbDataRed100 = "187, 58, 66";
 
 module.exports = {
   colorWhite,
@@ -438,19 +446,10 @@ module.exports = {
   dataPink60,
   dataPink80,
   dataPink100,
-  backgroundCanvas,
-  backgroundCanvasSubtle,
-  backgroundSurface,
-  backgroundSurfaceSubtle,
-  backgroundSurfaceContrast,
   backgroundNeutralMinimal,
   backgroundNeutralSubtle,
-  backgroundNeutralSubtleHover,
-  backgroundNeutralSubtleActive,
   backgroundNeutralModerate,
-  backgroundNeutralModerateHover,
   backgroundNeutral,
-  backgroundNeutralHover,
   backgroundNeutralBold,
   backgroundNeutralStrong,
   backgroundNeutralContrast,
@@ -462,46 +461,63 @@ module.exports = {
   backgroundAccentSubtleActive,
   backgroundAccent,
   backgroundAccentHover,
+  backgroundAccentActive,
   backgroundAccentBold,
+  backgroundAccentBoldHover,
+  backgroundAccentBoldActive,
   backgroundAccentStrong,
   backgroundAccentStrongHover,
+  backgroundAccentStrongActive,
   backgroundDangerSubtle,
   backgroundDangerSubtleHover,
   backgroundDangerSubtleActive,
   backgroundDanger,
   backgroundDangerHover,
+  backgroundDangerActive,
   backgroundDangerBold,
+  backgroundDangerBoldHover,
+  backgroundDangerBoldActive,
   backgroundDangerStrong,
   backgroundDangerStrongHover,
+  backgroundDangerStrongActive,
   backgroundWarningSubtle,
   backgroundWarningSubtleHover,
   backgroundWarningSubtleActive,
   backgroundWarning,
   backgroundWarningHover,
+  backgroundWarningActive,
   backgroundWarningBold,
+  backgroundWarningBoldHover,
+  backgroundWarningBoldActive,
   backgroundWarningStrong,
   backgroundWarningStrongHover,
+  backgroundWarningStrongActive,
   backgroundSuccessSubtle,
   backgroundSuccessSubtleHover,
   backgroundSuccessSubtleActive,
   backgroundSuccess,
   backgroundSuccessHover,
+  backgroundSuccessActive,
   backgroundSuccessBold,
+  backgroundSuccessBoldHover,
+  backgroundSuccessBoldActive,
   backgroundSuccessStrong,
   backgroundSuccessStrongHover,
+  backgroundSuccessStrongActive,
   backgroundInfoSubtle,
   backgroundInfoSubtleHover,
   backgroundInfoSubtleActive,
   backgroundInfo,
   backgroundInfoHover,
+  backgroundInfoActive,
   backgroundInfoBold,
+  backgroundInfoBoldHover,
+  backgroundInfoBoldActive,
   backgroundInfoStrong,
   backgroundInfoStrongHover,
+  backgroundInfoStrongActive,
   backgroundDisabled,
   backgroundDisabledSubtle,
-  backgroundInverse,
-  foregroundBody,
-  foregroundLink,
   foregroundNeutral,
   foregroundNeutralModerate,
   foregroundNeutralSubtle,
@@ -533,6 +549,7 @@ module.exports = {
   borderAccentModerate,
   borderAccent,
   borderAccentHover,
+  borderAccentActive,
   borderAccentBold,
   borderAccentStrong,
   borderDanger,
@@ -549,9 +566,8 @@ module.exports = {
   borderInfoStrong,
   borderDisabled,
   borderDisabledSubtle,
-  borderFocus,
   borderInverse,
-  rgbBackgroundSurface,
+  rgbBackgroundNeutralMinimal,
   rgbBackgroundNeutral,
   rgbBackgroundNeutralBold,
   rgbBackgroundNeutralStrong,
@@ -570,41 +586,21 @@ module.exports = {
   rgbBackgroundInfo,
   rgbBackgroundInfoBold,
   rgbBackgroundInfoStrong,
-  rgbDataRed20,
-  rgbDataRed40,
-  rgbDataRed60,
-  rgbDataRed80,
-  rgbDataRed100,
-  rgbDataOrange20,
-  rgbDataOrange40,
-  rgbDataOrange60,
-  rgbDataOrange80,
-  rgbDataOrange100,
-  rgbDataBrown20,
-  rgbDataBrown40,
-  rgbDataBrown60,
-  rgbDataBrown80,
-  rgbDataBrown100,
-  rgbDataPear20,
-  rgbDataPear40,
-  rgbDataPear60,
-  rgbDataPear80,
-  rgbDataPear100,
-  rgbDataLime20,
-  rgbDataLime40,
-  rgbDataLime60,
-  rgbDataLime80,
-  rgbDataLime100,
-  rgbDataGreen20,
-  rgbDataGreen40,
-  rgbDataGreen60,
-  rgbDataGreen80,
-  rgbDataGreen100,
   rgbDataTeal20,
   rgbDataTeal40,
   rgbDataTeal60,
   rgbDataTeal80,
   rgbDataTeal100,
+  rgbDataPurple20,
+  rgbDataPurple40,
+  rgbDataPurple60,
+  rgbDataPurple80,
+  rgbDataPurple100,
+  rgbDataPink20,
+  rgbDataPink40,
+  rgbDataPink60,
+  rgbDataPink80,
+  rgbDataPink100,
   rgbDataAqua20,
   rgbDataAqua40,
   rgbDataAqua60,
@@ -620,16 +616,36 @@ module.exports = {
   rgbDataLazuli60,
   rgbDataLazuli80,
   rgbDataLazuli100,
-  rgbDataPurple20,
-  rgbDataPurple40,
-  rgbDataPurple60,
-  rgbDataPurple80,
-  rgbDataPurple100,
-  rgbDataPink20,
-  rgbDataPink40,
-  rgbDataPink60,
-  rgbDataPink80,
-  rgbDataPink100,
+  rgbDataGreen20,
+  rgbDataGreen40,
+  rgbDataGreen60,
+  rgbDataGreen80,
+  rgbDataGreen100,
+  rgbDataLime20,
+  rgbDataLime40,
+  rgbDataLime60,
+  rgbDataLime80,
+  rgbDataLime100,
+  rgbDataOrange20,
+  rgbDataOrange40,
+  rgbDataOrange60,
+  rgbDataOrange80,
+  rgbDataOrange100,
+  rgbDataPear20,
+  rgbDataPear40,
+  rgbDataPear60,
+  rgbDataPear80,
+  rgbDataPear100,
+  rgbDataBrown20,
+  rgbDataBrown40,
+  rgbDataBrown60,
+  rgbDataBrown80,
+  rgbDataBrown100,
+  rgbDataRed20,
+  rgbDataRed40,
+  rgbDataRed60,
+  rgbDataRed80,
+  rgbDataRed100,
   core: {
     colorWhite,
     colorGray0,
@@ -758,19 +774,10 @@ module.exports = {
     dataPink100
   },
   background: {
-    backgroundCanvas,
-    backgroundCanvasSubtle,
-    backgroundSurface,
-    backgroundSurfaceSubtle,
-    backgroundSurfaceContrast,
     backgroundNeutralMinimal,
     backgroundNeutralSubtle,
-    backgroundNeutralSubtleHover,
-    backgroundNeutralSubtleActive,
     backgroundNeutralModerate,
-    backgroundNeutralModerateHover,
     backgroundNeutral,
-    backgroundNeutralHover,
     backgroundNeutralBold,
     backgroundNeutralStrong,
     backgroundNeutralContrast,
@@ -782,48 +789,65 @@ module.exports = {
     backgroundAccentSubtleActive,
     backgroundAccent,
     backgroundAccentHover,
+    backgroundAccentActive,
     backgroundAccentBold,
+    backgroundAccentBoldHover,
+    backgroundAccentBoldActive,
     backgroundAccentStrong,
     backgroundAccentStrongHover,
+    backgroundAccentStrongActive,
     backgroundDangerSubtle,
     backgroundDangerSubtleHover,
     backgroundDangerSubtleActive,
     backgroundDanger,
     backgroundDangerHover,
+    backgroundDangerActive,
     backgroundDangerBold,
+    backgroundDangerBoldHover,
+    backgroundDangerBoldActive,
     backgroundDangerStrong,
     backgroundDangerStrongHover,
+    backgroundDangerStrongActive,
     backgroundWarningSubtle,
     backgroundWarningSubtleHover,
     backgroundWarningSubtleActive,
     backgroundWarning,
     backgroundWarningHover,
+    backgroundWarningActive,
     backgroundWarningBold,
+    backgroundWarningBoldHover,
+    backgroundWarningBoldActive,
     backgroundWarningStrong,
     backgroundWarningStrongHover,
+    backgroundWarningStrongActive,
     backgroundSuccessSubtle,
     backgroundSuccessSubtleHover,
     backgroundSuccessSubtleActive,
     backgroundSuccess,
     backgroundSuccessHover,
+    backgroundSuccessActive,
     backgroundSuccessBold,
+    backgroundSuccessBoldHover,
+    backgroundSuccessBoldActive,
     backgroundSuccessStrong,
     backgroundSuccessStrongHover,
+    backgroundSuccessStrongActive,
     backgroundInfoSubtle,
     backgroundInfoSubtleHover,
     backgroundInfoSubtleActive,
     backgroundInfo,
     backgroundInfoHover,
+    backgroundInfoActive,
     backgroundInfoBold,
+    backgroundInfoBoldHover,
+    backgroundInfoBoldActive,
     backgroundInfoStrong,
     backgroundInfoStrongHover,
+    backgroundInfoStrongActive,
     backgroundDisabled,
-    backgroundDisabledSubtle,
-    backgroundInverse
+    backgroundDisabledSubtle
   },
   foreground: {
-    foregroundBody,
-    foregroundLink,
     foregroundNeutral,
     foregroundNeutralModerate,
     foregroundNeutralSubtle,
@@ -857,6 +881,7 @@ module.exports = {
     borderAccentModerate,
     borderAccent,
     borderAccentHover,
+    borderAccentActive,
     borderAccentBold,
     borderAccentStrong,
     borderDanger,
@@ -873,11 +898,10 @@ module.exports = {
     borderInfoStrong,
     borderDisabled,
     borderDisabledSubtle,
-    borderFocus,
     borderInverse
   },
   rgb: {
-    rgbBackgroundSurface,
+    rgbBackgroundNeutralMinimal,
     rgbBackgroundNeutral,
     rgbBackgroundNeutralBold,
     rgbBackgroundNeutralStrong,
@@ -896,41 +920,21 @@ module.exports = {
     rgbBackgroundInfo,
     rgbBackgroundInfoBold,
     rgbBackgroundInfoStrong,
-    rgbDataRed20,
-    rgbDataRed40,
-    rgbDataRed60,
-    rgbDataRed80,
-    rgbDataRed100,
-    rgbDataOrange20,
-    rgbDataOrange40,
-    rgbDataOrange60,
-    rgbDataOrange80,
-    rgbDataOrange100,
-    rgbDataBrown20,
-    rgbDataBrown40,
-    rgbDataBrown60,
-    rgbDataBrown80,
-    rgbDataBrown100,
-    rgbDataPear20,
-    rgbDataPear40,
-    rgbDataPear60,
-    rgbDataPear80,
-    rgbDataPear100,
-    rgbDataLime20,
-    rgbDataLime40,
-    rgbDataLime60,
-    rgbDataLime80,
-    rgbDataLime100,
-    rgbDataGreen20,
-    rgbDataGreen40,
-    rgbDataGreen60,
-    rgbDataGreen80,
-    rgbDataGreen100,
     rgbDataTeal20,
     rgbDataTeal40,
     rgbDataTeal60,
     rgbDataTeal80,
     rgbDataTeal100,
+    rgbDataPurple20,
+    rgbDataPurple40,
+    rgbDataPurple60,
+    rgbDataPurple80,
+    rgbDataPurple100,
+    rgbDataPink20,
+    rgbDataPink40,
+    rgbDataPink60,
+    rgbDataPink80,
+    rgbDataPink100,
     rgbDataAqua20,
     rgbDataAqua40,
     rgbDataAqua60,
@@ -946,15 +950,35 @@ module.exports = {
     rgbDataLazuli60,
     rgbDataLazuli80,
     rgbDataLazuli100,
-    rgbDataPurple20,
-    rgbDataPurple40,
-    rgbDataPurple60,
-    rgbDataPurple80,
-    rgbDataPurple100,
-    rgbDataPink20,
-    rgbDataPink40,
-    rgbDataPink60,
-    rgbDataPink80,
-    rgbDataPink100
+    rgbDataGreen20,
+    rgbDataGreen40,
+    rgbDataGreen60,
+    rgbDataGreen80,
+    rgbDataGreen100,
+    rgbDataLime20,
+    rgbDataLime40,
+    rgbDataLime60,
+    rgbDataLime80,
+    rgbDataLime100,
+    rgbDataOrange20,
+    rgbDataOrange40,
+    rgbDataOrange60,
+    rgbDataOrange80,
+    rgbDataOrange100,
+    rgbDataPear20,
+    rgbDataPear40,
+    rgbDataPear60,
+    rgbDataPear80,
+    rgbDataPear100,
+    rgbDataBrown20,
+    rgbDataBrown40,
+    rgbDataBrown60,
+    rgbDataBrown80,
+    rgbDataBrown100,
+    rgbDataRed20,
+    rgbDataRed40,
+    rgbDataRed60,
+    rgbDataRed80,
+    rgbDataRed100
   }
 };