@elastic/eui 92.2.1 → 93.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 (157) hide show
  1. package/dist/eui_theme_dark.css +0 -200
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -200
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/basic_table/basic_table.js +0 -9
  6. package/es/components/basic_table/in_memory_table.js +0 -10
  7. package/es/components/beacon/beacon.js +9 -6
  8. package/es/components/breadcrumbs/breadcrumb.js +0 -10
  9. package/es/components/breadcrumbs/breadcrumbs.js +0 -10
  10. package/es/components/code/code.js +2 -2
  11. package/es/components/code/code.styles.js +2 -4
  12. package/es/components/code/code_block.js +5 -3
  13. package/es/components/code/code_block.styles.js +4 -7
  14. package/es/components/code/code_block_controls.js +2 -2
  15. package/es/components/code/code_block_controls.styles.js +2 -4
  16. package/es/components/code/code_block_full_screen.js +2 -2
  17. package/es/components/code/code_syntax.styles.js +39 -34
  18. package/es/components/comment_list/comment_event.js +3 -2
  19. package/es/components/comment_list/comment_event.styles.js +2 -18
  20. package/es/components/context_menu/context_menu.js +2 -6
  21. package/es/components/context_menu/context_menu_item.js +2 -14
  22. package/es/components/empty_prompt/empty_prompt.js +62 -65
  23. package/es/components/empty_prompt/empty_prompt.styles.js +115 -0
  24. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +0 -10
  25. package/es/components/header/header_links/header_links.js +0 -10
  26. package/es/components/page/page_header/page_header_content.js +0 -10
  27. package/es/components/popover/popover.js +3 -15
  28. package/es/components/search_bar/search_bar.js +36 -32
  29. package/es/components/search_bar/search_bar.styles.js +22 -0
  30. package/es/components/text_truncate/text_truncate.js +4 -1
  31. package/es/components/tour/_tour_footer.js +97 -0
  32. package/es/components/tour/_tour_footer.styles.js +23 -0
  33. package/es/components/tour/_tour_header.js +37 -0
  34. package/es/components/tour/_tour_header.styles.js +20 -0
  35. package/es/components/tour/tour.styles.js +5 -28
  36. package/es/components/tour/tour_step.js +45 -130
  37. package/es/global_styling/mixins/_color.js +46 -13
  38. package/eui.d.ts +125 -63
  39. package/i18ntokens.json +94 -94
  40. package/lib/components/basic_table/basic_table.js +0 -9
  41. package/lib/components/basic_table/in_memory_table.js +0 -10
  42. package/lib/components/beacon/beacon.js +11 -6
  43. package/lib/components/breadcrumbs/breadcrumb.js +0 -10
  44. package/lib/components/code/code.js +2 -2
  45. package/lib/components/code/code.styles.js +2 -4
  46. package/lib/components/code/code_block.js +5 -3
  47. package/lib/components/code/code_block.styles.js +4 -7
  48. package/lib/components/code/code_block_controls.js +2 -2
  49. package/lib/components/code/code_block_controls.styles.js +2 -4
  50. package/lib/components/code/code_block_full_screen.js +2 -2
  51. package/lib/components/code/code_syntax.styles.js +40 -36
  52. package/lib/components/comment_list/comment_event.js +2 -1
  53. package/lib/components/comment_list/comment_event.styles.js +3 -20
  54. package/lib/components/context_menu/context_menu.js +2 -6
  55. package/lib/components/context_menu/context_menu_item.js +2 -14
  56. package/lib/components/empty_prompt/empty_prompt.js +64 -64
  57. package/lib/components/empty_prompt/empty_prompt.styles.js +120 -0
  58. package/lib/components/popover/popover.js +3 -15
  59. package/lib/components/search_bar/search_bar.js +37 -33
  60. package/lib/components/search_bar/search_bar.styles.js +30 -0
  61. package/lib/components/text_truncate/text_truncate.js +4 -1
  62. package/lib/components/tour/_tour_footer.js +105 -0
  63. package/lib/components/tour/_tour_footer.styles.js +31 -0
  64. package/lib/components/tour/_tour_header.js +48 -0
  65. package/lib/components/tour/_tour_header.styles.js +27 -0
  66. package/lib/components/tour/tour.styles.js +7 -32
  67. package/lib/components/tour/tour_step.js +42 -117
  68. package/lib/global_styling/mixins/_color.js +50 -15
  69. package/optimize/es/components/basic_table/basic_table.js +0 -9
  70. package/optimize/es/components/basic_table/in_memory_table.js +0 -10
  71. package/optimize/es/components/beacon/beacon.js +9 -6
  72. package/optimize/es/components/code/code.js +2 -2
  73. package/optimize/es/components/code/code.styles.js +2 -4
  74. package/optimize/es/components/code/code_block.js +5 -3
  75. package/optimize/es/components/code/code_block.styles.js +4 -7
  76. package/optimize/es/components/code/code_block_controls.js +2 -2
  77. package/optimize/es/components/code/code_block_controls.styles.js +2 -4
  78. package/optimize/es/components/code/code_block_full_screen.js +2 -2
  79. package/optimize/es/components/code/code_syntax.styles.js +39 -34
  80. package/optimize/es/components/comment_list/comment_event.js +3 -2
  81. package/optimize/es/components/comment_list/comment_event.styles.js +2 -18
  82. package/optimize/es/components/context_menu/context_menu.js +2 -6
  83. package/optimize/es/components/context_menu/context_menu_item.js +2 -6
  84. package/optimize/es/components/empty_prompt/empty_prompt.js +62 -62
  85. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +112 -0
  86. package/optimize/es/components/popover/popover.js +3 -5
  87. package/optimize/es/components/search_bar/search_bar.js +36 -32
  88. package/optimize/es/components/search_bar/search_bar.styles.js +22 -0
  89. package/optimize/es/components/text_truncate/text_truncate.js +4 -1
  90. package/optimize/es/components/tour/_tour_footer.js +89 -0
  91. package/optimize/es/components/tour/_tour_footer.styles.js +23 -0
  92. package/optimize/es/components/tour/_tour_header.js +33 -0
  93. package/optimize/es/components/tour/_tour_header.styles.js +20 -0
  94. package/optimize/es/components/tour/tour.styles.js +5 -28
  95. package/optimize/es/components/tour/tour_step.js +45 -113
  96. package/optimize/es/global_styling/mixins/_color.js +46 -13
  97. package/optimize/lib/components/basic_table/basic_table.js +0 -9
  98. package/optimize/lib/components/basic_table/in_memory_table.js +0 -10
  99. package/optimize/lib/components/beacon/beacon.js +12 -6
  100. package/optimize/lib/components/code/code.js +2 -2
  101. package/optimize/lib/components/code/code.styles.js +2 -4
  102. package/optimize/lib/components/code/code_block.js +5 -3
  103. package/optimize/lib/components/code/code_block.styles.js +4 -7
  104. package/optimize/lib/components/code/code_block_controls.js +2 -2
  105. package/optimize/lib/components/code/code_block_controls.styles.js +2 -4
  106. package/optimize/lib/components/code/code_block_full_screen.js +2 -2
  107. package/optimize/lib/components/code/code_syntax.styles.js +40 -36
  108. package/optimize/lib/components/comment_list/comment_event.js +2 -1
  109. package/optimize/lib/components/comment_list/comment_event.styles.js +3 -20
  110. package/optimize/lib/components/context_menu/context_menu.js +2 -6
  111. package/optimize/lib/components/context_menu/context_menu_item.js +2 -6
  112. package/optimize/lib/components/empty_prompt/empty_prompt.js +65 -62
  113. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +118 -0
  114. package/optimize/lib/components/popover/popover.js +3 -5
  115. package/optimize/lib/components/search_bar/search_bar.js +37 -33
  116. package/optimize/lib/components/search_bar/search_bar.styles.js +30 -0
  117. package/optimize/lib/components/text_truncate/text_truncate.js +4 -1
  118. package/optimize/lib/components/tour/_tour_footer.js +100 -0
  119. package/optimize/lib/components/tour/_tour_footer.styles.js +31 -0
  120. package/optimize/lib/components/tour/_tour_header.js +43 -0
  121. package/optimize/lib/components/tour/_tour_header.styles.js +27 -0
  122. package/optimize/lib/components/tour/tour.styles.js +7 -32
  123. package/optimize/lib/components/tour/tour_step.js +42 -110
  124. package/optimize/lib/global_styling/mixins/_color.js +50 -15
  125. package/package.json +1 -1
  126. package/src/components/index.scss +0 -2
  127. package/test-env/components/basic_table/basic_table.js +0 -9
  128. package/test-env/components/basic_table/in_memory_table.js +0 -10
  129. package/test-env/components/beacon/beacon.js +12 -6
  130. package/test-env/components/breadcrumbs/breadcrumb.js +0 -10
  131. package/test-env/components/code/code.styles.js +2 -4
  132. package/test-env/components/code/code_block.styles.js +4 -7
  133. package/test-env/components/code/code_block_controls.js +2 -2
  134. package/test-env/components/code/code_block_controls.styles.js +2 -4
  135. package/test-env/components/code/code_block_full_screen.js +2 -2
  136. package/test-env/components/code/code_syntax.styles.js +40 -36
  137. package/test-env/components/comment_list/comment_event.js +2 -1
  138. package/test-env/components/comment_list/comment_event.styles.js +3 -20
  139. package/test-env/components/context_menu/context_menu.js +2 -6
  140. package/test-env/components/context_menu/context_menu_item.js +2 -14
  141. package/test-env/components/empty_prompt/empty_prompt.js +65 -62
  142. package/test-env/components/empty_prompt/empty_prompt.styles.js +118 -0
  143. package/test-env/components/popover/popover.js +3 -15
  144. package/test-env/components/search_bar/search_bar.js +37 -33
  145. package/test-env/components/search_bar/search_bar.styles.js +30 -0
  146. package/test-env/components/text_truncate/text_truncate.js +4 -1
  147. package/test-env/components/tour/_tour_footer.js +100 -0
  148. package/test-env/components/tour/_tour_footer.styles.js +31 -0
  149. package/test-env/components/tour/_tour_header.js +48 -0
  150. package/test-env/components/tour/_tour_header.styles.js +27 -0
  151. package/test-env/components/tour/tour.styles.js +7 -32
  152. package/test-env/components/tour/tour_step.js +42 -114
  153. package/test-env/global_styling/mixins/_color.js +50 -15
  154. package/src/components/empty_prompt/_empty_prompt.scss +0 -128
  155. package/src/components/empty_prompt/_index.scss +0 -1
  156. package/src/components/search_bar/_index.scss +0 -1
  157. package/src/components/search_bar/_search_bar.scss +0 -10
@@ -2747,187 +2747,6 @@ The following files still use the Sass version:
2747
2747
  row-gap: 0;
2748
2748
  }
2749
2749
 
2750
- .euiEmptyPrompt {
2751
- text-align: center;
2752
- margin: auto;
2753
- }
2754
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2755
- .euiEmptyPrompt {
2756
- max-width: -webkit-max-content;
2757
- max-width: -moz-max-content;
2758
- max-width: max-content;
2759
- }
2760
- }
2761
- @media only screen and (min-width: 1200px) {
2762
- .euiEmptyPrompt {
2763
- max-width: -webkit-max-content;
2764
- max-width: -moz-max-content;
2765
- max-width: max-content;
2766
- }
2767
- }
2768
- .euiEmptyPrompt .euiEmptyPrompt__icon > * {
2769
- -webkit-flex-shrink: 1;
2770
- flex-shrink: 1;
2771
- max-width: 25.7142857143rem;
2772
- }
2773
- .euiEmptyPrompt.euiPanel--transparent .euiEmptyPrompt__footer {
2774
- background-color: #141519;
2775
- }
2776
- .euiEmptyPrompt.euiPanel--transparent:not(.euiPanel--hasBorder) .euiEmptyPrompt__footer {
2777
- border-radius: 6px;
2778
- }
2779
- .euiEmptyPrompt.euiPanel--transparent.euiPanel--hasBorder .euiEmptyPrompt__footer {
2780
- border-radius: 0 0 6px 6px;
2781
- }
2782
- .euiEmptyPrompt.euiPanel--plain .euiEmptyPrompt__footer {
2783
- background-color: #141519;
2784
- border-radius: 0 0 6px 6px;
2785
- }
2786
- .euiEmptyPrompt.euiPanel--subdued .euiEmptyPrompt__footer {
2787
- border-top: 1px solid #343741;
2788
- border-radius: 0 0 6px 6px;
2789
- }
2790
- .euiEmptyPrompt.euiPanel--accent .euiEmptyPrompt__footer {
2791
- border-top: 1px solid #5d3648;
2792
- border-radius: 0 0 6px 6px;
2793
- }
2794
- .euiEmptyPrompt.euiPanel--primary .euiEmptyPrompt__footer {
2795
- border-top: 1px solid #164261;
2796
- border-radius: 0 0 6px 6px;
2797
- }
2798
- .euiEmptyPrompt.euiPanel--success .euiEmptyPrompt__footer {
2799
- border-top: 1px solid #315754;
2800
- border-radius: 0 0 6px 6px;
2801
- }
2802
- .euiEmptyPrompt.euiPanel--warning .euiEmptyPrompt__footer {
2803
- border-top: 1px solid #5e512c;
2804
- border-radius: 0 0 6px 6px;
2805
- }
2806
- .euiEmptyPrompt.euiPanel--danger .euiEmptyPrompt__footer {
2807
- border-top: 1px solid #602927;
2808
- border-radius: 0 0 6px 6px;
2809
- }
2810
-
2811
- .euiEmptyPrompt--vertical .euiEmptyPrompt__main {
2812
- display: -webkit-flex;
2813
- display: flex;
2814
- -webkit-flex-direction: column;
2815
- flex-direction: column;
2816
- -webkit-justify-content: center;
2817
- justify-content: center;
2818
- }
2819
- .euiEmptyPrompt--vertical .euiEmptyPrompt__contentInner {
2820
- max-width: 36em;
2821
- margin: auto;
2822
- }
2823
- .euiEmptyPrompt--vertical .euiEmptyPrompt__icon {
2824
- margin-bottom: 16px;
2825
- }
2826
-
2827
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2828
- .euiEmptyPrompt--horizontal {
2829
- -webkit-justify-content: flex-start;
2830
- justify-content: flex-start;
2831
- text-align: left;
2832
- }
2833
- }
2834
- @media only screen and (min-width: 1200px) {
2835
- .euiEmptyPrompt--horizontal {
2836
- -webkit-justify-content: flex-start;
2837
- justify-content: flex-start;
2838
- text-align: left;
2839
- }
2840
- }
2841
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2842
- display: -webkit-flex;
2843
- display: flex;
2844
- -webkit-flex-direction: column;
2845
- flex-direction: column;
2846
- -webkit-align-items: center;
2847
- align-items: center;
2848
- }
2849
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2850
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2851
- -webkit-flex-direction: row-reverse;
2852
- flex-direction: row-reverse;
2853
- }
2854
- }
2855
- @media only screen and (min-width: 1200px) {
2856
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2857
- -webkit-flex-direction: row-reverse;
2858
- flex-direction: row-reverse;
2859
- }
2860
- }
2861
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
2862
- display: -webkit-flex;
2863
- display: flex;
2864
- -webkit-align-items: center;
2865
- align-items: center;
2866
- -webkit-justify-content: center;
2867
- justify-content: center;
2868
- }
2869
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2870
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
2871
- min-width: 40%;
2872
- max-width: 50%;
2873
- }
2874
- }
2875
- @media only screen and (min-width: 1200px) {
2876
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
2877
- min-width: 40%;
2878
- max-width: 50%;
2879
- }
2880
- }
2881
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
2882
- max-width: 36em;
2883
- }
2884
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2885
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
2886
- padding: 24px 0;
2887
- }
2888
- }
2889
- @media only screen and (min-width: 1200px) {
2890
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
2891
- padding: 24px 0;
2892
- }
2893
- }
2894
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
2895
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
2896
- -webkit-justify-content: flex-start;
2897
- justify-content: flex-start;
2898
- }
2899
- }
2900
- @media only screen and (min-width: 1200px) {
2901
- .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
2902
- -webkit-justify-content: flex-start;
2903
- justify-content: flex-start;
2904
- }
2905
- }
2906
-
2907
- .euiEmptyPrompt--paddingSmall .euiEmptyPrompt__main,
2908
- .euiEmptyPrompt--paddingSmall .euiEmptyPrompt__footer {
2909
- padding: 8px;
2910
- }
2911
- .euiEmptyPrompt--paddingSmall.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2912
- gap: 8px;
2913
- }
2914
-
2915
- .euiEmptyPrompt--paddingMedium .euiEmptyPrompt__main,
2916
- .euiEmptyPrompt--paddingMedium .euiEmptyPrompt__footer {
2917
- padding: 16px;
2918
- }
2919
- .euiEmptyPrompt--paddingMedium.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2920
- gap: 16px;
2921
- }
2922
-
2923
- .euiEmptyPrompt--paddingLarge .euiEmptyPrompt__main,
2924
- .euiEmptyPrompt--paddingLarge .euiEmptyPrompt__footer {
2925
- padding: 24px;
2926
- }
2927
- .euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
2928
- gap: 24px;
2929
- }
2930
-
2931
2750
  /**
2932
2751
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
2933
2752
  * they actually click this input.
@@ -6246,25 +6065,6 @@ The following files still use the Sass version:
6246
6065
  box-shadow: none;
6247
6066
  }
6248
6067
 
6249
- .euiSearchBar__searchHolder {
6250
- min-width: 200px;
6251
- }
6252
-
6253
- @media only screen and (min-width: 768px) and (max-width: 991px) {
6254
- .euiSearchBar__filtersHolder {
6255
- max-width: calc(100% - 16px);
6256
- }
6257
- }
6258
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
6259
- .euiSearchBar__filtersHolder {
6260
- max-width: calc(100% - 16px);
6261
- }
6262
- }
6263
- @media only screen and (min-width: 1200px) {
6264
- .euiSearchBar__filtersHolder {
6265
- max-width: calc(100% - 16px);
6266
- }
6267
- }
6268
6068
  .euiSelectable {
6269
6069
  display: -webkit-flex;
6270
6070
  display: flex;