@elastic/eui 69.0.0 → 70.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/dist/eui_theme_dark.css +0 -375
  2. package/dist/eui_theme_dark.json +0 -27
  3. package/dist/eui_theme_dark.json.d.ts +0 -27
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +0 -375
  6. package/dist/eui_theme_light.json +0 -27
  7. package/dist/eui_theme_light.json.d.ts +0 -27
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/basic_table/in_memory_table.js +8 -2
  10. package/es/components/code/code.js +7 -3
  11. package/es/components/code/code.styles.js +32 -0
  12. package/es/components/code/code_block.js +72 -315
  13. package/es/components/code/code_block.styles.js +153 -0
  14. package/es/components/code/code_block_controls.js +29 -0
  15. package/es/components/code/code_block_controls.styles.js +43 -0
  16. package/es/components/code/code_block_copy.js +65 -0
  17. package/es/components/code/code_block_full_screen.js +90 -0
  18. package/es/components/code/code_block_line.styles.js +49 -0
  19. package/es/components/code/code_block_overflow.js +78 -0
  20. package/es/components/code/code_block_virtualized.js +59 -0
  21. package/es/components/code/code_syntax.styles.js +43 -0
  22. package/es/components/code/utils.js +43 -37
  23. package/es/components/collapsible_nav/collapsible_nav.js +0 -5
  24. package/es/components/overlay_mask/overlay_mask.js +8 -14
  25. package/es/components/overlay_mask/overlay_mask.styles.js +4 -14
  26. package/es/components/overlay_mask/overlay_mask_body.styles.js +18 -0
  27. package/es/components/provider/provider.js +1 -5
  28. package/es/components/resizable_container/helpers.js +2 -2
  29. package/es/components/resizable_container/resizable_container.js +6 -9
  30. package/es/components/resizable_container/resizable_container.styles.js +28 -0
  31. package/es/components/resizable_container/resizable_panel.js +25 -48
  32. package/es/components/resizable_container/resizable_panel.styles.js +69 -0
  33. package/es/components/search_bar/query/ast.js +14 -3
  34. package/es/components/tool_tip/tool_tip.js +3 -2
  35. package/es/components/tool_tip/tool_tip.styles.js +17 -22
  36. package/es/components/tool_tip/tool_tip_arrow.js +17 -3
  37. package/es/components/tool_tip/tool_tip_popover.js +7 -7
  38. package/es/components/tour/tour.styles.js +4 -3
  39. package/es/components/tour/tour_step.js +7 -5
  40. package/es/global_styling/functions/logicals.js +5 -3
  41. package/es/global_styling/functions/math.js +37 -19
  42. package/es/global_styling/mixins/_padding.js +13 -9
  43. package/eui.d.ts +291 -37
  44. package/i18ntokens.json +22 -22
  45. package/lib/components/basic_table/in_memory_table.js +8 -2
  46. package/lib/components/code/code.js +9 -3
  47. package/lib/components/code/code.styles.js +35 -0
  48. package/lib/components/code/code_block.js +72 -320
  49. package/lib/components/code/code_block.styles.js +154 -0
  50. package/lib/components/code/code_block_controls.js +48 -0
  51. package/lib/components/code/code_block_controls.styles.js +39 -0
  52. package/lib/components/code/code_block_copy.js +78 -0
  53. package/lib/components/code/code_block_full_screen.js +108 -0
  54. package/lib/components/code/code_block_line.styles.js +45 -0
  55. package/lib/components/code/code_block_overflow.js +82 -0
  56. package/lib/components/code/code_block_virtualized.js +72 -0
  57. package/lib/components/code/code_syntax.styles.js +57 -0
  58. package/lib/components/code/utils.js +40 -39
  59. package/lib/components/collapsible_nav/collapsible_nav.js +0 -5
  60. package/lib/components/overlay_mask/overlay_mask.js +9 -14
  61. package/lib/components/overlay_mask/overlay_mask.styles.js +13 -17
  62. package/lib/components/overlay_mask/overlay_mask_body.styles.js +20 -0
  63. package/lib/components/provider/provider.js +7 -12
  64. package/lib/components/resizable_container/helpers.js +2 -2
  65. package/lib/components/resizable_container/resizable_container.js +7 -9
  66. package/lib/components/resizable_container/resizable_container.styles.js +31 -0
  67. package/lib/components/resizable_container/resizable_panel.js +28 -49
  68. package/lib/components/resizable_container/resizable_panel.styles.js +74 -0
  69. package/lib/components/search_bar/query/ast.js +14 -3
  70. package/lib/components/tool_tip/tool_tip.js +3 -2
  71. package/lib/components/tool_tip/tool_tip.styles.js +18 -26
  72. package/lib/components/tool_tip/tool_tip_arrow.js +19 -4
  73. package/lib/components/tool_tip/tool_tip_popover.js +6 -6
  74. package/lib/components/tour/tour.styles.js +3 -2
  75. package/lib/components/tour/tour_step.js +7 -5
  76. package/lib/global_styling/functions/logicals.js +5 -3
  77. package/lib/global_styling/functions/math.js +37 -19
  78. package/lib/global_styling/mixins/_padding.js +17 -10
  79. package/optimize/es/components/basic_table/in_memory_table.js +1 -1
  80. package/optimize/es/components/code/code.js +7 -3
  81. package/optimize/es/components/code/code.styles.js +32 -0
  82. package/optimize/es/components/code/code_block.js +70 -299
  83. package/optimize/es/components/code/code_block.styles.js +153 -0
  84. package/optimize/es/components/code/code_block_controls.js +29 -0
  85. package/optimize/es/components/code/code_block_controls.styles.js +43 -0
  86. package/optimize/es/components/code/code_block_copy.js +55 -0
  87. package/optimize/es/components/code/code_block_full_screen.js +80 -0
  88. package/optimize/es/components/code/code_block_line.styles.js +49 -0
  89. package/optimize/es/components/code/code_block_overflow.js +67 -0
  90. package/optimize/es/components/code/code_block_virtualized.js +59 -0
  91. package/optimize/es/components/code/code_syntax.styles.js +43 -0
  92. package/optimize/es/components/code/utils.js +43 -37
  93. package/optimize/es/components/overlay_mask/overlay_mask.js +8 -9
  94. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +4 -14
  95. package/optimize/es/components/overlay_mask/overlay_mask_body.styles.js +18 -0
  96. package/optimize/es/components/provider/provider.js +1 -5
  97. package/optimize/es/components/resizable_container/helpers.js +2 -2
  98. package/optimize/es/components/resizable_container/resizable_container.js +6 -9
  99. package/optimize/es/components/resizable_container/resizable_container.styles.js +28 -0
  100. package/optimize/es/components/resizable_container/resizable_panel.js +25 -48
  101. package/optimize/es/components/resizable_container/resizable_panel.styles.js +69 -0
  102. package/optimize/es/components/search_bar/query/ast.js +14 -3
  103. package/optimize/es/components/tool_tip/tool_tip.js +3 -2
  104. package/optimize/es/components/tool_tip/tool_tip.styles.js +17 -22
  105. package/optimize/es/components/tool_tip/tool_tip_arrow.js +9 -3
  106. package/optimize/es/components/tool_tip/tool_tip_popover.js +7 -7
  107. package/optimize/es/components/tour/tour.styles.js +4 -3
  108. package/optimize/es/components/tour/tour_step.js +7 -5
  109. package/optimize/es/global_styling/functions/logicals.js +5 -3
  110. package/optimize/es/global_styling/functions/math.js +35 -17
  111. package/optimize/es/global_styling/mixins/_padding.js +13 -9
  112. package/optimize/lib/components/basic_table/in_memory_table.js +1 -1
  113. package/optimize/lib/components/code/code.js +9 -3
  114. package/optimize/lib/components/code/code.styles.js +35 -0
  115. package/optimize/lib/components/code/code_block.js +71 -306
  116. package/optimize/lib/components/code/code_block.styles.js +156 -0
  117. package/optimize/lib/components/code/code_block_controls.js +48 -0
  118. package/optimize/lib/components/code/code_block_controls.styles.js +39 -0
  119. package/optimize/lib/components/code/code_block_copy.js +78 -0
  120. package/optimize/lib/components/code/code_block_full_screen.js +108 -0
  121. package/optimize/lib/components/code/code_block_line.styles.js +45 -0
  122. package/optimize/lib/components/code/code_block_overflow.js +82 -0
  123. package/optimize/lib/components/code/code_block_virtualized.js +81 -0
  124. package/optimize/lib/components/code/code_syntax.styles.js +57 -0
  125. package/optimize/lib/components/code/utils.js +40 -37
  126. package/optimize/lib/components/overlay_mask/overlay_mask.js +9 -9
  127. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +13 -17
  128. package/optimize/lib/components/overlay_mask/overlay_mask_body.styles.js +20 -0
  129. package/optimize/lib/components/provider/provider.js +7 -12
  130. package/optimize/lib/components/resizable_container/helpers.js +2 -2
  131. package/optimize/lib/components/resizable_container/resizable_container.js +7 -9
  132. package/optimize/lib/components/resizable_container/resizable_container.styles.js +31 -0
  133. package/optimize/lib/components/resizable_container/resizable_panel.js +28 -49
  134. package/optimize/lib/components/resizable_container/resizable_panel.styles.js +76 -0
  135. package/optimize/lib/components/search_bar/query/ast.js +14 -3
  136. package/optimize/lib/components/tool_tip/tool_tip.js +3 -2
  137. package/optimize/lib/components/tool_tip/tool_tip.styles.js +18 -26
  138. package/optimize/lib/components/tool_tip/tool_tip_arrow.js +10 -10
  139. package/optimize/lib/components/tool_tip/tool_tip_popover.js +6 -6
  140. package/optimize/lib/components/tour/tour.styles.js +3 -2
  141. package/optimize/lib/components/tour/tour_step.js +7 -5
  142. package/optimize/lib/global_styling/functions/logicals.js +4 -10
  143. package/optimize/lib/global_styling/functions/math.js +37 -19
  144. package/optimize/lib/global_styling/mixins/_padding.js +17 -10
  145. package/package.json +8 -7
  146. package/src/components/index.scss +0 -1
  147. package/src/components/resizable_container/_index.scss +0 -2
  148. package/src/global_styling/mixins/_header.scss +1 -1
  149. package/src/global_styling/variables/_index.scss +0 -1
  150. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  151. package/test-env/components/basic_table/in_memory_table.js +8 -2
  152. package/test-env/components/code/code.styles.js +35 -0
  153. package/test-env/components/code/code_block.styles.js +156 -0
  154. package/test-env/components/code/code_block_controls.js +48 -0
  155. package/test-env/components/code/code_block_controls.styles.js +39 -0
  156. package/test-env/components/code/code_block_copy.js +78 -0
  157. package/test-env/components/code/code_block_full_screen.js +108 -0
  158. package/test-env/components/code/code_block_line.styles.js +45 -0
  159. package/test-env/components/code/code_block_overflow.js +82 -0
  160. package/test-env/components/code/code_block_virtualized.js +81 -0
  161. package/test-env/components/code/code_syntax.styles.js +57 -0
  162. package/test-env/components/code/utils.js +40 -37
  163. package/test-env/components/collapsible_nav/collapsible_nav.js +0 -5
  164. package/test-env/components/overlay_mask/overlay_mask.js +9 -14
  165. package/test-env/components/overlay_mask/overlay_mask.styles.js +13 -17
  166. package/test-env/components/overlay_mask/overlay_mask_body.styles.js +20 -0
  167. package/test-env/components/provider/provider.js +7 -12
  168. package/test-env/components/resizable_container/helpers.js +2 -2
  169. package/test-env/components/resizable_container/resizable_container.js +7 -9
  170. package/test-env/components/resizable_container/resizable_container.styles.js +31 -0
  171. package/test-env/components/resizable_container/resizable_panel.js +28 -49
  172. package/test-env/components/resizable_container/resizable_panel.styles.js +76 -0
  173. package/test-env/components/search_bar/query/ast.js +14 -3
  174. package/test-env/components/tool_tip/tool_tip.js +3 -2
  175. package/test-env/components/tool_tip/tool_tip.styles.js +18 -26
  176. package/test-env/components/tool_tip/tool_tip_arrow.js +16 -11
  177. package/test-env/components/tool_tip/tool_tip_popover.js +6 -6
  178. package/test-env/components/tour/tour.styles.js +3 -2
  179. package/test-env/components/tour/tour_step.js +7 -5
  180. package/test-env/global_styling/functions/logicals.js +4 -10
  181. package/test-env/global_styling/functions/math.js +37 -19
  182. package/test-env/global_styling/mixins/_padding.js +17 -10
  183. package/src/components/code/_code.scss +0 -15
  184. package/src/components/code/_code_block.scss +0 -177
  185. package/src/components/code/_index.scss +0 -4
  186. package/src/components/code/_mixins.scss +0 -127
  187. package/src/components/code/_variables.scss +0 -5
  188. package/src/components/resizable_container/_resizable_container.scss +0 -8
  189. package/src/components/resizable_container/_resizable_panel.scss +0 -51
  190. package/src/global_styling/variables/_colors_code.scss +0 -23
  191. package/src/themes/amsterdam/overrides/_code.scss +0 -9
@@ -1174,316 +1174,6 @@ SOFTWARE.
1174
1174
  .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus:not(:focus-visible) {
1175
1175
  outline: none; }
1176
1176
 
1177
- .euiCodeBlock {
1178
- max-width: 100%;
1179
- display: block;
1180
- position: relative;
1181
- background: #25262E; }
1182
- .euiCodeBlock .euiCodeBlock__pre {
1183
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
1184
- scrollbar-width: thin;
1185
- height: 100%;
1186
- overflow: auto;
1187
- display: block; }
1188
- .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar {
1189
- width: 16px;
1190
- height: 16px; }
1191
- .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-thumb {
1192
- background-color: rgba(152, 162, 179, 0.5);
1193
- background-clip: content-box;
1194
- border-radius: 16px;
1195
- border: 6px solid transparent; }
1196
- .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-corner, .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-track {
1197
- background-color: transparent; }
1198
- .euiCodeBlock .euiCodeBlock__pre--whiteSpacePre {
1199
- white-space: pre; }
1200
- .euiCodeBlock .euiCodeBlock__pre--whiteSpacePreWrap {
1201
- white-space: pre-wrap; }
1202
- .euiCodeBlock .euiCodeBlock__pre--isVirtualized .euiCodeBlock__code {
1203
- position: relative; }
1204
- .euiCodeBlock .euiCodeBlock__line {
1205
- display: block; }
1206
- .euiCodeBlock--hasLineNumbers .euiCodeBlock__line {
1207
- position: relative;
1208
- -webkit-user-select: none;
1209
- -moz-user-select: none;
1210
- user-select: none; }
1211
- .euiCodeBlock .euiCodeBlock__lineText,
1212
- .euiCodeBlock .euiCodeBlock__lineNumber {
1213
- display: inline-block; }
1214
- .euiCodeBlock .euiCodeBlock__lineText {
1215
- padding-left: 8px;
1216
- border-left: 1px solid #343741;
1217
- -webkit-user-select: text;
1218
- -moz-user-select: text;
1219
- user-select: text; }
1220
- .euiCodeBlock .euiCodeBlock__lineNumber {
1221
- position: absolute;
1222
- height: 100%;
1223
- -webkit-user-select: none;
1224
- -moz-user-select: none;
1225
- user-select: none;
1226
- padding-right: 8px;
1227
- box-sizing: content-box; }
1228
- .euiCodeBlock .euiCodeBlock__lineNumber:before {
1229
- content: attr(data-line-number);
1230
- color: #7a7f89;
1231
- text-align: right;
1232
- display: block; }
1233
- .euiCodeBlock .euiCodeBlock__line--isHighlighted .euiCodeBlock__lineText {
1234
- background: rgba(54, 162, 239, 0.2);
1235
- border-left: 2px solid #36A2EF; }
1236
- .euiCodeBlock .euiCodeBlock__code {
1237
- font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
1238
- letter-spacing: normal;
1239
- line-height: 1.5;
1240
- font-weight: 400;
1241
- font-size: inherit;
1242
- color: #DFE5EF;
1243
- display: block; }
1244
- .euiCodeBlock .euiCodeBlock__controls {
1245
- position: absolute;
1246
- top: 0;
1247
- right: 0; }
1248
- .euiCodeBlock .euiCodeBlock__fullScreenButton + .euiCodeBlock__copyButton {
1249
- margin-top: 4px; }
1250
- .euiCodeBlock.euiCodeBlock-isFullScreen {
1251
- position: fixed;
1252
- top: 0;
1253
- left: 0;
1254
- right: 0;
1255
- bottom: 0; }
1256
- .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__pre {
1257
- padding: 32px !important; }
1258
- .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__controls {
1259
- top: 4px;
1260
- right: 4px; }
1261
- .euiCodeBlock.euiCodeBlock--fontSmall {
1262
- font-size: 12px; }
1263
- .euiCodeBlock.euiCodeBlock--fontMedium {
1264
- font-size: 14px; }
1265
- .euiCodeBlock.euiCodeBlock--fontLarge {
1266
- font-size: 14px; }
1267
- .euiCodeBlock.euiCodeBlock--hasControl {
1268
- min-height: 24px; }
1269
- .euiCodeBlock.euiCodeBlock--hasBothControls {
1270
- min-height: 52px; }
1271
- .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
1272
- padding-right: 28px; }
1273
- .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
1274
- margin-right: 28px; }
1275
- .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__pre {
1276
- padding: 8px; }
1277
- .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl {
1278
- min-height: 40px; }
1279
- .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasBothControls {
1280
- min-height: 68px; }
1281
- .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__controls {
1282
- top: 8px;
1283
- right: 8px; }
1284
- .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
1285
- padding-right: 36px; }
1286
- .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
1287
- margin-right: 36px; }
1288
- .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__pre {
1289
- padding: 16px; }
1290
- .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl {
1291
- min-height: 56px; }
1292
- .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasBothControls {
1293
- min-height: 84px; }
1294
- .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__controls {
1295
- top: 16px;
1296
- right: 16px; }
1297
- .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
1298
- padding-right: 44px; }
1299
- .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
1300
- margin-right: 44px; }
1301
- .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__pre {
1302
- padding: 24px; }
1303
- .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl {
1304
- min-height: 72px; }
1305
- .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasBothControls {
1306
- min-height: 100px; }
1307
- .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__controls {
1308
- top: 24px;
1309
- right: 24px; }
1310
- .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
1311
- padding-right: 52px; }
1312
- .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
1313
- margin-right: 52px; }
1314
- .euiCodeBlock.euiCodeBlock--transparentBackground {
1315
- background: transparent; }
1316
- .euiCodeBlock .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
1317
- opacity: .7; }
1318
- .euiCodeBlock .token.comment,
1319
- .euiCodeBlock .token.prolog,
1320
- .euiCodeBlock .token.doctype,
1321
- .euiCodeBlock .token.cdata,
1322
- .euiCodeBlock .token.coord,
1323
- .euiCodeBlock .token.blockquote {
1324
- color: #8d919a;
1325
- font-style: italic; }
1326
- .euiCodeBlock .token.selector {
1327
- color: inherit; }
1328
- .euiCodeBlock .token.string,
1329
- .euiCodeBlock .token.interpolation,
1330
- .euiCodeBlock .token.interpolation-punctuation,
1331
- .euiCodeBlock .token.doc-comment .token.keyword,
1332
- .euiCodeBlock .token.attr-value,
1333
- .euiCodeBlock .token.url .token.content {
1334
- color: #d77092; }
1335
- .euiCodeBlock .token.number,
1336
- .euiCodeBlock .token.boolean,
1337
- .euiCodeBlock .token.keyword.nil,
1338
- .euiCodeBlock .token.regex,
1339
- .euiCodeBlock .token.variable,
1340
- .euiCodeBlock .token.unit,
1341
- .euiCodeBlock .token.hexcode,
1342
- .euiCodeBlock .token.attr-name,
1343
- .euiCodeBlock .token.attr-equals {
1344
- color: #54B399; }
1345
- .euiCodeBlock .token.atrule .token.rule,
1346
- .euiCodeBlock .token.keyword {
1347
- color: #a184c2; }
1348
- .euiCodeBlock .token.function {
1349
- color: inherit; }
1350
- .euiCodeBlock .token.tag {
1351
- color: #6092C0; }
1352
- .euiCodeBlock .token.class-name {
1353
- color: #6092C0; }
1354
- .euiCodeBlock .token.property {
1355
- color: inherit; }
1356
- .euiCodeBlock .token.console,
1357
- .euiCodeBlock .token.list-punctuation,
1358
- .euiCodeBlock .token.url-reference,
1359
- .euiCodeBlock .token.url .token.url {
1360
- color: #E7664C; }
1361
- .euiCodeBlock .token.paramater {
1362
- color: inherit; }
1363
- .euiCodeBlock .token.meta,
1364
- .euiCodeBlock .token.important {
1365
- color: #8d919a; }
1366
- .euiCodeBlock .token.title {
1367
- color: #DA8B45; }
1368
- .euiCodeBlock .token.section {
1369
- color: #E7664C; }
1370
- .euiCodeBlock .token.prefix.inserted,
1371
- .euiCodeBlock .token.prefix.deleted {
1372
- padding-left: 4px;
1373
- margin-left: -4px; }
1374
- .euiCodeBlock .token.prefix.inserted {
1375
- box-shadow: -4px 0 #54B399;
1376
- color: #54B399; }
1377
- .euiCodeBlock .token.prefix.deleted {
1378
- box-shadow: -4px 0 #F86B63;
1379
- color: #F86B63; }
1380
- .euiCodeBlock .token.selector .token.class {
1381
- color: inherit; }
1382
- .euiCodeBlock .token.selector .token.id {
1383
- color: inherit; }
1384
- .euiCodeBlock .token.italic {
1385
- font-style: italic; }
1386
- .euiCodeBlock .token.important,
1387
- .euiCodeBlock .token.bold {
1388
- font-weight: 700; }
1389
- .euiCodeBlock .token.url-reference,
1390
- .euiCodeBlock .token.url .token.url {
1391
- text-decoration: underline; }
1392
- .euiCodeBlock .token.entity {
1393
- cursor: help; }
1394
-
1395
- /*
1396
- * 1. Size the code against the text its embedded within.
1397
- */
1398
- .euiCode {
1399
- font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
1400
- letter-spacing: normal;
1401
- font-size: .9em;
1402
- /* 1 */
1403
- padding: .2em .5em;
1404
- /* 1 */
1405
- background: #25262E; }
1406
- .euiCode.euiCode--transparentBackground {
1407
- background: transparent; }
1408
- .euiCode .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
1409
- opacity: .7; }
1410
- .euiCode .token.comment,
1411
- .euiCode .token.prolog,
1412
- .euiCode .token.doctype,
1413
- .euiCode .token.cdata,
1414
- .euiCode .token.coord,
1415
- .euiCode .token.blockquote {
1416
- color: #8d919a;
1417
- font-style: italic; }
1418
- .euiCode .token.selector {
1419
- color: inherit; }
1420
- .euiCode .token.string,
1421
- .euiCode .token.interpolation,
1422
- .euiCode .token.interpolation-punctuation,
1423
- .euiCode .token.doc-comment .token.keyword,
1424
- .euiCode .token.attr-value,
1425
- .euiCode .token.url .token.content {
1426
- color: #d77092; }
1427
- .euiCode .token.number,
1428
- .euiCode .token.boolean,
1429
- .euiCode .token.keyword.nil,
1430
- .euiCode .token.regex,
1431
- .euiCode .token.variable,
1432
- .euiCode .token.unit,
1433
- .euiCode .token.hexcode,
1434
- .euiCode .token.attr-name,
1435
- .euiCode .token.attr-equals {
1436
- color: #54B399; }
1437
- .euiCode .token.atrule .token.rule,
1438
- .euiCode .token.keyword {
1439
- color: #a184c2; }
1440
- .euiCode .token.function {
1441
- color: inherit; }
1442
- .euiCode .token.tag {
1443
- color: #6092C0; }
1444
- .euiCode .token.class-name {
1445
- color: #6092C0; }
1446
- .euiCode .token.property {
1447
- color: inherit; }
1448
- .euiCode .token.console,
1449
- .euiCode .token.list-punctuation,
1450
- .euiCode .token.url-reference,
1451
- .euiCode .token.url .token.url {
1452
- color: #E7664C; }
1453
- .euiCode .token.paramater {
1454
- color: inherit; }
1455
- .euiCode .token.meta,
1456
- .euiCode .token.important {
1457
- color: #8d919a; }
1458
- .euiCode .token.title {
1459
- color: #DA8B45; }
1460
- .euiCode .token.section {
1461
- color: #E7664C; }
1462
- .euiCode .token.prefix.inserted,
1463
- .euiCode .token.prefix.deleted {
1464
- padding-left: 4px;
1465
- margin-left: -4px; }
1466
- .euiCode .token.prefix.inserted {
1467
- box-shadow: -4px 0 #54B399;
1468
- color: #54B399; }
1469
- .euiCode .token.prefix.deleted {
1470
- box-shadow: -4px 0 #F86B63;
1471
- color: #F86B63; }
1472
- .euiCode .token.selector .token.class {
1473
- color: inherit; }
1474
- .euiCode .token.selector .token.id {
1475
- color: inherit; }
1476
- .euiCode .token.italic {
1477
- font-style: italic; }
1478
- .euiCode .token.important,
1479
- .euiCode .token.bold {
1480
- font-weight: 700; }
1481
- .euiCode .token.url-reference,
1482
- .euiCode .token.url .token.url {
1483
- text-decoration: underline; }
1484
- .euiCode .token.entity {
1485
- cursor: help; }
1486
-
1487
1177
  .euiCollapsibleNav:not([class*='push']) {
1488
1178
  z-index: 6000 !important; }
1489
1179
 
@@ -8213,63 +7903,6 @@ SOFTWARE.
8213
7903
  justify-content: flex-end;
8214
7904
  /* 2 */ }
8215
7905
 
8216
- .euiResizableContainer {
8217
- display: -webkit-flex;
8218
- display: flex;
8219
- width: 100%; }
8220
- .euiResizableContainer--vertical {
8221
- -webkit-flex-direction: column;
8222
- flex-direction: column; }
8223
-
8224
- .euiResizablePanel {
8225
- position: relative; }
8226
-
8227
- .euiResizablePanel--paddingSmall {
8228
- padding: 8px; }
8229
-
8230
- .euiResizablePanel--paddingMedium {
8231
- padding: 16px; }
8232
-
8233
- .euiResizablePanel--paddingLarge {
8234
- padding: 24px; }
8235
-
8236
- .euiResizablePanel__content {
8237
- height: 100%; }
8238
- .euiResizablePanel__content:not([class*='plain']) {
8239
- border-width: 0; }
8240
-
8241
- .euiResizablePanel__content--scrollable {
8242
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
8243
- scrollbar-width: thin;
8244
- overflow-y: auto; }
8245
- .euiResizablePanel__content--scrollable::-webkit-scrollbar {
8246
- width: 16px;
8247
- height: 16px; }
8248
- .euiResizablePanel__content--scrollable::-webkit-scrollbar-thumb {
8249
- background-color: rgba(152, 162, 179, 0.5);
8250
- background-clip: content-box;
8251
- border-radius: 16px;
8252
- border: 6px solid transparent; }
8253
- .euiResizablePanel__content--scrollable::-webkit-scrollbar-corner, .euiResizablePanel__content--scrollable::-webkit-scrollbar-track {
8254
- background-color: transparent; }
8255
-
8256
- .euiResizablePanel-isCollapsed {
8257
- overflow: hidden; }
8258
- .euiResizablePanel-isCollapsed .euiResizablePanel__content * {
8259
- display: none; }
8260
-
8261
- .euiResizableContainer--horizontal .euiResizablePanel-isCollapsed {
8262
- min-width: 0 !important; }
8263
-
8264
- .euiResizableContainer--horizontal .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
8265
- min-width: 24px !important; }
8266
-
8267
- .euiResizableContainer--vertical .euiResizablePanel-isCollapsed {
8268
- min-height: 0 !important; }
8269
-
8270
- .euiResizableContainer--vertical .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
8271
- min-height: 24px !important; }
8272
-
8273
7906
  .euiSideNav__mobileToggle {
8274
7907
  height: auto;
8275
7908
  border-bottom: 1px solid #343741;
@@ -10047,14 +9680,6 @@ button.euiSuggestItem {
10047
9680
  .euiTab__append {
10048
9681
  margin-left: 8px; }
10049
9682
 
10050
- .euiCode {
10051
- border-radius: 4px;
10052
- font-weight: 700;
10053
- color: #a184c2; }
10054
-
10055
- .euiCodeBlock.euiCodeBlock--fontLarge {
10056
- font-size: 16px; }
10057
-
10058
9683
  .euiColorStops__addTarget,
10059
9684
  .euiColorStops__addContainer {
10060
9685
  z-index: 1; }
@@ -1,9 +1,4 @@
1
1
  {
2
- "euiCodeBlockPaddingModifiers": {
3
- "paddingSmall": "8px",
4
- "paddingMedium": "16px",
5
- "paddingLarge": "24px"
6
- },
7
2
  "euiCollapsibleNavGroupLightBackgroundColor": "#141519",
8
3
  "euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
9
4
  "euiCollapsibleNavGroupDarkHighContrastColor": "#36a2ef",
@@ -166,28 +161,6 @@
166
161
  "ghost": "#ffffff",
167
162
  "text": "#98a2b3"
168
163
  },
169
- "euiCodeBlockBackgroundColor": "#25262e",
170
- "euiCodeBlockColor": "#dfe5ef",
171
- "euiCodeBlockSelectedBackgroundColor": "inherit",
172
- "euiCodeBlockCommentColor": "#8d919a",
173
- "euiCodeBlockSelectorTagColor": "inherit",
174
- "euiCodeBlockStringColor": "#d77092",
175
- "euiCodeBlockTagColor": "#6092c0",
176
- "euiCodeBlockNameColor": "#6092c0",
177
- "euiCodeBlockNumberColor": "#54b399",
178
- "euiCodeBlockKeywordColor": "#a184c2",
179
- "euiCodeBlockFunctionTitleColor": "inherit",
180
- "euiCodeBlockTypeColor": "#6092c0",
181
- "euiCodeBlockAttributeColor": "inherit",
182
- "euiCodeBlockSymbolColor": "#e7664c",
183
- "euiCodeBlockParamsColor": "inherit",
184
- "euiCodeBlockMetaColor": "#8d919a",
185
- "euiCodeBlockTitleColor": "#da8b45",
186
- "euiCodeBlockSectionColor": "#e7664c",
187
- "euiCodeBlockAdditionColor": "#54b399",
188
- "euiCodeBlockDeletionColor": "#f86b63",
189
- "euiCodeBlockSelectorClassColor": "inherit",
190
- "euiCodeBlockSelectorIdColor": "inherit",
191
164
  "euiPaletteColorBlind": {
192
165
  "euiColorVis0": {
193
166
  "graphic": "#54b399",
@@ -1,10 +1,5 @@
1
1
  declare module '@elastic/eui/dist/eui_theme_dark.json' {
2
2
  const sassVariables: {
3
- euiCodeBlockPaddingModifiers: {
4
- paddingSmall: string;
5
- paddingMedium: string;
6
- paddingLarge: string;
7
- };
8
3
  euiCollapsibleNavGroupLightBackgroundColor: string;
9
4
  euiCollapsibleNavGroupDarkBackgroundColor: string;
10
5
  euiCollapsibleNavGroupDarkHighContrastColor: string;
@@ -167,28 +162,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
167
162
  ghost: string;
168
163
  text: string;
169
164
  };
170
- euiCodeBlockBackgroundColor: string;
171
- euiCodeBlockColor: string;
172
- euiCodeBlockSelectedBackgroundColor: string;
173
- euiCodeBlockCommentColor: string;
174
- euiCodeBlockSelectorTagColor: string;
175
- euiCodeBlockStringColor: string;
176
- euiCodeBlockTagColor: string;
177
- euiCodeBlockNameColor: string;
178
- euiCodeBlockNumberColor: string;
179
- euiCodeBlockKeywordColor: string;
180
- euiCodeBlockFunctionTitleColor: string;
181
- euiCodeBlockTypeColor: string;
182
- euiCodeBlockAttributeColor: string;
183
- euiCodeBlockSymbolColor: string;
184
- euiCodeBlockParamsColor: string;
185
- euiCodeBlockMetaColor: string;
186
- euiCodeBlockTitleColor: string;
187
- euiCodeBlockSectionColor: string;
188
- euiCodeBlockAdditionColor: string;
189
- euiCodeBlockDeletionColor: string;
190
- euiCodeBlockSelectorClassColor: string;
191
- euiCodeBlockSelectorIdColor: string;
192
165
  euiPaletteColorBlind: {
193
166
  euiColorVis0: {
194
167
  graphic: string;