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

package/dist/generic.d.ts

@@ -147,22 +147,22 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#00b4d1"
+      value: "#00a7c2"
       name: "colorBlue70"
       path: string[]
     },
     {
-      value: "#0096af"
+      value: "#008299"
       name: "colorBlue80"
       path: string[]
     },
     {
-      value: "#007a92"
+      value: "#006c80"
       name: "colorBlue90"
       path: string[]
     },
     {
-      value: "#005e72"
+      value: "#005766"
       name: "colorBlue100"
       path: string[]
     },
@@ -197,22 +197,22 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#1fc052"
+      value: "#1eb84f"
       name: "colorGreen70"
       path: string[]
     },
     {
-      value: "#22a047"
+      value: "#1d873c"
       name: "colorGreen80"
       path: string[]
     },
     {
-      value: "#1b8238"
+      value: "#187233"
       name: "colorGreen90"
       path: string[]
     },
     {
-      value: "#006626"
+      value: "#125426"
       name: "colorGreen100"
       path: string[]
     },
@@ -339,7 +339,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#c6434b"
+      value: "#bb3a42"
       name: "dataRed100"
       path: string[]
     },
@@ -364,7 +364,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#b35d0a"
+      value: "#a4540a"
       name: "dataOrange100"
       path: string[]
     },
@@ -389,7 +389,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#8e7333"
+      value: "#7f672e"
       name: "dataBrown100"
       path: string[]
     },
@@ -414,7 +414,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#888705"
+      value: "#767605"
       name: "dataPear100"
       path: string[]
     },
@@ -439,7 +439,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#66910e"
+      value: "#587d0c"
       name: "dataLime100"
       path: string[]
     },
@@ -464,7 +464,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#318d36"
+      value: "#2a792e"
       name: "dataGreen100"
       path: string[]
     },
@@ -489,7 +489,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#2a8879"
+      value: "#25796b"
       name: "dataTeal100"
       path: string[]
     },
@@ -514,7 +514,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#2e8495"
+      value: "#297585"
       name: "dataAqua100"
       path: string[]
     },
@@ -539,7 +539,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#3b7bb7"
+      value: "#346da2"
       name: "dataBlue100"
       path: string[]
     },
@@ -564,7 +564,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#5768df"
+      value: "#4b5cdd"
       name: "dataLazuli100"
       path: string[]
     },
@@ -589,7 +589,7 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#a345c5"
+      value: "#9e3dc2"
       name: "dataPurple100"
       path: string[]
     },
@@ -614,89 +614,33 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#bc3d91"
+      value: "#b53b8c"
       name: "dataPink100"
       path: string[]
     }
   ],
   "background": [
-    {
-      value: "#ffffff"
-      name: "backgroundCanvas"
-      description: "Canvas background. Used for the background of your app."
-      originalName: "backgroundNeutralMinimal"
-      path: string[]
-    },
-    {
-      value: "#f9fafb"
-      name: "backgroundCanvasSubtle"
-      description: "Subtle canvas background. Used for the background of your app, e.g. when you create a card-based layout."
-      originalName: "backgroundNeutralSubtle"
-      path: string[]
-    },
-    {
-      value: "#ffffff"
-      name: "backgroundSurface"
-      description: "Default surface background. Used for the background area of UI components like cards, inputs etc."
-      originalName: "backgroundNeutralMinimal"
-      path: string[]
-    },
-    {
-      value: "#f3f5f6"
-      name: "backgroundSurfaceSubtle"
-      description: "Subtle surface background. Used for the background area of components that should stand out somewhat against default surface or app canvas."
-      originalName: "backgroundNeutralModerate"
-      path: string[]
-    },
-    {
-      value: "#082d35"
-      name: "backgroundSurfaceContrast"
-      description: "Contrast surface background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
-      originalName: "backgroundNeutralContrast"
-      path: string[]
-    },
     {
       value: "#ffffff"
       name: "backgroundNeutralMinimal"
-      description: "Minimal neutral background."
+      description: "Minimal neutral background. Used for the background area of your app and UI components like cards, inputs etc."
       originalName: "colorWhite"
       path: string[]
     },
     {
       value: "#f9fafb"
       name: "backgroundNeutralSubtle"
-      description: "Subtle neutral background."
+      description: "Subtle neutral background. Used for the background of your app, e.g. when you create a card-based layout."
       originalName: "colorGray0"
       path: string[]
     },
-    {
-      value: "#f3f5f6"
-      name: "backgroundNeutralSubtleHover"
-      description: "Subtle neutral background hover state."
-      originalName: "colorGray5"
-      path: string[]
-    },
-    {
-      value: "#e6ebec"
-      name: "backgroundNeutralSubtleActive"
-      description: "Subtle neutral background active state."
-      originalName: "colorGray10"
-      path: string[]
-    },
     {
       value: "#f3f5f6"
       name: "backgroundNeutralModerate"
-      description: "Moderate neutral background."
+      description: "Moderate neutral background. Used for the background area of components that should stand out somewhat against minimal neutral surfaces."
       originalName: "colorGray5"
       path: string[]
     },
-    {
-      value: "#e6ebec"
-      name: "backgroundNeutralModerateHover"
-      description: "Moderate neutral background hover state."
-      originalName: "colorGray10"
-      path: string[]
-    },
     {
       value: "#e6ebec"
       name: "backgroundNeutral"
@@ -704,13 +648,6 @@ declare const tokens: {
       originalName: "colorGray10"
       path: string[]
     },
-    {
-      value: "#c2cdd0"
-      name: "backgroundNeutralHover"
-      description: "Default neutral background hover state."
-      originalName: "colorGray20"
-      path: string[]
-    },
     {
       value: "#53747b"
       name: "backgroundNeutralBold"
@@ -728,7 +665,7 @@ declare const tokens: {
     {
       value: "#082d35"
       name: "backgroundNeutralContrast"
-      description: "Contrast neutral background."
+      description: "Contrast neutral background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
       originalName: "colorGray100"
       path: string[]
     },
@@ -788,6 +725,13 @@ declare const tokens: {
       originalName: "colorAccent20"
       path: string[]
     },
+    {
+      value: "#a8cbd3"
+      name: "backgroundAccentActive"
+      description: "Default accent background active state."
+      originalName: "colorAccent30"
+      path: string[]
+    },
     {
       value: "#5b9ba9"
       name: "backgroundAccentBold"
@@ -795,6 +739,20 @@ declare const tokens: {
       originalName: "colorAccent60"
       path: string[]
     },
+    {
+      value: "#388597"
+      name: "backgroundAccentBoldHover"
+      description: "Bold accent background hover state."
+      originalName: "colorAccent70"
+      path: string[]
+    },
+    {
+      value: "#157084"
+      name: "backgroundAccentBoldActive"
+      description: "Bold accent background active state."
+      originalName: "colorAccent80"
+      path: string[]
+    },
     {
       value: "#157084"
       name: "backgroundAccentStrong"
@@ -809,6 +767,13 @@ declare const tokens: {
       originalName: "colorAccent90"
       path: string[]
     },
+    {
+      value: "#0c4957"
+      name: "backgroundAccentStrongActive"
+      description: "Strong accent background active state."
+      originalName: "colorAccent100"
+      path: string[]
+    },
     {
       value: "#fff7f8"
       name: "backgroundDangerSubtle"
@@ -844,6 +809,13 @@ declare const tokens: {
       originalName: "colorRed20"
       path: string[]
     },
+    {
+      value: "#ffbfc1"
+      name: "backgroundDangerActive"
+      description: "Default danger background active state."
+      originalName: "colorRed30"
+      path: string[]
+    },
     {
       value: "#ff3b3d"
       name: "backgroundDangerBold"
@@ -851,6 +823,20 @@ declare const tokens: {
       originalName: "colorRed70"
       path: string[]
     },
+    {
+      value: "#df001f"
+      name: "backgroundDangerBoldHover"
+      description: "Bold danger background hover state."
+      originalName: "colorRed80"
+      path: string[]
+    },
+    {
+      value: "#b20016"
+      name: "backgroundDangerBoldActive"
+      description: "Bold danger background active state."
+      originalName: "colorRed90"
+      path: string[]
+    },
     {
       value: "#df001f"
       name: "backgroundDangerStrong"
@@ -865,6 +851,13 @@ declare const tokens: {
       originalName: "colorRed90"
       path: string[]
     },
+    {
+      value: "#9d0012"
+      name: "backgroundDangerStrongActive"
+      description: "Strong danger background active state."
+      originalName: "colorRed100"
+      path: string[]
+    },
     {
       value: "#fff9ed"
       name: "backgroundWarningSubtle"
@@ -900,6 +893,13 @@ declare const tokens: {
       originalName: "colorOrange20"
       path: string[]
     },
+    {
+      value: "#ffdd99"
+      name: "backgroundWarningActive"
+      description: "Default warning background active state."
+      originalName: "colorOrange30"
+      path: string[]
+    },
     {
       value: "#ffb900"
       name: "backgroundWarningBold"
@@ -907,6 +907,20 @@ declare const tokens: {
       originalName: "colorOrange70"
       path: string[]
     },
+    {
+      value: "#dc9f00"
+      name: "backgroundWarningBoldHover"
+      description: "Bold warning background hover state."
+      originalName: "colorOrange80"
+      path: string[]
+    },
+    {
+      value: "#b17600"
+      name: "backgroundWarningBoldActive"
+      description: "Bold warning background active state."
+      originalName: "colorOrange90"
+      path: string[]
+    },
     {
       value: "#dc9f00"
       name: "backgroundWarningStrong"
@@ -921,6 +935,13 @@ declare const tokens: {
       originalName: "colorOrange90"
       path: string[]
     },
+    {
+      value: "#805400"
+      name: "backgroundWarningStrongActive"
+      description: "Strong warning background active state."
+      originalName: "colorOrange100"
+      path: string[]
+    },
     {
       value: "#eeffef"
       name: "backgroundSuccessSubtle"
@@ -957,23 +978,51 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#22a047"
+      value: "#b0ffbb"
+      name: "backgroundSuccessActive"
+      description: "Default success background active state."
+      originalName: "colorGreen30"
+      path: string[]
+    },
+    {
+      value: "#1eb84f"
       name: "backgroundSuccessBold"
       description: "Bold success background."
+      originalName: "colorGreen70"
+      path: string[]
+    },
+    {
+      value: "#1d873c"
+      name: "backgroundSuccessBoldHover"
+      description: "Bold success background hover state."
       originalName: "colorGreen80"
       path: string[]
     },
     {
-      value: "#1b8238"
+      value: "#187233"
+      name: "backgroundSuccessBoldActive"
+      description: "Bold success background active state."
+      originalName: "colorGreen90"
+      path: string[]
+    },
+    {
+      value: "#1d873c"
       name: "backgroundSuccessStrong"
       description: "Strong success background state."
-      originalName: "colorGreen90"
+      originalName: "colorGreen80"
       path: string[]
     },
     {
-      value: "#006626"
+      value: "#187233"
       name: "backgroundSuccessStrongHover"
       description: "Strong success background hover state."
+      originalName: "colorGreen90"
+      path: string[]
+    },
+    {
+      value: "#125426"
+      name: "backgroundSuccessStrongActive"
+      description: "Strong success background active state."
       originalName: "colorGreen100"
       path: string[]
     },
@@ -1013,23 +1062,51 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#0096af"
+      value: "#bff3ff"
+      name: "backgroundInfoActive"
+      description: "Default info background active state."
+      originalName: "colorBlue30"
+      path: string[]
+    },
+    {
+      value: "#00a7c2"
       name: "backgroundInfoBold"
       description: "Bold info background."
+      originalName: "colorBlue70"
+      path: string[]
+    },
+    {
+      value: "#008299"
+      name: "backgroundInfoBoldHover"
+      description: "Bold info background hover state."
       originalName: "colorBlue80"
       path: string[]
     },
     {
-      value: "#007a92"
+      value: "#006c80"
+      name: "backgroundInfoBoldActive"
+      description: "Bold info background active state."
+      originalName: "colorBlue90"
+      path: string[]
+    },
+    {
+      value: "#008299"
       name: "backgroundInfoStrong"
       description: "Strong info background state."
-      originalName: "colorBlue90"
+      originalName: "colorBlue80"
       path: string[]
     },
     {
-      value: "#005e72"
+      value: "#006c80"
       name: "backgroundInfoStrongHover"
       description: "Strong info background hover state."
+      originalName: "colorBlue90"
+      path: string[]
+    },
+    {
+      value: "#005766"
+      name: "backgroundInfoStrongActive"
+      description: "Strong info background active state."
       originalName: "colorBlue100"
       path: string[]
     },
@@ -1046,30 +1123,9 @@ declare const tokens: {
       description: "Subtle disabled background."
       originalName: "colorGray5"
       path: string[]
-    },
-    {
-      value: "rgba(255, 255, 255, 0.113)"
-      name: "backgroundInverse"
-      description: "Inverse background. Used for backgrounds of elements on a strong background."
-      originalName: "backgroundNeutralMinimal"
-      path: string[]
     }
   ],
   "foreground": [
-    {
-      value: "#082d35"
-      name: "foregroundBody"
-      description: "Body foreground. Used for the default body text of your app."
-      originalName: "foregroundNeutral"
-      path: string[]
-    },
-    {
-      value: "#157084"
-      name: "foregroundLink"
-      description: "Link foreground"
-      originalName: "foregroundAccentModerate"
-      path: string[]
-    },
     {
       value: "#082d35"
       name: "foregroundNeutral"
@@ -1169,42 +1225,42 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#006626"
+      value: "#125426"
       name: "foregroundSuccess"
       description: "Default success foreground."
       originalName: "colorGreen100"
       path: string[]
     },
     {
-      value: "#1b8238"
+      value: "#187233"
       name: "foregroundSuccessModerate"
       description: "Moderate success foreground."
       originalName: "colorGreen90"
       path: string[]
     },
     {
-      value: "#1fc052"
+      value: "#1eb84f"
       name: "foregroundSuccessSubtle"
       description: "Subtle success foreground."
       originalName: "colorGreen70"
       path: string[]
     },
     {
-      value: "#005e72"
+      value: "#005766"
       name: "foregroundInfo"
       description: "Default info foreground."
       originalName: "colorBlue100"
       path: string[]
     },
     {
-      value: "#007a92"
+      value: "#006c80"
       name: "foregroundInfoModerate"
       description: "Moderate info foreground."
       originalName: "colorBlue90"
       path: string[]
     },
     {
-      value: "#00b4d1"
+      value: "#00a7c2"
       name: "foregroundInfoSubtle"
       description: "Subtle info foreground."
       originalName: "colorBlue70"
@@ -1289,6 +1345,13 @@ declare const tokens: {
       originalName: "colorAccent40"
       path: string[]
     },
+    {
+      value: "#5b9ba9"
+      name: "borderAccentActive"
+      description: "Default accent border active state."
+      originalName: "colorAccent60"
+      path: string[]
+    },
     {
       value: "#388597"
       name: "borderAccentBold"
@@ -1353,17 +1416,17 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#1b8238"
+      value: "#1d873c"
       name: "borderSuccessBold"
       description: "Bold success border."
-      originalName: "colorGreen90"
+      originalName: "colorGreen80"
       path: string[]
     },
     {
-      value: "#006626"
+      value: "#187233"
       name: "borderSuccessStrong"
       description: "Strong success border."
-      originalName: "colorGreen100"
+      originalName: "colorGreen90"
       path: string[]
     },
     {
@@ -1374,17 +1437,17 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "#007a92"
+      value: "#008299"
       name: "borderInfoBold"
       description: "Bold info border."
-      originalName: "colorBlue90"
+      originalName: "colorBlue80"
       path: string[]
     },
     {
-      value: "#005e72"
+      value: "#006c80"
       name: "borderInfoStrong"
       description: "Strong info border."
-      originalName: "colorBlue100"
+      originalName: "colorBlue90"
       path: string[]
     },
     {
@@ -1401,13 +1464,6 @@ declare const tokens: {
       originalName: "colorGray5"
       path: string[]
     },
-    {
-      value: "#388597"
-      name: "borderFocus"
-      description: "Border focus state."
-      originalName: "borderAccentBold"
-      path: string[]
-    },
     {
       value: "rgba(255, 255, 255, 0.85)"
       name: "borderInverse"
@@ -1419,8 +1475,8 @@ declare const tokens: {
   "rgb": [
     {
       value: "255, 255, 255"
-      name: "rgbBackgroundSurface"
-      originalName: "backgroundSurface"
+      name: "rgbBackgroundNeutralMinimal"
+      originalName: "backgroundNeutralMinimal"
       path: string[]
     },
     {
@@ -1502,13 +1558,13 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "34, 160, 71"
+      value: "30, 184, 79"
       name: "rgbBackgroundSuccessBold"
       originalName: "backgroundSuccessBold"
       path: string[]
     },
     {
-      value: "27, 130, 56"
+      value: "29, 135, 60"
       name: "rgbBackgroundSuccessStrong"
       originalName: "backgroundSuccessStrong"
       path: string[]
@@ -1520,375 +1576,375 @@ declare const tokens: {
       path: string[]
     },
     {
-      value: "0, 150, 175"
+      value: "0, 167, 194"
       name: "rgbBackgroundInfoBold"
       originalName: "backgroundInfoBold"
       path: string[]
     },
     {
-      value: "0, 122, 146"
+      value: "0, 130, 153"
       name: "rgbBackgroundInfoStrong"
       originalName: "backgroundInfoStrong"
       path: string[]
     },
     {
-      value: "247, 230, 232"
-      name: "rgbDataRed20"
-      originalName: "dataRed20"
+      value: "220, 244, 239"
+      name: "rgbDataTeal20"
+      originalName: "dataTeal20"
       path: string[]
     },
     {
-      value: "236, 199, 201"
-      name: "rgbDataRed40"
-      originalName: "dataRed40"
+      value: "167, 223, 214"
+      name: "rgbDataTeal40"
+      originalName: "dataTeal40"
       path: string[]
     },
     {
-      value: "230, 161, 165"
-      name: "rgbDataRed60"
-      originalName: "dataRed60"
+      value: "111, 201, 186"
+      name: "rgbDataTeal60"
+      originalName: "dataTeal60"
       path: string[]
     },
     {
-      value: "235, 112, 114"
-      name: "rgbDataRed80"
-      originalName: "dataRed80"
+      value: "58, 177, 158"
+      name: "rgbDataTeal80"
+      originalName: "dataTeal80"
       path: string[]
     },
     {
-      value: "198, 67, 75"
-      name: "rgbDataRed100"
-      originalName: "dataRed100"
+      value: "37, 121, 107"
+      name: "rgbDataTeal100"
+      originalName: "dataTeal100"
       path: string[]
     },
     {
-      value: "250, 235, 220"
-      name: "rgbDataOrange20"
-      originalName: "dataOrange20"
+      value: "244, 234, 248"
+      name: "rgbDataPurple20"
+      originalName: "dataPurple20"
       path: string[]
     },
     {
-      value: "245, 202, 163"
-      name: "rgbDataOrange40"
-      originalName: "dataOrange40"
+      value: "226, 198, 236"
+      name: "rgbDataPurple40"
+      originalName: "dataPurple40"
       path: string[]
     },
     {
-      value: "237, 163, 94"
-      name: "rgbDataOrange60"
-      originalName: "dataOrange60"
+      value: "210, 161, 227"
+      name: "rgbDataPurple60"
+      originalName: "dataPurple60"
       path: string[]
     },
     {
-      value: "229, 123, 26"
-      name: "rgbDataOrange80"
-      originalName: "dataOrange80"
+      value: "197, 116, 228"
+      name: "rgbDataPurple80"
+      originalName: "dataPurple80"
       path: string[]
     },
     {
-      value: "179, 93, 10"
-      name: "rgbDataOrange100"
-      originalName: "dataOrange100"
+      value: "158, 61, 194"
+      name: "rgbDataPurple100"
+      originalName: "dataPurple100"
       path: string[]
     },
     {
-      value: "244, 237, 222"
-      name: "rgbDataBrown20"
-      originalName: "dataBrown20"
+      value: "248, 233, 242"
+      name: "rgbDataPink20"
+      originalName: "dataPink20"
       path: string[]
     },
     {
-      value: "232, 207, 150"
-      name: "rgbDataBrown40"
-      originalName: "dataBrown40"
+      value: "235, 197, 222"
+      name: "rgbDataPink40"
+      originalName: "dataPink40"
       path: string[]
     },
     {
-      value: "216, 177, 85"
-      name: "rgbDataBrown60"
-      originalName: "dataBrown60"
+      value: "226, 157, 201"
+      name: "rgbDataPink60"
+      originalName: "dataPink60"
       path: string[]
     },
     {
-      value: "184, 151, 73"
-      name: "rgbDataBrown80"
-      originalName: "dataBrown80"
+      value: "226, 106, 181"
+      name: "rgbDataPink80"
+      originalName: "dataPink80"
       path: string[]
     },
     {
-      value: "142, 115, 51"
-      name: "rgbDataBrown100"
-      originalName: "dataBrown100"
+      value: "181, 59, 140"
+      name: "rgbDataPink100"
+      originalName: "dataPink100"
       path: string[]
     },
     {
-      value: "252, 252, 219"
-      name: "rgbDataPear20"
-      originalName: "dataPear20"
+      value: "227, 241, 246"
+      name: "rgbDataAqua20"
+      originalName: "dataAqua20"
       path: string[]
     },
     {
-      value: "232, 229, 76"
-      name: "rgbDataPear40"
-      originalName: "dataPear40"
+      value: "177, 218, 228"
+      name: "rgbDataAqua40"
+      originalName: "dataAqua40"
       path: string[]
     },
     {
-      value: "203, 201, 32"
-      name: "rgbDataPear60"
-      originalName: "dataPear60"
+      value: "122, 196, 211"
+      name: "rgbDataAqua60"
+      originalName: "dataAqua60"
       path: string[]
     },
     {
-      value: "175, 173, 7"
-      name: "rgbDataPear80"
-      originalName: "dataPear80"
+      value: "66, 171, 194"
+      name: "rgbDataAqua80"
+      originalName: "dataAqua80"
       path: string[]
     },
     {
-      value: "136, 135, 5"
-      name: "rgbDataPear100"
-      originalName: "dataPear100"
+      value: "41, 117, 133"
+      name: "rgbDataAqua100"
+      originalName: "dataAqua100"
       path: string[]
     },
     {
-      value: "241, 252, 220"
-      name: "rgbDataLime20"
-      originalName: "dataLime20"
+      value: "230, 239, 247"
+      name: "rgbDataBlue20"
+      originalName: "dataBlue20"
       path: string[]
     },
     {
-      value: "203, 237, 122"
-      name: "rgbDataLime40"
-      originalName: "dataLime40"
+      value: "191, 213, 233"
+      name: "rgbDataBlue40"
+      originalName: "dataBlue40"
       path: string[]
     },
     {
-      value: "167, 212, 65"
-      name: "rgbDataLime60"
-      originalName: "dataLime60"
+      value: "147, 187, 223"
+      name: "rgbDataBlue60"
+      originalName: "dataBlue60"
       path: string[]
     },
     {
-      value: "132, 186, 18"
-      name: "rgbDataLime80"
-      originalName: "dataLime80"
+      value: "96, 161, 223"
+      name: "rgbDataBlue80"
+      originalName: "dataBlue80"
       path: string[]
     },
     {
-      value: "102, 145, 14"
-      name: "rgbDataLime100"
-      originalName: "dataLime100"
+      value: "52, 109, 162"
+      name: "rgbDataBlue100"
+      originalName: "dataBlue100"
       path: string[]
     },
     {
-      value: "223, 245, 225"
-      name: "rgbDataGreen20"
-      originalName: "dataGreen20"
+      value: "236, 237, 249"
+      name: "rgbDataLazuli20"
+      originalName: "dataLazuli20"
       path: string[]
     },
     {
-      value: "173, 226, 176"
-      name: "rgbDataGreen40"
-      originalName: "dataGreen40"
+      value: "204, 207, 238"
+      name: "rgbDataLazuli40"
+      originalName: "dataLazuli40"
       path: string[]
     },
     {
-      value: "118, 206, 122"
-      name: "rgbDataGreen60"
-      originalName: "dataGreen60"
+      value: "170, 178, 233"
+      name: "rgbDataLazuli60"
+      originalName: "dataLazuli60"
       path: string[]
     },
     {
-      value: "63, 184, 69"
-      name: "rgbDataGreen80"
-      originalName: "dataGreen80"
+      value: "127, 148, 242"
+      name: "rgbDataLazuli80"
+      originalName: "dataLazuli80"
       path: string[]
     },
     {
-      value: "49, 141, 54"
-      name: "rgbDataGreen100"
-      originalName: "dataGreen100"
+      value: "75, 92, 221"
+      name: "rgbDataLazuli100"
+      originalName: "dataLazuli100"
       path: string[]
     },
     {
-      value: "220, 244, 239"
-      name: "rgbDataTeal20"
-      originalName: "dataTeal20"
+      value: "223, 245, 225"
+      name: "rgbDataGreen20"
+      originalName: "dataGreen20"
       path: string[]
     },
     {
-      value: "167, 223, 214"
-      name: "rgbDataTeal40"
-      originalName: "dataTeal40"
+      value: "173, 226, 176"
+      name: "rgbDataGreen40"
+      originalName: "dataGreen40"
       path: string[]
     },
     {
-      value: "111, 201, 186"
-      name: "rgbDataTeal60"
-      originalName: "dataTeal60"
+      value: "118, 206, 122"
+      name: "rgbDataGreen60"
+      originalName: "dataGreen60"
       path: string[]
     },
     {
-      value: "58, 177, 158"
-      name: "rgbDataTeal80"
-      originalName: "dataTeal80"
+      value: "63, 184, 69"
+      name: "rgbDataGreen80"
+      originalName: "dataGreen80"
       path: string[]
     },
     {
-      value: "42, 136, 121"
-      name: "rgbDataTeal100"
-      originalName: "dataTeal100"
+      value: "42, 121, 46"
+      name: "rgbDataGreen100"
+      originalName: "dataGreen100"
       path: string[]
     },
     {
-      value: "227, 241, 246"
-      name: "rgbDataAqua20"
-      originalName: "dataAqua20"
+      value: "241, 252, 220"
+      name: "rgbDataLime20"
+      originalName: "dataLime20"
       path: string[]
     },
     {
-      value: "177, 218, 228"
-      name: "rgbDataAqua40"
-      originalName: "dataAqua40"
+      value: "203, 237, 122"
+      name: "rgbDataLime40"
+      originalName: "dataLime40"
       path: string[]
     },
     {
-      value: "122, 196, 211"
-      name: "rgbDataAqua60"
-      originalName: "dataAqua60"
+      value: "167, 212, 65"
+      name: "rgbDataLime60"
+      originalName: "dataLime60"
       path: string[]
     },
     {
-      value: "66, 171, 194"
-      name: "rgbDataAqua80"
-      originalName: "dataAqua80"
+      value: "132, 186, 18"
+      name: "rgbDataLime80"
+      originalName: "dataLime80"
       path: string[]
     },
     {
-      value: "46, 132, 149"
-      name: "rgbDataAqua100"
-      originalName: "dataAqua100"
+      value: "88, 125, 12"
+      name: "rgbDataLime100"
+      originalName: "dataLime100"
       path: string[]
     },
     {
-      value: "230, 239, 247"
-      name: "rgbDataBlue20"
-      originalName: "dataBlue20"
+      value: "250, 235, 220"
+      name: "rgbDataOrange20"
+      originalName: "dataOrange20"
       path: string[]
     },
     {
-      value: "191, 213, 233"
-      name: "rgbDataBlue40"
-      originalName: "dataBlue40"
+      value: "245, 202, 163"
+      name: "rgbDataOrange40"
+      originalName: "dataOrange40"
       path: string[]
     },
     {
-      value: "147, 187, 223"
-      name: "rgbDataBlue60"
-      originalName: "dataBlue60"
+      value: "237, 163, 94"
+      name: "rgbDataOrange60"
+      originalName: "dataOrange60"
       path: string[]
     },
     {
-      value: "96, 161, 223"
-      name: "rgbDataBlue80"
-      originalName: "dataBlue80"
+      value: "229, 123, 26"
+      name: "rgbDataOrange80"
+      originalName: "dataOrange80"
       path: string[]
     },
     {
-      value: "59, 123, 183"
-      name: "rgbDataBlue100"
-      originalName: "dataBlue100"
+      value: "164, 84, 10"
+      name: "rgbDataOrange100"
+      originalName: "dataOrange100"
       path: string[]
     },
     {
-      value: "236, 237, 249"
-      name: "rgbDataLazuli20"
-      originalName: "dataLazuli20"
+      value: "252, 252, 219"
+      name: "rgbDataPear20"
+      originalName: "dataPear20"
       path: string[]
     },
     {
-      value: "204, 207, 238"
-      name: "rgbDataLazuli40"
-      originalName: "dataLazuli40"
+      value: "232, 229, 76"
+      name: "rgbDataPear40"
+      originalName: "dataPear40"
       path: string[]
     },
     {
-      value: "170, 178, 233"
-      name: "rgbDataLazuli60"
-      originalName: "dataLazuli60"
+      value: "203, 201, 32"
+      name: "rgbDataPear60"
+      originalName: "dataPear60"
       path: string[]
     },
     {
-      value: "127, 148, 242"
-      name: "rgbDataLazuli80"
-      originalName: "dataLazuli80"
+      value: "175, 173, 7"
+      name: "rgbDataPear80"
+      originalName: "dataPear80"
       path: string[]
     },
     {
-      value: "87, 104, 223"
-      name: "rgbDataLazuli100"
-      originalName: "dataLazuli100"
+      value: "118, 118, 5"
+      name: "rgbDataPear100"
+      originalName: "dataPear100"
       path: string[]
     },
     {
-      value: "244, 234, 248"
-      name: "rgbDataPurple20"
-      originalName: "dataPurple20"
+      value: "244, 237, 222"
+      name: "rgbDataBrown20"
+      originalName: "dataBrown20"
       path: string[]
     },
     {
-      value: "226, 198, 236"
-      name: "rgbDataPurple40"
-      originalName: "dataPurple40"
+      value: "232, 207, 150"
+      name: "rgbDataBrown40"
+      originalName: "dataBrown40"
       path: string[]
     },
     {
-      value: "210, 161, 227"
-      name: "rgbDataPurple60"
-      originalName: "dataPurple60"
+      value: "216, 177, 85"
+      name: "rgbDataBrown60"
+      originalName: "dataBrown60"
       path: string[]
     },
     {
-      value: "197, 116, 228"
-      name: "rgbDataPurple80"
-      originalName: "dataPurple80"
+      value: "184, 151, 73"
+      name: "rgbDataBrown80"
+      originalName: "dataBrown80"
       path: string[]
     },
     {
-      value: "163, 69, 197"
-      name: "rgbDataPurple100"
-      originalName: "dataPurple100"
+      value: "127, 103, 46"
+      name: "rgbDataBrown100"
+      originalName: "dataBrown100"
       path: string[]
     },
     {
-      value: "248, 233, 242"
-      name: "rgbDataPink20"
-      originalName: "dataPink20"
+      value: "247, 230, 232"
+      name: "rgbDataRed20"
+      originalName: "dataRed20"
       path: string[]
     },
     {
-      value: "235, 197, 222"
-      name: "rgbDataPink40"
-      originalName: "dataPink40"
+      value: "236, 199, 201"
+      name: "rgbDataRed40"
+      originalName: "dataRed40"
       path: string[]
     },
     {
-      value: "226, 157, 201"
-      name: "rgbDataPink60"
-      originalName: "dataPink60"
+      value: "230, 161, 165"
+      name: "rgbDataRed60"
+      originalName: "dataRed60"
       path: string[]
     },
     {
-      value: "226, 106, 181"
-      name: "rgbDataPink80"
-      originalName: "dataPink80"
+      value: "235, 112, 114"
+      name: "rgbDataRed80"
+      originalName: "dataRed80"
       path: string[]
     },
     {
-      value: "188, 61, 145"
-      name: "rgbDataPink100"
-      originalName: "dataPink100"
+      value: "187, 58, 66"
+      name: "rgbDataRed100"
+      originalName: "dataRed100"
       path: string[]
     }
   ]