@opensearch-project/oui 1.20.0 → 1.21.0

package/dist/oui_theme_v9_dark.json

@@ -22,6 +22,13 @@
   "ouiColorFullShade": "#FCFEFF",
   "ouiPageBackgroundColor": "#02020E",
   "ouiColorHighlight": "#3D2C0D",
+  "ouiCodeBlockCommentShade": "#838B93",
+  "ouiCodeBlockStringShade": "#D0809B",
+  "ouiCodeBlockNameShade": "#6AB0F1",
+  "ouiCodeBlockNumberShade": "#10B688",
+  "ouiCodeBlockKeywordShade": "#B174FC",
+  "ouiCodeBlockTypeShade": "#6AB0F1",
+  "ouiCodeBlockTitleShade": "#DD8232",
   "ouiTextColor": "#959BA2",
   "ouiTitleColor": "#C6C9CE",
   "ouiTextSubduedColor": "#798189",
@@ -39,6 +46,20 @@
   "ouiCodeBlockBackgroundColor": "#19222B",
   "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": "#E3E5E9",
   "euiColorInk": "#02020E",
   "euiColorPrimary": "#0097D1",
@@ -134,9 +155,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",
@@ -147,22 +192,21 @@
   "ouiColorVis7": "#DA8B45",
   "ouiColorVis8": "#AA6556",
   "ouiColorVis9": "#E7664C",
+  "ouiColorVis10": "#9C9DA0",
+  "ouiColorVis11": "#D74987",
+  "ouiColorVis12": "#0D70CA",
+  "ouiColorVis13": "#0C8967",
+  "ouiColorVis14": "#6E28C3",
+  "ouiColorVis15": "#D76813",
   "ouiCodeBlockColor": "#959BA2",
   "ouiCodeBlockSelectedBackgroundColor": "inherit",
-  "ouiCodeBlockCommentColor": "#838b93",
   "ouiCodeBlockSelectorTagColor": "inherit",
-  "ouiCodeBlockStringColor": "#d4678b",
   "ouiCodeBlockTagColor": "#6092C0",
-  "ouiCodeBlockNameColor": "#6092C0",
-  "ouiCodeBlockNumberColor": "#54B399",
-  "ouiCodeBlockKeywordColor": "#997cbc",
   "ouiCodeBlockFunctionTitleColor": "inherit",
-  "ouiCodeBlockTypeColor": "#6092C0",
   "ouiCodeBlockAttributeColor": "inherit",
   "ouiCodeBlockSymbolColor": "#E7664C",
   "ouiCodeBlockParamsColor": "inherit",
   "ouiCodeBlockMetaColor": "#838b93",
-  "ouiCodeBlockTitleColor": "#DA8B45",
   "ouiCodeBlockSectionColor": "#E7664C",
   "ouiCodeBlockAdditionColor": "#54B399",
   "ouiCodeBlockDeletionColor": "#cf6a64",
@@ -223,20 +267,13 @@
   "euiColorVis9": "#E7664C",
   "euiCodeBlockColor": "#959BA2",
   "euiCodeBlockSelectedBackgroundColor": "inherit",
-  "euiCodeBlockCommentColor": "#838b93",
   "euiCodeBlockSelectorTagColor": "inherit",
-  "euiCodeBlockStringColor": "#d4678b",
   "euiCodeBlockTagColor": "#6092C0",
-  "euiCodeBlockNameColor": "#6092C0",
-  "euiCodeBlockNumberColor": "#54B399",
-  "euiCodeBlockKeywordColor": "#997cbc",
   "euiCodeBlockFunctionTitleColor": "inherit",
-  "euiCodeBlockTypeColor": "#6092C0",
   "euiCodeBlockAttributeColor": "inherit",
   "euiCodeBlockSymbolColor": "#E7664C",
   "euiCodeBlockParamsColor": "inherit",
   "euiCodeBlockMetaColor": "#838b93",
-  "euiCodeBlockTitleColor": "#DA8B45",
   "euiCodeBlockSectionColor": "#E7664C",
   "euiCodeBlockAdditionColor": "#54B399",
   "euiCodeBlockDeletionColor": "#cf6a64",
@@ -1373,12 +1410,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": "#5C666F",
       "behindText": "#5C666F"
     }
   },
-  "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": "#5C666F",
   "euiTokenTypes": {
     "euiColorVis0": {
@@ -1457,6 +1518,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/oui_theme_v9_dark.json.d.ts

@@ -23,6 +23,13 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_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;
@@ -40,6 +47,20 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_dark.json' {
     ouiCodeBlockBackgroundColor: 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;
@@ -136,6 +157,30 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_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;
@@ -148,22 +193,21 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_dark.json' {
     ouiColorVis7: string;
     ouiColorVis8: string;
     ouiColorVis9: string;
+    ouiColorVis10: string;
+    ouiColorVis11: string;
+    ouiColorVis12: string;
+    ouiColorVis13: string;
+    ouiColorVis14: string;
+    ouiColorVis15: 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/oui_theme_v9_dark.json' {
     euiColorVis9: 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;
@@ -1374,6 +1411,30 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_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;
@@ -1458,6 +1519,12 @@ declare module '@opensearch-project/oui/dist/oui_theme_v9_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/oui_theme_v9_dark.min.css

@@ -4618,7 +4618,7 @@ html {
 .ouiCodeBlock .token.cdata,
 .ouiCodeBlock .token.coord,
 .ouiCodeBlock .token.blockquote {
-  color: #838b93;
+  color: #838B93;
   font-style: italic;
 }
 .ouiCodeBlock .token.selector {
@@ -4630,7 +4630,7 @@ html {
 .ouiCodeBlock .token.doc-comment .token.keyword,
 .ouiCodeBlock .token.attr-value,
 .ouiCodeBlock .token.url .token.content {
-  color: #d4678b;
+  color: #D0809B;
 }
 .ouiCodeBlock .token.number,
 .ouiCodeBlock .token.boolean,
@@ -4641,11 +4641,11 @@ html {
 .ouiCodeBlock .token.hexcode,
 .ouiCodeBlock .token.attr-name,
 .ouiCodeBlock .token.attr-equals {
-  color: #54B399;
+  color: #10B688;
 }
 .ouiCodeBlock .token.atrule .token.rule,
 .ouiCodeBlock .token.keyword {
-  color: #997cbc;
+  color: #B174FC;
 }
 .ouiCodeBlock .token.function {
   color: inherit;
@@ -4654,7 +4654,7 @@ html {
   color: #6092C0;
 }
 .ouiCodeBlock .token.class-name {
-  color: #6092C0;
+  color: #6AB0F1;
 }
 .ouiCodeBlock .token.property {
   color: inherit;
@@ -4673,7 +4673,7 @@ html {
   color: #838b93;
 }
 .ouiCodeBlock .token.title {
-  color: #DA8B45;
+  color: #DD8232;
 }
 .ouiCodeBlock .token.section {
   color: #E7664C;
@@ -24857,6 +24857,84 @@ button.ouiLink {
   color: #02020E;
 }
 
+.ouiToken--ouiColorVis10 {
+  color: #9C9DA0;
+}
+.ouiToken--ouiColorVis10.ouiToken--light {
+  color: #9C9DA0;
+  background-color: #30313a;
+  box-shadow: inset 0 0 0 1px #404048;
+}
+.ouiToken--ouiColorVis10.ouiToken--dark {
+  background-color: #9C9DA0;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis11 {
+  color: #D74987;
+}
+.ouiToken--ouiColorVis11.ouiToken--light {
+  color: #da6699;
+  background-color: #421732;
+  box-shadow: inset 0 0 0 1px #571e3e;
+}
+.ouiToken--ouiColorVis11.ouiToken--dark {
+  background-color: #D74987;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis12 {
+  color: #0D70CA;
+}
+.ouiToken--ouiColorVis12.ouiToken--light {
+  color: #4690d1;
+  background-color: #052346;
+  box-shadow: inset 0 0 0 1px #062e59;
+}
+.ouiToken--ouiColorVis12.ouiToken--dark {
+  background-color: #0D70CA;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis13 {
+  color: #0C8967;
+}
+.ouiToken--ouiColorVis13.ouiToken--light {
+  color: #3d9e85;
+  background-color: #052b29;
+  box-shadow: inset 0 0 0 1px #063832;
+}
+.ouiToken--ouiColorVis13.ouiToken--dark {
+  background-color: #0C8967;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis14 {
+  color: #6E28C3;
+}
+.ouiToken--ouiColorVis14.ouiToken--light {
+  color: #9a6ed1;
+  background-color: #220d44;
+  box-shadow: inset 0 0 0 1px #2d1156;
+}
+.ouiToken--ouiColorVis14.ouiToken--dark {
+  background-color: #6E28C3;
+  color: #E3E5E9;
+}
+
+.ouiToken--ouiColorVis15 {
+  color: #D76813;
+}
+.ouiToken--ouiColorVis15.ouiToken--light {
+  color: #da7a32;
+  background-color: #422110;
+  box-shadow: inset 0 0 0 1px #572b10;
+}
+.ouiToken--ouiColorVis15.ouiToken--dark {
+  background-color: #D76813;
+  color: #02020E;
+}
+
 .ouiToken--gray {
   color: #5C666F;
 }

package/dist/oui_theme_v9_light.css

@@ -4584,7 +4584,7 @@ html {
 .ouiCodeBlock .token.cdata,
 .ouiCodeBlock .token.coord,
 .ouiCodeBlock .token.blockquote {
-  color: #5e626b;
+  color: #9C9DA0;
   font-style: italic;
 }
 .ouiCodeBlock .token.selector {
@@ -4596,7 +4596,7 @@ html {
 .ouiCodeBlock .token.doc-comment .token.keyword,
 .ouiCodeBlock .token.attr-value,
 .ouiCodeBlock .token.url .token.content {
-  color: #9c4766;
+  color: #D74987;
 }
 .ouiCodeBlock .token.number,
 .ouiCodeBlock .token.boolean,
@@ -4607,11 +4607,11 @@ html {
 .ouiCodeBlock .token.hexcode,
 .ouiCodeBlock .token.attr-name,
 .ouiCodeBlock .token.attr-equals {
-  color: #336c61;
+  color: #0C8967;
 }
 .ouiCodeBlock .token.atrule .token.rule,
 .ouiCodeBlock .token.keyword {
-  color: #715892;
+  color: #6E28C3;
 }
 .ouiCodeBlock .token.function {
   color: inherit;
@@ -4620,7 +4620,7 @@ html {
   color: #44678a;
 }
 .ouiCodeBlock .token.class-name {
-  color: #44678a;
+  color: #0D70CA;
 }
 .ouiCodeBlock .token.property {
   color: inherit;
@@ -4639,7 +4639,7 @@ html {
   color: #5e626b;
 }
 .ouiCodeBlock .token.title {
-  color: #8a5831;
+  color: #D76813;
 }
 .ouiCodeBlock .token.section {
   color: #a3483a;
@@ -24835,6 +24835,84 @@ button.ouiLink {
   color: #02020E;
 }
 
+.ouiToken--ouiColorVis10 {
+  color: #9C9DA0;
+}
+.ouiToken--ouiColorVis10.ouiToken--light {
+  color: #6d6e74;
+  background-color: #f2f4f6;
+  box-shadow: inset 0 0 0 1px #dfe1e3;
+}
+.ouiToken--ouiColorVis10.ouiToken--dark {
+  background-color: #9C9DA0;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis11 {
+  color: #D74987;
+}
+.ouiToken--ouiColorVis11.ouiToken--light {
+  color: #b83f76;
+  background-color: #f8ecf3;
+  box-shadow: inset 0 0 0 1px #f1c8db;
+}
+.ouiToken--ouiColorVis11.ouiToken--dark {
+  background-color: #D74987;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis12 {
+  color: #0D70CA;
+}
+.ouiToken--ouiColorVis12.ouiToken--light {
+  color: #0c6bc1;
+  background-color: #e4f0fa;
+  box-shadow: inset 0 0 0 1px #b4d3ef;
+}
+.ouiToken--ouiColorVis12.ouiToken--dark {
+  background-color: #0D70CA;
+  color: #FCFEFF;
+}
+
+.ouiToken--ouiColorVis13 {
+  color: #0C8967;
+}
+.ouiToken--ouiColorVis13.ouiToken--light {
+  color: #0c765b;
+  background-color: #e4f2f0;
+  box-shadow: inset 0 0 0 1px #b4dbd1;
+}
+.ouiToken--ouiColorVis13.ouiToken--dark {
+  background-color: #0C8967;
+  color: #02020E;
+}
+
+.ouiToken--ouiColorVis14 {
+  color: #6E28C3;
+}
+.ouiToken--ouiColorVis14.ouiToken--light {
+  color: #6E28C3;
+  background-color: #eee9f9;
+  box-shadow: inset 0 0 0 1px #d1beed;
+}
+.ouiToken--ouiColorVis14.ouiToken--dark {
+  background-color: #6E28C3;
+  color: #FCFEFF;
+}
+
+.ouiToken--ouiColorVis15 {
+  color: #D76813;
+}
+.ouiToken--ouiColorVis15.ouiToken--light {
+  color: #a65113;
+  background-color: #f8efe7;
+  box-shadow: inset 0 0 0 1px #f1d1b8;
+}
+.ouiToken--ouiColorVis15.ouiToken--dark {
+  background-color: #D76813;
+  color: #02020E;
+}
+
 .ouiToken--gray {
   color: #5A6875;
 }