@opensearch-project/oui 1.20.0 → 1.21.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # OUI
 
+## [`1.21.0`](https://github.com/opensearch-project/oui/tree/1.x)
+
+
+### 📈 Features/Enhancements
+- Update CodeBlock Colors ([#1615](https://github.com/opensearch-project/oui/pull/1615))
+
+
 ## [`1.20.0`](https://github.com/opensearch-project/oui/tree/1.20)
 
 ### 🛡 Security
@@ -27,7 +34,8 @@
 ### 🐛 Bug Fixes
 - fix button line-height inherit causes text cut off ([#1490](https://github.com/opensearch-project/oui/pull/1490))
 - Add OpenSearch logo to page title ([#1532](https://github.com/opensearch-project/oui/pull/1532))
-- Fix dev server configuration after webpack-dev-server upgrade in 1.19 ([#1567](https://github.com/opensearch-project/oui/pull/1567)) 
+- Fix dev server configuration after webpack-dev-server upgrade in 1.19 ([#1567](https://github.com/opensearch-project/oui/pull/1567))
+
 
 ### 🚞 Infrastructure
 - update actions/upload-artifact and actions/download-artifact to v4([#1491](https://github.com/opensearch-project/oui/pull/1491))
@@ -53,7 +61,7 @@
 ### 📝 Documentation
  - Refactor OUI Documentation homepage layout ([#1472](https://github.com/opensearch-project/oui/pull/1472))
 
- 
+
 ## [`1.18.0`](https://github.com/opensearch-project/oui/tree/1.18)
 
 ### 📈 Features/Enhancements
@@ -79,7 +87,7 @@
 
 
 ## [`1.15.0`](https://github.com/opensearch-project/oui/tree/1.15)
- 
+
 ### Deprecations
 
 - Deprecate Query.toESQuery and Query.toESQueryString in favor of Query.toOpenSearchQuery and Query.toOpenSearchQueryString ([#1426](https://github.com/opensearch-project/oui/pull/1426))
@@ -87,12 +95,12 @@
 ### 📈 Features/Enhancements
 
 - Reduce the gap between the elements of a compressed OuiSearchBar ([#1426](https://github.com/opensearch-project/oui/pull/1426))
-- Update colors for v9 theme ([#1430](https://github.com/opensearch-project/oui/pull/1430)) 
+- Update colors for v9 theme ([#1430](https://github.com/opensearch-project/oui/pull/1430))
 
 ### 🐛 Bug Fixes
 
 - Fix naming conventions in OuiSearchBar code and docs ([#1426](https://github.com/opensearch-project/oui/pull/1426))
-- Revert button background color configurability ([#1430](https://github.com/opensearch-project/oui/pull/1430)) 
+- Revert button background color configurability ([#1430](https://github.com/opensearch-project/oui/pull/1430))
 
 
 ## [`1.14.0`](https://github.com/opensearch-project/oui/tree/1.14)

package/dist/eui_theme_dark.css

@@ -4678,7 +4678,7 @@ html {
 .euiCodeBlock .token.cdata,
 .euiCodeBlock .token.coord,
 .euiCodeBlock .token.blockquote {
-  color: #8d919a;
+  color: #838B93;
   font-style: italic;
 }
 .euiCodeBlock .token.selector {
@@ -4690,7 +4690,7 @@ html {
 .euiCodeBlock .token.doc-comment .token.keyword,
 .euiCodeBlock .token.attr-value,
 .euiCodeBlock .token.url .token.content {
-  color: #d77092;
+  color: #D0809B;
 }
 .euiCodeBlock .token.number,
 .euiCodeBlock .token.boolean,
@@ -4701,11 +4701,11 @@ html {
 .euiCodeBlock .token.hexcode,
 .euiCodeBlock .token.attr-name,
 .euiCodeBlock .token.attr-equals {
-  color: #54B399;
+  color: #10B688;
 }
 .euiCodeBlock .token.atrule .token.rule,
 .euiCodeBlock .token.keyword {
-  color: #a184c2;
+  color: #B174FC;
 }
 .euiCodeBlock .token.function {
   color: inherit;
@@ -4714,7 +4714,7 @@ html {
   color: #6092C0;
 }
 .euiCodeBlock .token.class-name {
-  color: #6092C0;
+  color: #6AB0F1;
 }
 .euiCodeBlock .token.property {
   color: inherit;
@@ -4733,7 +4733,7 @@ html {
   color: #8d919a;
 }
 .euiCodeBlock .token.title {
-  color: #DA8B45;
+  color: #DD8232;
 }
 .euiCodeBlock .token.section {
   color: #E7664C;
@@ -24941,6 +24941,84 @@ button.euiLink {
   color: #000;
 }
 
+.euiToken--euiColorVis10 {
+  color: #9C9DA0;
+}
+.euiToken--euiColorVis10.euiToken--light {
+  color: #9C9DA0;
+  background-color: #2f2f30;
+  box-shadow: inset 0 0 0 1px #3e3f40;
+}
+.euiToken--euiColorVis10.euiToken--dark {
+  background-color: #9C9DA0;
+  color: #000;
+}
+
+.euiToken--euiColorVis11 {
+  color: #D74987;
+}
+.euiToken--euiColorVis11.euiToken--light {
+  color: #dd6398;
+  background-color: #411629;
+  box-shadow: inset 0 0 0 1px #561d36;
+}
+.euiToken--euiColorVis11.euiToken--dark {
+  background-color: #D74987;
+  color: #000;
+}
+
+.euiToken--euiColorVis12 {
+  color: #0D70CA;
+}
+.euiToken--euiColorVis12.euiToken--light {
+  color: #4490d6;
+  background-color: #04223d;
+  box-shadow: inset 0 0 0 1px #052d51;
+}
+.euiToken--euiColorVis12.euiToken--dark {
+  background-color: #0D70CA;
+  color: #FFF;
+}
+
+.euiToken--euiColorVis13 {
+  color: #0C8967;
+}
+.euiToken--euiColorVis13.euiToken--light {
+  color: #399f84;
+  background-color: #04291f;
+  box-shadow: inset 0 0 0 1px #053729;
+}
+.euiToken--euiColorVis13.euiToken--dark {
+  background-color: #0C8967;
+  color: #000;
+}
+
+.euiToken--euiColorVis14 {
+  color: #6E28C3;
+}
+.euiToken--euiColorVis14.euiToken--light {
+  color: #9a69d5;
+  background-color: #210c3b;
+  box-shadow: inset 0 0 0 1px #2c104e;
+}
+.euiToken--euiColorVis14.euiToken--dark {
+  background-color: #6E28C3;
+  color: #FFF;
+}
+
+.euiToken--euiColorVis15 {
+  color: #D76813;
+}
+.euiToken--euiColorVis15.euiToken--light {
+  color: #db772a;
+  background-color: #411f06;
+  box-shadow: inset 0 0 0 1px #562a08;
+}
+.euiToken--euiColorVis15.euiToken--dark {
+  background-color: #D76813;
+  color: #000;
+}
+
 .euiToken--gray {
   color: #535966;
 }

package/dist/eui_theme_dark.json

@@ -22,6 +22,13 @@
   "ouiColorFullShade": "#FFF",
   "ouiPageBackgroundColor": "#141519",
   "ouiColorHighlight": "#2E2D25",
+  "ouiCodeBlockCommentShade": "#838B93",
+  "ouiCodeBlockStringShade": "#D0809B",
+  "ouiCodeBlockNameShade": "#6AB0F1",
+  "ouiCodeBlockNumberShade": "#10B688",
+  "ouiCodeBlockKeywordShade": "#B174FC",
+  "ouiCodeBlockTypeShade": "#6AB0F1",
+  "ouiCodeBlockTitleShade": "#DD8232",
   "ouiTextColor": "#DFE5EF",
   "ouiTitleColor": "#DFE5EF",
   "ouiTextSubduedColor": "#7a7f89",
@@ -38,6 +45,20 @@
   "ouiColorChartBand": "#2a2b33",
   "ouiShadowColor": "#000",
   "ouiShadowColorLarge": "#000",
+  "ouiCodeBlockCommentColor": "#838B93",
+  "ouiCodeBlockStringColor": "#D0809B",
+  "ouiCodeBlockNameColor": "#6AB0F1",
+  "ouiCodeBlockNumberColor": "#10B688",
+  "ouiCodeBlockKeywordColor": "#B174FC",
+  "ouiCodeBlockTypeColor": "#6AB0F1",
+  "ouiCodeBlockTitleColor": "#DD8232",
+  "euiCodeBlockCommentColor": "#838B93",
+  "euiCodeBlockStringColor": "#D0809B",
+  "euiCodeBlockNameColor": "#6AB0F1",
+  "euiCodeBlockNumberColor": "#10B688",
+  "euiCodeBlockKeywordColor": "#B174FC",
+  "euiCodeBlockTypeColor": "#6AB0F1",
+  "euiCodeBlockTitleColor": "#DD8232",
   "euiColorGhost": "#FFF",
   "euiColorInk": "#000",
   "euiColorPrimary": "#1BA9F5",
@@ -132,9 +153,33 @@
     "ouiColorVis9": {
       "graphic": "#E7664C",
       "behindText": "#FF7E62"
+    },
+    "ouiColorVis10": {
+      "graphic": "#9C9DA0",
+      "behindText": "#9C9DA0"
+    },
+    "ouiColorVis11": {
+      "graphic": "#D74987",
+      "behindText": "#D74987"
+    },
+    "ouiColorVis12": {
+      "graphic": "#0D70CA",
+      "behindText": "#0D70CA"
+    },
+    "ouiColorVis13": {
+      "graphic": "#0C8967",
+      "behindText": "#0C8967"
+    },
+    "ouiColorVis14": {
+      "graphic": "#6E28C3",
+      "behindText": "#6E28C3"
+    },
+    "ouiColorVis15": {
+      "graphic": "#D76813",
+      "behindText": "#D76813"
     }
   },
-  "ouiPaletteColorBlindKeys": "'ouiColorVis0', 'ouiColorVis1', 'ouiColorVis2', 'ouiColorVis3', 'ouiColorVis4', 'ouiColorVis5', 'ouiColorVis6', 'ouiColorVis7', 'ouiColorVis8', 'ouiColorVis9'",
+  "ouiPaletteColorBlindKeys": "'ouiColorVis0', 'ouiColorVis1', 'ouiColorVis2', 'ouiColorVis3', 'ouiColorVis4', 'ouiColorVis5', 'ouiColorVis6', 'ouiColorVis7', 'ouiColorVis8', 'ouiColorVis9', 'ouiColorVis10', 'ouiColorVis11', 'ouiColorVis12', 'ouiColorVis13', 'ouiColorVis14', 'ouiColorVis15'",
   "ouiColorVis0": "#54B399",
   "ouiColorVis1": "#6092C0",
   "ouiColorVis2": "#D36086",
@@ -145,23 +190,22 @@
   "ouiColorVis7": "#DA8B45",
   "ouiColorVis8": "#AA6556",
   "ouiColorVis9": "#E7664C",
+  "ouiColorVis10": "#9C9DA0",
+  "ouiColorVis11": "#D74987",
+  "ouiColorVis12": "#0D70CA",
+  "ouiColorVis13": "#0C8967",
+  "ouiColorVis14": "#6E28C3",
+  "ouiColorVis15": "#D76813",
   "ouiCodeBlockBackgroundColor": "#25262E",
   "ouiCodeBlockColor": "#DFE5EF",
   "ouiCodeBlockSelectedBackgroundColor": "inherit",
-  "ouiCodeBlockCommentColor": "#8d919a",
   "ouiCodeBlockSelectorTagColor": "inherit",
-  "ouiCodeBlockStringColor": "#d77092",
   "ouiCodeBlockTagColor": "#6092C0",
-  "ouiCodeBlockNameColor": "#6092C0",
-  "ouiCodeBlockNumberColor": "#54B399",
-  "ouiCodeBlockKeywordColor": "#a184c2",
   "ouiCodeBlockFunctionTitleColor": "inherit",
-  "ouiCodeBlockTypeColor": "#6092C0",
   "ouiCodeBlockAttributeColor": "inherit",
   "ouiCodeBlockSymbolColor": "#E7664C",
   "ouiCodeBlockParamsColor": "inherit",
   "ouiCodeBlockMetaColor": "#8d919a",
-  "ouiCodeBlockTitleColor": "#DA8B45",
   "ouiCodeBlockSectionColor": "#E7664C",
   "ouiCodeBlockAdditionColor": "#54B399",
   "ouiCodeBlockDeletionColor": "#FF6666",
@@ -223,20 +267,13 @@
   "euiCodeBlockBackgroundColor": "#25262E",
   "euiCodeBlockColor": "#DFE5EF",
   "euiCodeBlockSelectedBackgroundColor": "inherit",
-  "euiCodeBlockCommentColor": "#8d919a",
   "euiCodeBlockSelectorTagColor": "inherit",
-  "euiCodeBlockStringColor": "#d77092",
   "euiCodeBlockTagColor": "#6092C0",
-  "euiCodeBlockNameColor": "#6092C0",
-  "euiCodeBlockNumberColor": "#54B399",
-  "euiCodeBlockKeywordColor": "#a184c2",
   "euiCodeBlockFunctionTitleColor": "inherit",
-  "euiCodeBlockTypeColor": "#6092C0",
   "euiCodeBlockAttributeColor": "inherit",
   "euiCodeBlockSymbolColor": "#E7664C",
   "euiCodeBlockParamsColor": "inherit",
   "euiCodeBlockMetaColor": "#8d919a",
-  "euiCodeBlockTitleColor": "#DA8B45",
   "euiCodeBlockSectionColor": "#E7664C",
   "euiCodeBlockAdditionColor": "#54B399",
   "euiCodeBlockDeletionColor": "#FF6666",
@@ -1392,12 +1429,36 @@
       "graphic": "#E7664C",
       "behindText": "#FF7E62"
     },
+    "ouiColorVis10": {
+      "graphic": "#9C9DA0",
+      "behindText": "#9C9DA0"
+    },
+    "ouiColorVis11": {
+      "graphic": "#D74987",
+      "behindText": "#D74987"
+    },
+    "ouiColorVis12": {
+      "graphic": "#0D70CA",
+      "behindText": "#0D70CA"
+    },
+    "ouiColorVis13": {
+      "graphic": "#0C8967",
+      "behindText": "#0C8967"
+    },
+    "ouiColorVis14": {
+      "graphic": "#6E28C3",
+      "behindText": "#6E28C3"
+    },
+    "ouiColorVis15": {
+      "graphic": "#D76813",
+      "behindText": "#D76813"
+    },
     "gray": {
       "graphic": "#535966",
       "behindText": "#535966"
     }
   },
-  "ouiTokenTypeKeys": "'ouiColorVis0', 'ouiColorVis1', 'ouiColorVis2', 'ouiColorVis3', 'ouiColorVis4', 'ouiColorVis5', 'ouiColorVis6', 'ouiColorVis7', 'ouiColorVis8', 'ouiColorVis9', 'gray'",
+  "ouiTokenTypeKeys": "'ouiColorVis0', 'ouiColorVis1', 'ouiColorVis2', 'ouiColorVis3', 'ouiColorVis4', 'ouiColorVis5', 'ouiColorVis6', 'ouiColorVis7', 'ouiColorVis8', 'ouiColorVis9', 'ouiColorVis10', 'ouiColorVis11', 'ouiColorVis12', 'ouiColorVis13', 'ouiColorVis14', 'ouiColorVis15', 'gray'",
   "euiTokenGrayColor": "#535966",
   "euiTokenTypes": {
     "euiColorVis0": {
@@ -1476,6 +1537,12 @@
   "ouiColorVis7_behindText": "#F5A35C",
   "ouiColorVis8_behindText": "#C47C6C",
   "ouiColorVis9_behindText": "#FF7E62",
+  "ouiColorVis10_behindText": "#9C9DA0",
+  "ouiColorVis11_behindText": "#D74987",
+  "ouiColorVis12_behindText": "#0D70CA",
+  "ouiColorVis13_behindText": "#0C8967",
+  "ouiColorVis14_behindText": "#6E28C3",
+  "ouiColorVis15_behindText": "#D76813",
   "euiColorVis0_behindText": "#6DCCB1",
   "euiColorVis1_behindText": "#79AAD9",
   "euiColorVis2_behindText": "#EE789D",

package/dist/eui_theme_dark.json.d.ts

@@ -23,6 +23,13 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
     ouiColorFullShade: string;
     ouiPageBackgroundColor: string;
     ouiColorHighlight: string;
+    ouiCodeBlockCommentShade: string;
+    ouiCodeBlockStringShade: string;
+    ouiCodeBlockNameShade: string;
+    ouiCodeBlockNumberShade: string;
+    ouiCodeBlockKeywordShade: string;
+    ouiCodeBlockTypeShade: string;
+    ouiCodeBlockTitleShade: string;
     ouiTextColor: string;
     ouiTitleColor: string;
     ouiTextSubduedColor: string;
@@ -39,6 +46,20 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
     ouiColorChartBand: string;
     ouiShadowColor: string;
     ouiShadowColorLarge: string;
+    ouiCodeBlockCommentColor: string;
+    ouiCodeBlockStringColor: string;
+    ouiCodeBlockNameColor: string;
+    ouiCodeBlockNumberColor: string;
+    ouiCodeBlockKeywordColor: string;
+    ouiCodeBlockTypeColor: string;
+    ouiCodeBlockTitleColor: string;
+    euiCodeBlockCommentColor: string;
+    euiCodeBlockStringColor: string;
+    euiCodeBlockNameColor: string;
+    euiCodeBlockNumberColor: string;
+    euiCodeBlockKeywordColor: string;
+    euiCodeBlockTypeColor: string;
+    euiCodeBlockTitleColor: string;
     euiColorGhost: string;
     euiColorInk: string;
     euiColorPrimary: string;
@@ -134,6 +155,30 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
         graphic: string;
         behindText: string;
       };
+      ouiColorVis10: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis11: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis12: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis13: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis14: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis15: {
+        graphic: string;
+        behindText: string;
+      };
     };
     ouiPaletteColorBlindKeys: string;
     ouiColorVis0: string;
@@ -146,23 +191,22 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
     ouiColorVis7: string;
     ouiColorVis8: string;
     ouiColorVis9: string;
+    ouiColorVis10: string;
+    ouiColorVis11: string;
+    ouiColorVis12: string;
+    ouiColorVis13: string;
+    ouiColorVis14: string;
+    ouiColorVis15: string;
     ouiCodeBlockBackgroundColor: string;
     ouiCodeBlockColor: string;
     ouiCodeBlockSelectedBackgroundColor: string;
-    ouiCodeBlockCommentColor: string;
     ouiCodeBlockSelectorTagColor: string;
-    ouiCodeBlockStringColor: string;
     ouiCodeBlockTagColor: string;
-    ouiCodeBlockNameColor: string;
-    ouiCodeBlockNumberColor: string;
-    ouiCodeBlockKeywordColor: string;
     ouiCodeBlockFunctionTitleColor: string;
-    ouiCodeBlockTypeColor: string;
     ouiCodeBlockAttributeColor: string;
     ouiCodeBlockSymbolColor: string;
     ouiCodeBlockParamsColor: string;
     ouiCodeBlockMetaColor: string;
-    ouiCodeBlockTitleColor: string;
     ouiCodeBlockSectionColor: string;
     ouiCodeBlockAdditionColor: string;
     ouiCodeBlockDeletionColor: string;
@@ -224,20 +268,13 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
     euiCodeBlockBackgroundColor: string;
     euiCodeBlockColor: string;
     euiCodeBlockSelectedBackgroundColor: string;
-    euiCodeBlockCommentColor: string;
     euiCodeBlockSelectorTagColor: string;
-    euiCodeBlockStringColor: string;
     euiCodeBlockTagColor: string;
-    euiCodeBlockNameColor: string;
-    euiCodeBlockNumberColor: string;
-    euiCodeBlockKeywordColor: string;
     euiCodeBlockFunctionTitleColor: string;
-    euiCodeBlockTypeColor: string;
     euiCodeBlockAttributeColor: string;
     euiCodeBlockSymbolColor: string;
     euiCodeBlockParamsColor: string;
     euiCodeBlockMetaColor: string;
-    euiCodeBlockTitleColor: string;
     euiCodeBlockSectionColor: string;
     euiCodeBlockAdditionColor: string;
     euiCodeBlockDeletionColor: string;
@@ -1393,6 +1430,30 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
         graphic: string;
         behindText: string;
       };
+      ouiColorVis10: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis11: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis12: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis13: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis14: {
+        graphic: string;
+        behindText: string;
+      };
+      ouiColorVis15: {
+        graphic: string;
+        behindText: string;
+      };
       gray: {
         graphic: string;
         behindText: string;
@@ -1477,6 +1538,12 @@ declare module '@opensearch-project/oui/dist/eui_theme_dark.json' {
     ouiColorVis7_behindText: string;
     ouiColorVis8_behindText: string;
     ouiColorVis9_behindText: string;
+    ouiColorVis10_behindText: string;
+    ouiColorVis11_behindText: string;
+    ouiColorVis12_behindText: string;
+    ouiColorVis13_behindText: string;
+    ouiColorVis14_behindText: string;
+    ouiColorVis15_behindText: string;
     euiColorVis0_behindText: string;
     euiColorVis1_behindText: string;
     euiColorVis2_behindText: string;

package/dist/eui_theme_dark.min.css

@@ -4678,7 +4678,7 @@ html {
 .euiCodeBlock .token.cdata,
 .euiCodeBlock .token.coord,
 .euiCodeBlock .token.blockquote {
-  color: #8d919a;
+  color: #838B93;
   font-style: italic;
 }
 .euiCodeBlock .token.selector {
@@ -4690,7 +4690,7 @@ html {
 .euiCodeBlock .token.doc-comment .token.keyword,
 .euiCodeBlock .token.attr-value,
 .euiCodeBlock .token.url .token.content {
-  color: #d77092;
+  color: #D0809B;
 }
 .euiCodeBlock .token.number,
 .euiCodeBlock .token.boolean,
@@ -4701,11 +4701,11 @@ html {
 .euiCodeBlock .token.hexcode,
 .euiCodeBlock .token.attr-name,
 .euiCodeBlock .token.attr-equals {
-  color: #54B399;
+  color: #10B688;
 }
 .euiCodeBlock .token.atrule .token.rule,
 .euiCodeBlock .token.keyword {
-  color: #a184c2;
+  color: #B174FC;
 }
 .euiCodeBlock .token.function {
   color: inherit;
@@ -4714,7 +4714,7 @@ html {
   color: #6092C0;
 }
 .euiCodeBlock .token.class-name {
-  color: #6092C0;
+  color: #6AB0F1;
 }
 .euiCodeBlock .token.property {
   color: inherit;
@@ -4733,7 +4733,7 @@ html {
   color: #8d919a;
 }
 .euiCodeBlock .token.title {
-  color: #DA8B45;
+  color: #DD8232;
 }
 .euiCodeBlock .token.section {
   color: #E7664C;
@@ -24941,6 +24941,84 @@ button.euiLink {
   color: #000;
 }
 
+.euiToken--euiColorVis10 {
+  color: #9C9DA0;
+}
+.euiToken--euiColorVis10.euiToken--light {
+  color: #9C9DA0;
+  background-color: #2f2f30;
+  box-shadow: inset 0 0 0 1px #3e3f40;
+}
+.euiToken--euiColorVis10.euiToken--dark {
+  background-color: #9C9DA0;
+  color: #000;
+}
+
+.euiToken--euiColorVis11 {
+  color: #D74987;
+}
+.euiToken--euiColorVis11.euiToken--light {
+  color: #dd6398;
+  background-color: #411629;
+  box-shadow: inset 0 0 0 1px #561d36;
+}
+.euiToken--euiColorVis11.euiToken--dark {
+  background-color: #D74987;
+  color: #000;
+}
+
+.euiToken--euiColorVis12 {
+  color: #0D70CA;
+}
+.euiToken--euiColorVis12.euiToken--light {
+  color: #4490d6;
+  background-color: #04223d;
+  box-shadow: inset 0 0 0 1px #052d51;
+}
+.euiToken--euiColorVis12.euiToken--dark {
+  background-color: #0D70CA;
+  color: #FFF;
+}
+
+.euiToken--euiColorVis13 {
+  color: #0C8967;
+}
+.euiToken--euiColorVis13.euiToken--light {
+  color: #399f84;
+  background-color: #04291f;
+  box-shadow: inset 0 0 0 1px #053729;
+}
+.euiToken--euiColorVis13.euiToken--dark {
+  background-color: #0C8967;
+  color: #000;
+}
+
+.euiToken--euiColorVis14 {
+  color: #6E28C3;
+}
+.euiToken--euiColorVis14.euiToken--light {
+  color: #9a69d5;
+  background-color: #210c3b;
+  box-shadow: inset 0 0 0 1px #2c104e;
+}
+.euiToken--euiColorVis14.euiToken--dark {
+  background-color: #6E28C3;
+  color: #FFF;
+}
+
+.euiToken--euiColorVis15 {
+  color: #D76813;
+}
+.euiToken--euiColorVis15.euiToken--light {
+  color: #db772a;
+  background-color: #411f06;
+  box-shadow: inset 0 0 0 1px #562a08;
+}
+.euiToken--euiColorVis15.euiToken--dark {
+  background-color: #D76813;
+  color: #000;
+}
+
 .euiToken--gray {
   color: #535966;
 }