@opensearch-project/oui 1.20.0 → 1.21.0

package/dist/eui_theme_next_dark.json

@@ -22,6 +22,13 @@
   "ouiColorFullShade": "#FCFEFF",
   "ouiPageBackgroundColor": "#172430",
   "ouiColorHighlight": "#2E2D25",
+  "ouiCodeBlockCommentShade": "#838B93",
+  "ouiCodeBlockStringShade": "#D0809B",
+  "ouiCodeBlockNameShade": "#6AB0F1",
+  "ouiCodeBlockNumberShade": "#10B688",
+  "ouiCodeBlockKeywordShade": "#B174FC",
+  "ouiCodeBlockTypeShade": "#6AB0F1",
+  "ouiCodeBlockTitleShade": "#DD8232",
   "ouiTextColor": "#DFE5EF",
   "ouiTitleColor": "#DFE5EF",
   "ouiTextSubduedColor": "#9fa6af",
@@ -38,6 +45,20 @@
   "ouiColorChartBand": "#16212a",
   "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": "#FCFEFF",
   "euiColorInk": "#0A121A",
   "euiColorPrimary": "#159D8D",
@@ -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": "#101B25",
   "ouiCodeBlockColor": "#DFE5EF",
   "ouiCodeBlockSelectedBackgroundColor": "inherit",
-  "ouiCodeBlockCommentColor": "#9fa6af",
   "ouiCodeBlockSelectorTagColor": "inherit",
-  "ouiCodeBlockStringColor": "#D36086",
   "ouiCodeBlockTagColor": "#6092C0",
-  "ouiCodeBlockNameColor": "#6092C0",
-  "ouiCodeBlockNumberColor": "#54B399",
-  "ouiCodeBlockKeywordColor": "#9677bc",
   "ouiCodeBlockFunctionTitleColor": "inherit",
-  "ouiCodeBlockTypeColor": "#6092C0",
   "ouiCodeBlockAttributeColor": "inherit",
   "ouiCodeBlockSymbolColor": "#E7664C",
   "ouiCodeBlockParamsColor": "inherit",
   "ouiCodeBlockMetaColor": "#9fa6af",
-  "ouiCodeBlockTitleColor": "#DA8B45",
   "ouiCodeBlockSectionColor": "#E7664C",
   "ouiCodeBlockAdditionColor": "#54B399",
   "ouiCodeBlockDeletionColor": "#FF6666",
@@ -223,20 +267,13 @@
   "euiCodeBlockBackgroundColor": "#101B25",
   "euiCodeBlockColor": "#DFE5EF",
   "euiCodeBlockSelectedBackgroundColor": "inherit",
-  "euiCodeBlockCommentColor": "#9fa6af",
   "euiCodeBlockSelectorTagColor": "inherit",
-  "euiCodeBlockStringColor": "#D36086",
   "euiCodeBlockTagColor": "#6092C0",
-  "euiCodeBlockNameColor": "#6092C0",
-  "euiCodeBlockNumberColor": "#54B399",
-  "euiCodeBlockKeywordColor": "#9677bc",
   "euiCodeBlockFunctionTitleColor": "inherit",
-  "euiCodeBlockTypeColor": "#6092C0",
   "euiCodeBlockAttributeColor": "inherit",
   "euiCodeBlockSymbolColor": "#E7664C",
   "euiCodeBlockParamsColor": "inherit",
   "euiCodeBlockMetaColor": "#9fa6af",
-  "euiCodeBlockTitleColor": "#DA8B45",
   "euiCodeBlockSectionColor": "#E7664C",
   "euiCodeBlockAdditionColor": "#54B399",
   "euiCodeBlockDeletionColor": "#FF6666",
@@ -1396,12 +1433,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": "#5B6875",
       "behindText": "#5B6875"
     }
   },
-  "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": "#5B6875",
   "euiTokenTypes": {
     "euiColorVis0": {
@@ -1480,6 +1541,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_next_dark.json.d.ts

@@ -23,6 +23,13 @@ declare module '@opensearch-project/oui/dist/eui_theme_next_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_next_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_next_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_next_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_next_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;
@@ -1397,6 +1434,30 @@ declare module '@opensearch-project/oui/dist/eui_theme_next_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;
@@ -1481,6 +1542,12 @@ declare module '@opensearch-project/oui/dist/eui_theme_next_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_next_dark.min.css

@@ -4679,7 +4679,7 @@ html {
 .euiCodeBlock .token.cdata,
 .euiCodeBlock .token.coord,
 .euiCodeBlock .token.blockquote {
-  color: #9fa6af;
+  color: #838B93;
   font-style: italic;
 }
 .euiCodeBlock .token.selector {
@@ -4691,7 +4691,7 @@ html {
 .euiCodeBlock .token.doc-comment .token.keyword,
 .euiCodeBlock .token.attr-value,
 .euiCodeBlock .token.url .token.content {
-  color: #D36086;
+  color: #D0809B;
 }
 .euiCodeBlock .token.number,
 .euiCodeBlock .token.boolean,
@@ -4702,11 +4702,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: #9677bc;
+  color: #B174FC;
 }
 .euiCodeBlock .token.function {
   color: inherit;
@@ -4715,7 +4715,7 @@ html {
   color: #6092C0;
 }
 .euiCodeBlock .token.class-name {
-  color: #6092C0;
+  color: #6AB0F1;
 }
 .euiCodeBlock .token.property {
   color: inherit;
@@ -4734,7 +4734,7 @@ html {
   color: #9fa6af;
 }
 .euiCodeBlock .token.title {
-  color: #DA8B45;
+  color: #DD8232;
 }
 .euiCodeBlock .token.section {
   color: #E7664C;
@@ -24942,6 +24942,84 @@ button.euiLink {
   color: #0A121A;
 }
 
+.euiToken--euiColorVis10 {
+  color: #9C9DA0;
+}
+.euiToken--euiColorVis10.euiToken--light {
+  color: #a6a7aa;
+  background-color: #363c42;
+  box-shadow: inset 0 0 0 1px #444a50;
+}
+.euiToken--euiColorVis10.euiToken--dark {
+  background-color: #9C9DA0;
+  color: #0A121A;
+}
+
+.euiToken--euiColorVis11 {
+  color: #D74987;
+}
+.euiToken--euiColorVis11.euiToken--light {
+  color: #e179a7;
+  background-color: #48233b;
+  box-shadow: inset 0 0 0 1px #5c2846;
+}
+.euiToken--euiColorVis11.euiToken--dark {
+  background-color: #D74987;
+  color: #0A121A;
+}
+
+.euiToken--euiColorVis12 {
+  color: #0D70CA;
+}
+.euiToken--euiColorVis12.euiToken--light {
+  color: #559bda;
+  background-color: #0b2e4f;
+  box-shadow: inset 0 0 0 1px #0b3860;
+}
+.euiToken--euiColorVis12.euiToken--dark {
+  background-color: #0D70CA;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis13 {
+  color: #0C8967;
+}
+.euiToken--euiColorVis13.euiToken--light {
+  color: #4ba990;
+  background-color: #0b3631;
+  box-shadow: inset 0 0 0 1px #0b4239;
+}
+.euiToken--euiColorVis13.euiToken--dark {
+  background-color: #0C8967;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis14 {
+  color: #6E28C3;
+}
+.euiToken--euiColorVis14.euiToken--light {
+  color: #a377d9;
+  background-color: #28194d;
+  box-shadow: inset 0 0 0 1px #321b5e;
+}
+.euiToken--euiColorVis14.euiToken--dark {
+  background-color: #6E28C3;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis15 {
+  color: #D76813;
+}
+.euiToken--euiColorVis15.euiToken--light {
+  color: #df843f;
+  background-color: #482c18;
+  box-shadow: inset 0 0 0 1px #5c3417;
+}
+.euiToken--euiColorVis15.euiToken--dark {
+  background-color: #D76813;
+  color: #0A121A;
+}
+
 .euiToken--gray {
   color: #5B6875;
 }

package/dist/eui_theme_next_light.css

@@ -4645,7 +4645,7 @@ html {
 .euiCodeBlock .token.cdata,
 .euiCodeBlock .token.coord,
 .euiCodeBlock .token.blockquote {
-  color: #5e656c;
+  color: #9C9DA0;
   font-style: italic;
 }
 .euiCodeBlock .token.selector {
@@ -4657,7 +4657,7 @@ html {
 .euiCodeBlock .token.doc-comment .token.keyword,
 .euiCodeBlock .token.attr-value,
 .euiCodeBlock .token.url .token.content {
-  color: #9d4c6a;
+  color: #D74987;
 }
 .euiCodeBlock .token.number,
 .euiCodeBlock .token.boolean,
@@ -4668,11 +4668,11 @@ html {
 .euiCodeBlock .token.hexcode,
 .euiCodeBlock .token.attr-name,
 .euiCodeBlock .token.attr-equals {
-  color: #356d63;
+  color: #0C8967;
 }
 .euiCodeBlock .token.atrule .token.rule,
 .euiCodeBlock .token.keyword {
-  color: #735b95;
+  color: #6E28C3;
 }
 .euiCodeBlock .token.function {
   color: inherit;
@@ -4681,7 +4681,7 @@ html {
   color: #446889;
 }
 .euiCodeBlock .token.class-name {
-  color: #446889;
+  color: #0D70CA;
 }
 .euiCodeBlock .token.property {
   color: inherit;
@@ -4700,7 +4700,7 @@ html {
   color: #5e656c;
 }
 .euiCodeBlock .token.title {
-  color: #875b34;
+  color: #D76813;
 }
 .euiCodeBlock .token.section {
   color: #9d4a3c;
@@ -24920,6 +24920,84 @@ button.euiLink {
   color: #0A121A;
 }
 
+.euiToken--euiColorVis10 {
+  color: #9C9DA0;
+}
+.euiToken--euiColorVis10.euiToken--light {
+  color: #6b6e73;
+  background-color: #f2f4f6;
+  box-shadow: inset 0 0 0 1px #dfe1e3;
+}
+.euiToken--euiColorVis10.euiToken--dark {
+  background-color: #9C9DA0;
+  color: #0A121A;
+}
+
+.euiToken--euiColorVis11 {
+  color: #D74987;
+}
+.euiToken--euiColorVis11.euiToken--light {
+  color: #b13f73;
+  background-color: #f8ecf3;
+  box-shadow: inset 0 0 0 1px #f1c8db;
+}
+.euiToken--euiColorVis11.euiToken--dark {
+  background-color: #D74987;
+  color: #0A121A;
+}
+
+.euiToken--euiColorVis12 {
+  color: #0D70CA;
+}
+.euiToken--euiColorVis12.euiToken--light {
+  color: #0d6bc1;
+  background-color: #e4f0fa;
+  box-shadow: inset 0 0 0 1px #b4d3ef;
+}
+.euiToken--euiColorVis12.euiToken--dark {
+  background-color: #0D70CA;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis13 {
+  color: #0C8967;
+}
+.euiToken--euiColorVis13.euiToken--light {
+  color: #0c785c;
+  background-color: #e4f2f0;
+  box-shadow: inset 0 0 0 1px #b4dbd1;
+}
+.euiToken--euiColorVis13.euiToken--dark {
+  background-color: #0C8967;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis14 {
+  color: #6E28C3;
+}
+.euiToken--euiColorVis14.euiToken--light {
+  color: #6E28C3;
+  background-color: #eee9f9;
+  box-shadow: inset 0 0 0 1px #d1beed;
+}
+.euiToken--euiColorVis14.euiToken--dark {
+  background-color: #6E28C3;
+  color: #FCFEFF;
+}
+
+.euiToken--euiColorVis15 {
+  color: #D76813;
+}
+.euiToken--euiColorVis15.euiToken--light {
+  color: #a95513;
+  background-color: #f8efe7;
+  box-shadow: inset 0 0 0 1px #f1d1b8;
+}
+.euiToken--euiColorVis15.euiToken--dark {
+  background-color: #D76813;
+  color: #0A121A;
+}
+
 .euiToken--gray {
   color: #5A6875;
 }