@elastic/eui 94.3.0 → 94.4.1

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 (145) hide show
  1. package/README.md +3 -0
  2. package/dist/eui_charts_theme.js +1519 -1519
  3. package/dist/eui_charts_theme.js.map +1 -1
  4. package/dist/eui_theme_dark.css +41 -497
  5. package/dist/eui_theme_dark.min.css +1 -1
  6. package/dist/eui_theme_light.css +41 -497
  7. package/dist/eui_theme_light.min.css +1 -1
  8. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +5 -1
  9. package/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +25 -11
  10. package/es/components/form/form.styles.js +26 -3
  11. package/es/components/markdown_editor/markdown_editor.js +12 -8
  12. package/es/components/markdown_editor/markdown_editor.styles.js +29 -0
  13. package/es/components/markdown_editor/markdown_editor_drop_zone.js +22 -9
  14. package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +33 -0
  15. package/es/components/markdown_editor/markdown_editor_footer.js +11 -2
  16. package/es/components/markdown_editor/markdown_editor_footer.styles.js +26 -0
  17. package/es/components/markdown_editor/markdown_editor_text_area.js +6 -1
  18. package/es/components/markdown_editor/markdown_editor_text_area.styles.js +22 -0
  19. package/es/components/markdown_editor/markdown_editor_toolbar.js +10 -2
  20. package/es/components/markdown_editor/markdown_editor_toolbar.styles.js +21 -0
  21. package/es/components/markdown_editor/markdown_format.js +9 -6
  22. package/es/components/markdown_editor/markdown_format.styles.js +25 -10
  23. package/es/components/markdown_editor/plugins/markdown_checkbox/renderer.js +9 -3
  24. package/es/components/markdown_editor/plugins/markdown_tooltip/renderer.js +13 -2
  25. package/es/components/selectable/selectable.js +10 -2
  26. package/es/components/selectable/selectable_list/selectable_list.js +95 -42
  27. package/es/components/selectable/selectable_list/selectable_list_item.js +234 -204
  28. package/es/components/selectable/selectable_option.js +9 -1
  29. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +10 -2
  30. package/es/components/text/text_color.js +4 -1
  31. package/es/components/toast/global_toast_list_item.js +5 -5
  32. package/eui.d.ts +332 -234
  33. package/i18ntokens.json +124 -106
  34. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +5 -1
  35. package/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +25 -11
  36. package/lib/components/form/form.styles.js +30 -4
  37. package/lib/components/markdown_editor/markdown_editor.js +12 -8
  38. package/lib/components/markdown_editor/markdown_editor.styles.js +37 -0
  39. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +20 -8
  40. package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +38 -0
  41. package/lib/components/markdown_editor/markdown_editor_footer.js +10 -1
  42. package/lib/components/markdown_editor/markdown_editor_footer.styles.js +33 -0
  43. package/lib/components/markdown_editor/markdown_editor_text_area.js +6 -1
  44. package/lib/components/markdown_editor/markdown_editor_text_area.styles.js +29 -0
  45. package/lib/components/markdown_editor/markdown_editor_toolbar.js +10 -2
  46. package/lib/components/markdown_editor/markdown_editor_toolbar.styles.js +28 -0
  47. package/lib/components/markdown_editor/markdown_format.js +8 -5
  48. package/lib/components/markdown_editor/markdown_format.styles.js +25 -10
  49. package/lib/components/markdown_editor/plugins/markdown_checkbox/renderer.js +9 -4
  50. package/lib/components/markdown_editor/plugins/markdown_tooltip/renderer.js +19 -10
  51. package/lib/components/selectable/selectable.js +10 -2
  52. package/lib/components/selectable/selectable_list/selectable_list.js +95 -42
  53. package/lib/components/selectable/selectable_list/selectable_list_item.js +241 -210
  54. package/lib/components/selectable/selectable_option.js +12 -1
  55. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +10 -2
  56. package/lib/components/text/text_color.js +6 -2
  57. package/lib/components/toast/global_toast_list_item.js +5 -5
  58. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +5 -1
  59. package/optimize/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +25 -11
  60. package/optimize/es/components/form/form.styles.js +26 -3
  61. package/optimize/es/components/markdown_editor/markdown_editor.js +12 -8
  62. package/optimize/es/components/markdown_editor/markdown_editor.styles.js +29 -0
  63. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.js +19 -9
  64. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +33 -0
  65. package/optimize/es/components/markdown_editor/markdown_editor_footer.js +11 -2
  66. package/optimize/es/components/markdown_editor/markdown_editor_footer.styles.js +26 -0
  67. package/optimize/es/components/markdown_editor/markdown_editor_text_area.js +6 -1
  68. package/optimize/es/components/markdown_editor/markdown_editor_text_area.styles.js +22 -0
  69. package/optimize/es/components/markdown_editor/markdown_editor_toolbar.js +10 -2
  70. package/optimize/es/components/markdown_editor/markdown_editor_toolbar.styles.js +21 -0
  71. package/optimize/es/components/markdown_editor/markdown_format.js +9 -6
  72. package/optimize/es/components/markdown_editor/markdown_format.styles.js +25 -10
  73. package/optimize/es/components/markdown_editor/plugins/markdown_checkbox/renderer.js +9 -3
  74. package/optimize/es/components/markdown_editor/plugins/markdown_tooltip/renderer.js +13 -2
  75. package/optimize/es/components/selectable/selectable_list/selectable_list.js +81 -38
  76. package/optimize/es/components/selectable/selectable_list/selectable_list_item.js +217 -198
  77. package/optimize/es/components/selectable/selectable_option.js +9 -1
  78. package/optimize/es/components/text/text_color.js +4 -1
  79. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +5 -1
  80. package/optimize/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +25 -11
  81. package/optimize/lib/components/form/form.styles.js +30 -4
  82. package/optimize/lib/components/markdown_editor/markdown_editor.js +12 -8
  83. package/optimize/lib/components/markdown_editor/markdown_editor.styles.js +37 -0
  84. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.js +24 -16
  85. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +38 -0
  86. package/optimize/lib/components/markdown_editor/markdown_editor_footer.js +10 -1
  87. package/optimize/lib/components/markdown_editor/markdown_editor_footer.styles.js +33 -0
  88. package/optimize/lib/components/markdown_editor/markdown_editor_text_area.js +6 -1
  89. package/optimize/lib/components/markdown_editor/markdown_editor_text_area.styles.js +29 -0
  90. package/optimize/lib/components/markdown_editor/markdown_editor_toolbar.js +10 -2
  91. package/optimize/lib/components/markdown_editor/markdown_editor_toolbar.styles.js +28 -0
  92. package/optimize/lib/components/markdown_editor/markdown_format.js +8 -5
  93. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +25 -10
  94. package/optimize/lib/components/markdown_editor/plugins/markdown_checkbox/renderer.js +9 -4
  95. package/optimize/lib/components/markdown_editor/plugins/markdown_tooltip/renderer.js +19 -10
  96. package/optimize/lib/components/selectable/selectable_list/selectable_list.js +81 -38
  97. package/optimize/lib/components/selectable/selectable_list/selectable_list_item.js +224 -204
  98. package/optimize/lib/components/selectable/selectable_option.js +12 -1
  99. package/optimize/lib/components/text/text_color.js +6 -2
  100. package/package.json +5 -12
  101. package/src/components/date_picker/react-datepicker/LICENSE +21 -0
  102. package/src/components/date_picker/react-datepicker/README.md +168 -0
  103. package/src/components/date_picker/super_date_picker/date_popover/_absolute_tab.scss +13 -18
  104. package/src/components/form/checkbox/_checkbox.scss +23 -6
  105. package/src/components/index.scss +0 -1
  106. package/src/components/selectable/selectable_list/_selectable_list_item.scss +4 -0
  107. package/src/components/selectable/selectable_templates/_selectable_template_sitewide_option.scss +5 -1
  108. package/src/services/theme/README.md +153 -0
  109. package/src/test/README.md +44 -0
  110. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  111. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +5 -1
  112. package/test-env/components/date_picker/super_date_picker/date_popover/absolute_tab.js +25 -11
  113. package/test-env/components/form/form.styles.js +30 -4
  114. package/test-env/components/markdown_editor/markdown_editor.js +12 -8
  115. package/test-env/components/markdown_editor/markdown_editor.styles.js +37 -0
  116. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +24 -16
  117. package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +38 -0
  118. package/test-env/components/markdown_editor/markdown_editor_footer.js +10 -1
  119. package/test-env/components/markdown_editor/markdown_editor_footer.styles.js +33 -0
  120. package/test-env/components/markdown_editor/markdown_editor_text_area.js +6 -1
  121. package/test-env/components/markdown_editor/markdown_editor_text_area.styles.js +29 -0
  122. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +10 -2
  123. package/test-env/components/markdown_editor/markdown_editor_toolbar.styles.js +28 -0
  124. package/test-env/components/markdown_editor/markdown_format.js +8 -5
  125. package/test-env/components/markdown_editor/markdown_format.styles.js +25 -10
  126. package/test-env/components/markdown_editor/plugins/markdown_checkbox/renderer.js +9 -4
  127. package/test-env/components/markdown_editor/plugins/markdown_tooltip/renderer.js +19 -10
  128. package/test-env/components/selectable/selectable.js +10 -2
  129. package/test-env/components/selectable/selectable_list/selectable_list.js +95 -42
  130. package/test-env/components/selectable/selectable_list/selectable_list_item.js +233 -205
  131. package/test-env/components/selectable/selectable_option.js +12 -1
  132. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +10 -2
  133. package/test-env/components/text/text_color.js +6 -2
  134. package/test-env/components/toast/global_toast_list_item.js +5 -5
  135. package/src/components/markdown_editor/_index.scss +0 -9
  136. package/src/components/markdown_editor/_markdown_editor.scss +0 -22
  137. package/src/components/markdown_editor/_markdown_editor_drop_zone.scss +0 -58
  138. package/src/components/markdown_editor/_markdown_editor_footer.scss +0 -42
  139. package/src/components/markdown_editor/_markdown_editor_preview.scss +0 -20
  140. package/src/components/markdown_editor/_markdown_editor_text_area.scss +0 -43
  141. package/src/components/markdown_editor/_markdown_editor_toolbar.scss +0 -29
  142. package/src/components/markdown_editor/_markdown_format.scss +0 -78
  143. package/src/components/markdown_editor/_variables.scss +0 -1
  144. package/src/components/markdown_editor/plugins/markdown_tooltip.scss +0 -4
  145. package/src/themes/amsterdam/overrides/_markdown_editor.scss +0 -18
@@ -1580,30 +1580,22 @@ The following files still use the Sass version:
1580
1580
  color: #000;
1581
1581
  }
1582
1582
 
1583
- .euiSuperDatePicker__absoluteDateFormRow {
1583
+ .euiSuperDatePicker__absoluteDateForm {
1584
1584
  padding: 0 8px 8px;
1585
- /* A bit of a visual trickery to make the format "hint" become an "error" text.
1586
- NOTE: Normally reordering visually (vs DOM) isn't super great for screen reader users,
1587
- but as the help text is already read out via `aria-describedby`, and the error text
1588
- is read out immediately via `aria-live`, we can fairly safely prioritize visuals instead */
1589
1585
  }
1590
- .euiSuperDatePicker__absoluteDateFormRow .euiFormRow__fieldWrapper {
1591
- display: -webkit-flex;
1592
- display: flex;
1593
- -webkit-flex-direction: column;
1594
- flex-direction: column;
1595
- }
1596
- .euiSuperDatePicker__absoluteDateFormRow .euiFormControlLayout {
1597
- -webkit-order: 0;
1598
- order: 0;
1586
+
1587
+ .euiSuperDatePicker__absoluteDateFormSubmit {
1588
+ -webkit-flex-shrink: 0;
1589
+ flex-shrink: 0;
1599
1590
  }
1600
- .euiSuperDatePicker__absoluteDateFormRow .euiFormHelpText {
1601
- -webkit-order: 1;
1602
- order: 1;
1591
+
1592
+ .euiSuperDatePicker__absoluteDateFormRow {
1593
+ -webkit-flex-grow: 1;
1594
+ flex-grow: 1;
1603
1595
  }
1604
- .euiSuperDatePicker__absoluteDateFormRow .euiFormErrorText {
1605
- -webkit-order: 2;
1606
- order: 2;
1596
+ .euiSuperDatePicker__absoluteDateFormRow .euiFormRow__text {
1597
+ -webkit-margin-end: -40px;
1598
+ margin-inline-end: -40px;
1607
1599
  }
1608
1600
 
1609
1601
  .euiDatePopoverButton {
@@ -2790,6 +2782,27 @@ The following files still use the Sass version:
2790
2782
  background-color: #07C;
2791
2783
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%28255, 255, 255%29' fill-rule='evenodd'/%3E%3C/svg%3E");
2792
2784
  }
2785
+ .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
2786
+ outline: 2px solid currentColor;
2787
+ outline-offset: 2px;
2788
+ border-color: #07C;
2789
+ }
2790
+ .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:focus-visible {
2791
+ outline-style: auto;
2792
+ }
2793
+ .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:not(:focus-visible) {
2794
+ outline: none;
2795
+ }
2796
+ .euiCheckbox .euiCheckbox__input[readonly] {
2797
+ cursor: default !important;
2798
+ }
2799
+ .euiCheckbox .euiCheckbox__input[readonly] ~ .euiCheckbox__label {
2800
+ cursor: default !important;
2801
+ }
2802
+ .euiCheckbox .euiCheckbox__input[readonly]:focus + .euiCheckbox__square {
2803
+ outline-color: #939496 !important;
2804
+ border-color: #939496;
2805
+ }
2793
2806
  .euiCheckbox .euiCheckbox__input[disabled] {
2794
2807
  cursor: not-allowed !important;
2795
2808
  }
@@ -2814,17 +2827,6 @@ The following files still use the Sass version:
2814
2827
  box-shadow: none;
2815
2828
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%2894, 100, 111%29' fill-rule='evenodd'/%3E%3C/svg%3E");
2816
2829
  }
2817
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
2818
- outline: 2px solid currentColor;
2819
- outline-offset: 2px;
2820
- border-color: #07C;
2821
- }
2822
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:focus-visible {
2823
- outline-style: auto;
2824
- }
2825
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:not(:focus-visible) {
2826
- outline: none;
2827
- }
2828
2830
  .euiCheckbox.euiCheckbox--inList, .euiCheckbox.euiCheckbox--noLabel {
2829
2831
  min-height: 16px;
2830
2832
  min-width: 16px;
@@ -5219,456 +5221,6 @@ The following files still use the Sass version:
5219
5221
  resize: none;
5220
5222
  }
5221
5223
 
5222
- .euiMarkdownEditor {
5223
- display: -webkit-flex;
5224
- display: flex;
5225
- -webkit-flex-direction: column;
5226
- flex-direction: column;
5227
- }
5228
- .euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
5229
- display: none;
5230
- }
5231
- .euiMarkdownEditor--fullHeight {
5232
- height: 100%;
5233
- }
5234
- .euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
5235
- resize: none;
5236
- }
5237
- .euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
5238
- height: 100%;
5239
- }
5240
-
5241
- .euiMarkdownEditorDropZone {
5242
- display: -webkit-flex;
5243
- display: flex;
5244
- position: relative;
5245
- -webkit-flex-direction: column;
5246
- flex-direction: column;
5247
- min-height: "150px";
5248
- }
5249
- .euiMarkdownEditorDropZone__input {
5250
- position: absolute;
5251
- left: 0;
5252
- top: 0;
5253
- width: 100%;
5254
- height: 100%;
5255
- opacity: 0;
5256
- overflow: hidden;
5257
- }
5258
- .euiMarkdownEditorDropZone__input:hover {
5259
- cursor: pointer;
5260
- }
5261
- .euiMarkdownEditorDropZone__input:hover:disabled {
5262
- cursor: not-allowed;
5263
- }
5264
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorFooter,
5265
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
5266
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus,
5267
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
5268
- background-color: rgba(0, 119, 204, 0.1) !important;
5269
- }
5270
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
5271
- .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
5272
- background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%) !important;
5273
- }
5274
- .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorFooter,
5275
- .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea,
5276
- .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea:focus,
5277
- .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
5278
- background-color: rgba(189, 39, 30, 0.1) !important;
5279
- }
5280
- .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea,
5281
- .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea:focus {
5282
- background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%) !important;
5283
- }
5284
-
5285
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__blockquote {
5286
- border-left-color: rgba(0, 0, 0, 0.15);
5287
- }
5288
- .euiMarkdownFormat[class*=euiTextColor-default] .euiHorizontalRule {
5289
- background-color: rgba(0, 0, 0, 0.15);
5290
- color: rgba(0, 0, 0, 0.15);
5291
- }
5292
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table {
5293
- border-left: 1px solid rgba(0, 0, 0, 0.15);
5294
- }
5295
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th,
5296
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td {
5297
- border-top: 1px solid rgba(0, 0, 0, 0.15);
5298
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
5299
- }
5300
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th:last-child,
5301
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td:last-child {
5302
- border-right: 1px solid rgba(0, 0, 0, 0.15);
5303
- }
5304
- .euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table tr {
5305
- border-top: 1px solid rgba(0, 0, 0, 0.15);
5306
- }
5307
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__blockquote {
5308
- border-left-color: #69707D;
5309
- }
5310
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiHorizontalRule {
5311
- background-color: #69707D;
5312
- color: #69707D;
5313
- }
5314
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table {
5315
- border-left: 1px solid #69707D;
5316
- }
5317
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th,
5318
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td {
5319
- border-top: 1px solid #69707D;
5320
- border-bottom: 1px solid #69707D;
5321
- }
5322
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th:last-child,
5323
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td:last-child {
5324
- border-right: 1px solid #69707D;
5325
- }
5326
- .euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table tr {
5327
- border-top: 1px solid #69707D;
5328
- }
5329
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__blockquote {
5330
- border-left-color: #00BFB3;
5331
- }
5332
- .euiMarkdownFormat[class*=euiTextColor-success] .euiHorizontalRule {
5333
- background-color: #00BFB3;
5334
- color: #00BFB3;
5335
- }
5336
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table {
5337
- border-left: 1px solid #00BFB3;
5338
- }
5339
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th,
5340
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td {
5341
- border-top: 1px solid #00BFB3;
5342
- border-bottom: 1px solid #00BFB3;
5343
- }
5344
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th:last-child,
5345
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td:last-child {
5346
- border-right: 1px solid #00BFB3;
5347
- }
5348
- .euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table tr {
5349
- border-top: 1px solid #00BFB3;
5350
- }
5351
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__blockquote {
5352
- border-left-color: #F04E98;
5353
- }
5354
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiHorizontalRule {
5355
- background-color: #F04E98;
5356
- color: #F04E98;
5357
- }
5358
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table {
5359
- border-left: 1px solid #F04E98;
5360
- }
5361
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th,
5362
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td {
5363
- border-top: 1px solid #F04E98;
5364
- border-bottom: 1px solid #F04E98;
5365
- }
5366
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th:last-child,
5367
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td:last-child {
5368
- border-right: 1px solid #F04E98;
5369
- }
5370
- .euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table tr {
5371
- border-top: 1px solid #F04E98;
5372
- }
5373
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__blockquote {
5374
- border-left-color: #FEC514;
5375
- }
5376
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiHorizontalRule {
5377
- background-color: #FEC514;
5378
- color: #FEC514;
5379
- }
5380
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table {
5381
- border-left: 1px solid #FEC514;
5382
- }
5383
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th,
5384
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td {
5385
- border-top: 1px solid #FEC514;
5386
- border-bottom: 1px solid #FEC514;
5387
- }
5388
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th:last-child,
5389
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td:last-child {
5390
- border-right: 1px solid #FEC514;
5391
- }
5392
- .euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table tr {
5393
- border-top: 1px solid #FEC514;
5394
- }
5395
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__blockquote {
5396
- border-left-color: #BD271E;
5397
- }
5398
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiHorizontalRule {
5399
- background-color: #BD271E;
5400
- color: #BD271E;
5401
- }
5402
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table {
5403
- border-left: 1px solid #BD271E;
5404
- }
5405
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th,
5406
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td {
5407
- border-top: 1px solid #BD271E;
5408
- border-bottom: 1px solid #BD271E;
5409
- }
5410
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th:last-child,
5411
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td:last-child {
5412
- border-right: 1px solid #BD271E;
5413
- }
5414
- .euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table tr {
5415
- border-top: 1px solid #BD271E;
5416
- }
5417
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__blockquote {
5418
- border-left-color: #FFF;
5419
- }
5420
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiHorizontalRule {
5421
- background-color: #FFF;
5422
- color: #FFF;
5423
- }
5424
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table {
5425
- border-left: 1px solid #FFF;
5426
- }
5427
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th,
5428
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td {
5429
- border-top: 1px solid #FFF;
5430
- border-bottom: 1px solid #FFF;
5431
- }
5432
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th:last-child,
5433
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td:last-child {
5434
- border-right: 1px solid #FFF;
5435
- }
5436
- .euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table tr {
5437
- border-top: 1px solid #FFF;
5438
- }
5439
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__blockquote {
5440
- border-left-color: currentColor;
5441
- }
5442
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiHorizontalRule {
5443
- background-color: currentColor;
5444
- color: currentColor;
5445
- }
5446
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table {
5447
- border-left: 1px solid currentColor;
5448
- }
5449
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th,
5450
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td {
5451
- border-top: 1px solid currentColor;
5452
- border-bottom: 1px solid currentColor;
5453
- }
5454
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th:last-child,
5455
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td:last-child {
5456
- border-right: 1px solid currentColor;
5457
- }
5458
- .euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table tr {
5459
- border-top: 1px solid currentColor;
5460
- }
5461
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__blockquote {
5462
- border-left-color: currentColor;
5463
- }
5464
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiHorizontalRule {
5465
- background-color: currentColor;
5466
- color: currentColor;
5467
- }
5468
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table {
5469
- border-left: 1px solid currentColor;
5470
- }
5471
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th,
5472
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td {
5473
- border-top: 1px solid currentColor;
5474
- border-bottom: 1px solid currentColor;
5475
- }
5476
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th:last-child,
5477
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td:last-child {
5478
- border-right: 1px solid currentColor;
5479
- }
5480
- .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table tr {
5481
- border-top: 1px solid currentColor;
5482
- }
5483
- .euiMarkdownFormat .euiCheckbox {
5484
- margin-bottom: 0 !important;
5485
- }
5486
- .euiMarkdownFormat .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
5487
- top: 50%;
5488
- -webkit-transform: translateY(-50%);
5489
- transform: translateY(-50%);
5490
- }
5491
- .euiMarkdownFormat .euiMarkdownFormat__table {
5492
- display: block;
5493
- width: 100%;
5494
- overflow: auto;
5495
- border-spacing: 0;
5496
- border-collapse: collapse;
5497
- }
5498
-
5499
- .euiMarkdownEditorFooter {
5500
- display: -webkit-inline-flex;
5501
- display: inline-flex;
5502
- padding: 4px;
5503
- border: 1px solid #D3DAE6;
5504
- -webkit-align-items: center;
5505
- align-items: center;
5506
- background: #fafbfd;
5507
- }
5508
-
5509
- .euiMarkdownEditorFooter__popover {
5510
- width: 300px;
5511
- }
5512
-
5513
- .euiMarkdownEditorFooter__actions {
5514
- -webkit-flex: 1;
5515
- flex: 1;
5516
- display: -webkit-inline-flex;
5517
- display: inline-flex;
5518
- }
5519
- .euiMarkdownEditorFooter__actions > button,
5520
- .euiMarkdownEditorFooter__actions > span {
5521
- margin-right: 4px;
5522
- -webkit-align-self: center;
5523
- align-self: center;
5524
- }
5525
- .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError {
5526
- position: relative;
5527
- left: -1px;
5528
- line-height: 1;
5529
- border-radius: 6px;
5530
- }
5531
- .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError > span {
5532
- padding: 0 4px;
5533
- }
5534
-
5535
- .euiMarkdownEditorFooter__helpButton > svg {
5536
- width: 26px;
5537
- }
5538
-
5539
- .euiMarkdownEditorPreview {
5540
- scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
5541
- scrollbar-width: thin;
5542
- background: #FFF;
5543
- min-height: "150px";
5544
- overflow-y: auto;
5545
- border: 1px solid #D3DAE6;
5546
- padding: 12px;
5547
- }
5548
- .euiMarkdownEditorPreview::-webkit-scrollbar {
5549
- width: 16px;
5550
- height: 16px;
5551
- }
5552
- .euiMarkdownEditorPreview::-webkit-scrollbar-thumb {
5553
- background-color: rgba(105, 112, 125, 0.5);
5554
- background-clip: content-box;
5555
- border-radius: 16px;
5556
- border: 6px solid transparent;
5557
- }
5558
- .euiMarkdownEditorPreview::-webkit-scrollbar-corner, .euiMarkdownEditorPreview::-webkit-scrollbar-track {
5559
- background-color: transparent;
5560
- }
5561
-
5562
- .euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input ~ .euiCheckbox__label {
5563
- cursor: default;
5564
- }
5565
- .euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
5566
- border-color: #939496;
5567
- }
5568
-
5569
- .euiMarkdownEditorTextArea {
5570
- font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
5571
- font-weight: 400;
5572
- letter-spacing: normal;
5573
- -webkit-text-size-adjust: 100%;
5574
- -ms-text-size-adjust: 100%;
5575
- -webkit-font-kerning: normal;
5576
- font-kerning: normal;
5577
- font-size: 14px;
5578
- color: #343741;
5579
- scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
5580
- scrollbar-width: thin;
5581
- width: 100%;
5582
- height: 100%;
5583
- min-height: "150px";
5584
- padding: 12px;
5585
- border: 1px solid #D3DAE6;
5586
- border-bottom: none;
5587
- line-height: 1.5;
5588
- resize: vertical;
5589
- background-color: #fbfcfd;
5590
- background-repeat: no-repeat;
5591
- background-size: 0% 100%;
5592
- margin: 0;
5593
- transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
5594
- }
5595
- .euiMarkdownEditorTextArea::-webkit-input-placeholder {
5596
- color: #69707D;
5597
- opacity: 1;
5598
- }
5599
- .euiMarkdownEditorTextArea::-moz-placeholder {
5600
- color: #69707D;
5601
- opacity: 1;
5602
- }
5603
- .euiMarkdownEditorTextArea::placeholder {
5604
- color: #69707D;
5605
- opacity: 1;
5606
- }
5607
- .euiMarkdownEditorTextArea::-webkit-scrollbar {
5608
- width: 16px;
5609
- height: 16px;
5610
- }
5611
- .euiMarkdownEditorTextArea::-webkit-scrollbar-thumb {
5612
- background-color: rgba(105, 112, 125, 0.5);
5613
- background-clip: content-box;
5614
- border-radius: 16px;
5615
- border: 6px solid transparent;
5616
- }
5617
- .euiMarkdownEditorTextArea::-webkit-scrollbar-corner, .euiMarkdownEditorTextArea::-webkit-scrollbar-track {
5618
- background-color: transparent;
5619
- }
5620
- .euiMarkdownEditorTextArea:focus, .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
5621
- background-color: white;
5622
- background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
5623
- background-size: 100% 100%;
5624
- }
5625
-
5626
- .euiMarkdownEditorTextArea-isReadOnly {
5627
- background: #FFF;
5628
- cursor: unset;
5629
- }
5630
- .euiMarkdownEditorTextArea-isReadOnly:focus, .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea-isReadOnly {
5631
- background: none;
5632
- }
5633
-
5634
- .euiMarkdownEditorToolbar {
5635
- display: -webkit-flex;
5636
- display: flex;
5637
- -webkit-flex-wrap: wrap;
5638
- flex-wrap: wrap;
5639
- background: #F5F7FA;
5640
- border: 1px solid #D3DAE6;
5641
- border-color: #D3DAE6;
5642
- border-bottom: none;
5643
- padding: 4px;
5644
- }
5645
- .euiMarkdownEditorToolbar__buttons {
5646
- display: -webkit-flex;
5647
- display: flex;
5648
- -webkit-flex-wrap: wrap;
5649
- flex-wrap: wrap;
5650
- -webkit-flex: 1;
5651
- flex: 1;
5652
- -webkit-align-items: center;
5653
- align-items: center;
5654
- }
5655
- .euiMarkdownEditorToolbar__buttons > * {
5656
- margin-right: 4px;
5657
- }
5658
- .euiMarkdownEditorToolbar__divider {
5659
- content: "";
5660
- height: 24px;
5661
- display: block;
5662
- margin-left: 4px;
5663
- padding-right: 4px;
5664
- border-left: 1px solid #D3DAE6;
5665
- }
5666
-
5667
- .euiMarkdownTooltip__icon {
5668
- -webkit-transform: translateY(-1px);
5669
- transform: translateY(-1px);
5670
- }
5671
-
5672
5224
  .euiSelectable {
5673
5225
  display: -webkit-flex;
5674
5226
  display: flex;
@@ -5799,6 +5351,10 @@ The following files still use the Sass version:
5799
5351
  white-space: nowrap !important;
5800
5352
  }
5801
5353
 
5354
+ .euiSelectableListItem__tooltipAnchor {
5355
+ width: 100%;
5356
+ }
5357
+
5802
5358
  /**
5803
5359
  * 1. Prevent really long input from overflowing the container.
5804
5360
  */
@@ -5822,6 +5378,10 @@ The following files still use the Sass version:
5822
5378
  border-radius: 6px;
5823
5379
  }
5824
5380
 
5381
+ .euiSelectableTemplateSitewide {
5382
+ display: block;
5383
+ }
5384
+
5825
5385
  .euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
5826
5386
  text-decoration: none !important;
5827
5387
  }
@@ -6103,20 +5663,4 @@ The following files still use the Sass version:
6103
5663
  }
6104
5664
  .euiHue__range:focus:focus-visible {
6105
5665
  outline: none;
6106
- }
6107
-
6108
- .euiMarkdownEditorToolbar {
6109
- border-radius: 6px 6px 0 0;
6110
- }
6111
-
6112
- .euiMarkdownEditorTextArea:focus {
6113
- outline: none;
6114
- }
6115
- .euiMarkdownEditorTextArea:focus:focus-visible {
6116
- outline-style: none;
6117
- }
6118
-
6119
- .euiMarkdownEditorPreview,
6120
- .euiMarkdownEditorFooter {
6121
- border-radius: 0 0 6px 6px;
6122
5666
  }