@elastic/eui 62.0.3 → 62.2.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 (306) hide show
  1. package/dist/eui_theme_dark.css +1 -783
  2. package/dist/eui_theme_dark.json +0 -57
  3. package/dist/eui_theme_dark.json.d.ts +0 -57
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +1 -783
  6. package/dist/eui_theme_light.json +0 -57
  7. package/dist/eui_theme_light.json.d.ts +0 -57
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/breadcrumbs/breadcrumb.js +199 -0
  10. package/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
  11. package/es/components/breadcrumbs/breadcrumbs.js +115 -187
  12. package/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
  13. package/es/components/code/code_block.js +119 -107
  14. package/es/components/collapsible_nav/collapsible_nav.js +2 -2
  15. package/es/components/control_bar/control_bar.js +13 -0
  16. package/es/components/datagrid/body/data_grid_body.js +12 -2
  17. package/es/components/datagrid/body/data_grid_cell.js +31 -3
  18. package/es/components/datagrid/body/header/data_grid_header_row.js +1 -1
  19. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  20. package/es/components/datagrid/data_grid.js +10 -2
  21. package/es/components/datagrid/utils/row_heights.js +33 -4
  22. package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  23. package/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
  24. package/es/components/description_list/description_list.js +22 -26
  25. package/es/components/description_list/description_list.styles.js +25 -0
  26. package/es/components/description_list/description_list_context.js +14 -0
  27. package/es/components/description_list/description_list_description.js +43 -2
  28. package/es/components/description_list/description_list_description.styles.js +47 -0
  29. package/es/components/description_list/description_list_title.js +43 -2
  30. package/es/components/description_list/description_list_title.styles.js +37 -0
  31. package/es/components/description_list/description_list_types.js +10 -0
  32. package/es/components/header/header.js +1 -27
  33. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +22 -2
  34. package/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
  35. package/es/components/header/header_links/header_links.js +9 -9
  36. package/es/components/icon/assets/tokenStruct.js +1 -1
  37. package/es/components/page/page_header/page_header.js +1 -0
  38. package/es/components/page/page_header/page_header_content.js +2 -1
  39. package/es/components/page/page_template.js +1 -0
  40. package/es/components/pagination/pagination.js +1 -1
  41. package/es/components/panel/split_panel/split_panel.js +2 -2
  42. package/es/components/provider/provider.js +2 -2
  43. package/es/components/responsive/hide_for.js +6 -38
  44. package/es/components/responsive/show_for.js +6 -38
  45. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +17 -36
  46. package/es/components/side_nav/side_nav.js +1 -1
  47. package/es/components/table/table_row_cell.js +1 -2
  48. package/es/components/toast/global_toast_list.js +208 -241
  49. package/es/components/toast/global_toast_list.styles.js +38 -0
  50. package/es/components/toast/global_toast_list_item.js +12 -7
  51. package/es/components/toast/toast.js +25 -25
  52. package/es/components/toast/toast.styles.js +55 -0
  53. package/es/components/token/index.js +2 -1
  54. package/es/components/token/token.js +48 -112
  55. package/es/components/token/token.styles.js +93 -0
  56. package/es/components/token/token_map.js +6 -9
  57. package/es/components/token/token_types.js +11 -0
  58. package/es/global_styling/reset/global_styles.js +1 -1
  59. package/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
  60. package/es/services/{hooks/useIsWithinBreakpoints.js → breakpoint/current_breakpoint.js} +26 -28
  61. package/es/services/breakpoint/current_breakpoint_hook.js +20 -0
  62. package/es/services/breakpoint/index.js +11 -0
  63. package/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
  64. package/es/services/hooks/index.js +0 -1
  65. package/es/services/index.js +1 -1
  66. package/es/test/rtl/component_helpers.js +60 -1
  67. package/eui.d.ts +1704 -1475
  68. package/i18ntokens.json +36 -36
  69. package/lib/components/breadcrumbs/breadcrumb.js +225 -0
  70. package/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
  71. package/lib/components/breadcrumbs/breadcrumbs.js +125 -188
  72. package/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  73. package/lib/components/code/code_block.js +118 -106
  74. package/lib/components/collapsible_nav/collapsible_nav.js +2 -2
  75. package/lib/components/control_bar/control_bar.js +13 -0
  76. package/lib/components/datagrid/body/data_grid_body.js +12 -2
  77. package/lib/components/datagrid/body/data_grid_cell.js +31 -3
  78. package/lib/components/datagrid/body/header/data_grid_header_row.js +1 -1
  79. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  80. package/lib/components/datagrid/data_grid.js +10 -2
  81. package/lib/components/datagrid/utils/row_heights.js +33 -4
  82. package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  83. package/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
  84. package/lib/components/description_list/description_list.js +25 -31
  85. package/lib/components/description_list/description_list.styles.js +36 -0
  86. package/lib/components/description_list/description_list_context.js +24 -0
  87. package/lib/components/description_list/description_list_description.js +52 -2
  88. package/lib/components/description_list/description_list_description.styles.js +51 -0
  89. package/lib/components/description_list/description_list_title.js +52 -2
  90. package/lib/components/description_list/description_list_title.styles.js +50 -0
  91. package/lib/components/description_list/description_list_types.js +20 -0
  92. package/lib/components/header/header.js +1 -27
  93. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
  94. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  95. package/lib/components/header/header_links/header_links.js +8 -8
  96. package/lib/components/icon/assets/tokenStruct.js +1 -1
  97. package/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
  98. package/lib/components/page/page_header/page_header.js +1 -0
  99. package/lib/components/page/page_header/page_header_content.js +3 -2
  100. package/lib/components/page/page_template.js +1 -0
  101. package/lib/components/pagination/pagination.js +1 -1
  102. package/lib/components/panel/split_panel/split_panel.js +3 -3
  103. package/lib/components/provider/provider.js +1 -1
  104. package/lib/components/responsive/hide_for.js +12 -44
  105. package/lib/components/responsive/show_for.js +12 -44
  106. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
  107. package/lib/components/side_nav/side_nav.js +1 -1
  108. package/lib/components/table/table_row_cell.js +1 -3
  109. package/lib/components/toast/global_toast_list.js +209 -238
  110. package/lib/components/toast/global_toast_list.styles.js +45 -0
  111. package/lib/components/toast/global_toast_list_item.js +14 -7
  112. package/lib/components/toast/toast.js +27 -25
  113. package/lib/components/toast/toast.styles.js +66 -0
  114. package/lib/components/token/index.js +5 -3
  115. package/lib/components/token/token.js +50 -120
  116. package/lib/components/token/token.styles.js +101 -0
  117. package/lib/components/token/token_map.js +6 -9
  118. package/lib/components/token/token_types.js +22 -0
  119. package/lib/global_styling/reset/global_styles.js +1 -1
  120. package/{test-env/services → lib/services/breakpoint}/breakpoint.js +5 -9
  121. package/lib/services/breakpoint/current_breakpoint.js +69 -0
  122. package/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
  123. package/lib/services/breakpoint/index.js +57 -0
  124. package/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  125. package/lib/services/hooks/index.js +0 -13
  126. package/lib/services/index.js +28 -0
  127. package/lib/test/rtl/component_helpers.js +69 -3
  128. package/optimize/es/components/breadcrumbs/breadcrumb.js +136 -0
  129. package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
  130. package/optimize/es/components/breadcrumbs/breadcrumbs.js +92 -165
  131. package/optimize/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
  132. package/optimize/es/components/code/code_block.js +106 -107
  133. package/optimize/es/components/datagrid/body/data_grid_body.js +2 -0
  134. package/optimize/es/components/datagrid/body/data_grid_cell.js +13 -1
  135. package/optimize/es/components/datagrid/utils/row_heights.js +33 -4
  136. package/optimize/es/components/description_list/description_list.js +20 -24
  137. package/optimize/es/components/description_list/description_list.styles.js +25 -0
  138. package/optimize/es/components/description_list/description_list_context.js +14 -0
  139. package/optimize/es/components/description_list/description_list_description.js +32 -2
  140. package/optimize/es/components/description_list/description_list_description.styles.js +47 -0
  141. package/optimize/es/components/description_list/description_list_title.js +32 -2
  142. package/optimize/es/components/description_list/description_list_title.styles.js +37 -0
  143. package/optimize/es/components/description_list/description_list_types.js +10 -0
  144. package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.js +8 -1
  145. package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
  146. package/optimize/es/components/header/header_links/header_links.js +8 -8
  147. package/optimize/es/components/icon/assets/tokenStruct.js +1 -1
  148. package/optimize/es/components/page/page_header/page_header_content.js +1 -1
  149. package/optimize/es/components/panel/split_panel/split_panel.js +1 -1
  150. package/optimize/es/components/provider/provider.js +2 -2
  151. package/optimize/es/components/responsive/hide_for.js +5 -27
  152. package/optimize/es/components/responsive/show_for.js +5 -27
  153. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +16 -35
  154. package/optimize/es/components/table/table_row_cell.js +1 -2
  155. package/optimize/es/components/toast/global_toast_list.js +199 -230
  156. package/optimize/es/components/toast/global_toast_list.styles.js +38 -0
  157. package/optimize/es/components/toast/global_toast_list_item.js +11 -6
  158. package/optimize/es/components/toast/toast.js +24 -24
  159. package/optimize/es/components/toast/toast.styles.js +55 -0
  160. package/optimize/es/components/token/index.js +2 -1
  161. package/optimize/es/components/token/token.js +46 -69
  162. package/optimize/es/components/token/token.styles.js +83 -0
  163. package/optimize/es/components/token/token_map.js +6 -9
  164. package/optimize/es/components/token/token_types.js +11 -0
  165. package/optimize/es/global_styling/reset/global_styles.js +1 -1
  166. package/optimize/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
  167. package/optimize/es/services/breakpoint/current_breakpoint.js +44 -0
  168. package/optimize/es/services/breakpoint/current_breakpoint_hook.js +20 -0
  169. package/optimize/es/services/breakpoint/index.js +11 -0
  170. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
  171. package/optimize/es/services/hooks/index.js +0 -1
  172. package/optimize/es/services/index.js +1 -1
  173. package/optimize/es/test/rtl/component_helpers.js +60 -1
  174. package/optimize/lib/components/breadcrumbs/breadcrumb.js +162 -0
  175. package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
  176. package/optimize/lib/components/breadcrumbs/breadcrumbs.js +99 -164
  177. package/optimize/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  178. package/optimize/lib/components/code/code_block.js +105 -106
  179. package/optimize/lib/components/datagrid/body/data_grid_body.js +2 -0
  180. package/optimize/lib/components/datagrid/body/data_grid_cell.js +13 -1
  181. package/optimize/lib/components/datagrid/utils/row_heights.js +33 -4
  182. package/optimize/lib/components/description_list/description_list.js +23 -28
  183. package/optimize/lib/components/description_list/description_list.styles.js +36 -0
  184. package/optimize/lib/components/description_list/description_list_context.js +24 -0
  185. package/optimize/lib/components/description_list/description_list_description.js +43 -2
  186. package/optimize/lib/components/description_list/description_list_description.styles.js +51 -0
  187. package/optimize/lib/components/description_list/description_list_title.js +43 -2
  188. package/optimize/lib/components/description_list/description_list_title.styles.js +50 -0
  189. package/optimize/lib/components/description_list/description_list_types.js +20 -0
  190. package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +10 -1
  191. package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  192. package/optimize/lib/components/header/header_links/header_links.js +7 -7
  193. package/optimize/lib/components/icon/assets/tokenStruct.js +1 -1
  194. package/optimize/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
  195. package/optimize/lib/components/page/page_header/page_header_content.js +2 -2
  196. package/optimize/lib/components/panel/split_panel/split_panel.js +2 -2
  197. package/optimize/lib/components/provider/provider.js +1 -1
  198. package/optimize/lib/components/responsive/hide_for.js +4 -33
  199. package/optimize/lib/components/responsive/show_for.js +4 -33
  200. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +14 -34
  201. package/optimize/lib/components/table/table_row_cell.js +1 -3
  202. package/optimize/lib/components/toast/global_toast_list.js +206 -220
  203. package/optimize/lib/components/toast/global_toast_list.styles.js +47 -0
  204. package/optimize/lib/components/toast/global_toast_list_item.js +14 -7
  205. package/optimize/lib/components/toast/toast.js +26 -24
  206. package/optimize/lib/components/toast/toast.styles.js +66 -0
  207. package/optimize/lib/components/token/index.js +5 -3
  208. package/optimize/lib/components/token/token.js +50 -76
  209. package/optimize/lib/components/token/token.styles.js +91 -0
  210. package/optimize/lib/components/token/token_map.js +6 -9
  211. package/optimize/lib/components/token/token_types.js +22 -0
  212. package/optimize/lib/global_styling/reset/global_styles.js +1 -1
  213. package/optimize/lib/services/{breakpoint.js → breakpoint/breakpoint.js} +5 -9
  214. package/optimize/lib/services/breakpoint/current_breakpoint.js +68 -0
  215. package/optimize/lib/services/breakpoint/current_breakpoint_hook.js +31 -0
  216. package/optimize/lib/services/breakpoint/index.js +57 -0
  217. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  218. package/optimize/lib/services/hooks/index.js +0 -13
  219. package/optimize/lib/services/index.js +28 -0
  220. package/optimize/lib/test/rtl/component_helpers.js +69 -3
  221. package/package.json +2 -2
  222. package/src/components/control_bar/_control_bar.scss +1 -1
  223. package/src/components/header/_index.scss +0 -1
  224. package/src/components/index.scss +0 -5
  225. package/src/themes/amsterdam/overrides/_breadcrumbs.scss +0 -12
  226. package/src/themes/amsterdam/overrides/_index.scss +0 -4
  227. package/test-env/components/breadcrumbs/breadcrumb.js +211 -0
  228. package/test-env/components/breadcrumbs/breadcrumb.styles.js +68 -0
  229. package/test-env/components/breadcrumbs/breadcrumbs.js +122 -174
  230. package/test-env/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  231. package/test-env/components/collapsible_nav/collapsible_nav.js +2 -2
  232. package/test-env/components/control_bar/control_bar.js +13 -0
  233. package/test-env/components/datagrid/body/data_grid_body.js +12 -2
  234. package/test-env/components/datagrid/body/data_grid_cell.js +31 -3
  235. package/test-env/components/datagrid/body/header/data_grid_header_row.js +1 -1
  236. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  237. package/test-env/components/datagrid/data_grid.js +10 -2
  238. package/test-env/components/datagrid/utils/row_heights.js +33 -4
  239. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  240. package/test-env/components/date_picker/super_date_picker/super_update_button.js +1 -1
  241. package/test-env/components/description_list/description_list.js +25 -30
  242. package/test-env/components/description_list/description_list.styles.js +36 -0
  243. package/test-env/components/description_list/description_list_context.js +24 -0
  244. package/test-env/components/description_list/description_list_description.js +43 -2
  245. package/test-env/components/description_list/description_list_description.styles.js +51 -0
  246. package/test-env/components/description_list/description_list_title.js +43 -2
  247. package/test-env/components/description_list/description_list_title.styles.js +50 -0
  248. package/test-env/components/description_list/description_list_types.js +20 -0
  249. package/test-env/components/header/header.js +1 -27
  250. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
  251. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  252. package/test-env/components/header/header_links/header_links.js +8 -8
  253. package/test-env/components/icon/assets/tokenStruct.js +1 -1
  254. package/test-env/components/observer/resize_observer/resize_observer.js +43 -126
  255. package/test-env/components/page/page_header/page_header.js +1 -0
  256. package/test-env/components/page/page_header/page_header_content.js +3 -2
  257. package/test-env/components/page/page_template.js +1 -0
  258. package/test-env/components/pagination/pagination.js +1 -1
  259. package/test-env/components/panel/split_panel/split_panel.js +3 -3
  260. package/test-env/components/provider/provider.js +1 -1
  261. package/test-env/components/responsive/hide_for.js +5 -34
  262. package/test-env/components/responsive/show_for.js +5 -34
  263. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
  264. package/test-env/components/side_nav/side_nav.js +1 -1
  265. package/test-env/components/table/table_row_cell.js +1 -3
  266. package/test-env/components/toast/global_toast_list.js +206 -220
  267. package/test-env/components/toast/global_toast_list.styles.js +47 -0
  268. package/test-env/components/toast/global_toast_list_item.js +14 -7
  269. package/test-env/components/toast/toast.js +27 -25
  270. package/test-env/components/toast/toast.styles.js +66 -0
  271. package/test-env/components/token/index.js +5 -3
  272. package/test-env/components/token/token.js +51 -120
  273. package/test-env/components/token/token.styles.js +91 -0
  274. package/test-env/components/token/token_map.js +6 -9
  275. package/test-env/components/token/token_types.js +22 -0
  276. package/test-env/global_styling/reset/global_styles.js +1 -1
  277. package/{lib/services → test-env/services/breakpoint}/breakpoint.js +5 -9
  278. package/test-env/services/breakpoint/current_breakpoint.js +68 -0
  279. package/test-env/services/breakpoint/current_breakpoint_hook.js +33 -0
  280. package/test-env/services/breakpoint/index.js +57 -0
  281. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  282. package/test-env/services/hooks/index.js +0 -13
  283. package/test-env/services/index.js +28 -0
  284. package/test-env/test/rtl/component_helpers.js +69 -3
  285. package/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
  286. package/optimize/es/services/hooks/useIsWithinBreakpoints.js +0 -46
  287. package/optimize/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
  288. package/src/components/breadcrumbs/_breadcrumbs.scss +0 -79
  289. package/src/components/breadcrumbs/_index.scss +0 -2
  290. package/src/components/breadcrumbs/_variables.scss +0 -2
  291. package/src/components/description_list/_description_list.scss +0 -211
  292. package/src/components/description_list/_index.scss +0 -1
  293. package/src/components/header/header_breadcrumbs/_header_breadcrumbs.scss +0 -8
  294. package/src/components/header/header_breadcrumbs/_index.scss +0 -1
  295. package/src/components/portal/_index.scss +0 -1
  296. package/src/components/portal/_portal.scss +0 -6
  297. package/src/components/toast/_global_toast_list.scss +0 -90
  298. package/src/components/toast/_index.scss +0 -4
  299. package/src/components/toast/_toast.scss +0 -103
  300. package/src/components/token/_index.scss +0 -2
  301. package/src/components/token/_token.scss +0 -85
  302. package/src/components/token/_variables.scss +0 -13
  303. package/src/themes/amsterdam/overrides/_header_breadcrumbs.scss +0 -71
  304. package/src/themes/amsterdam/overrides/_toast.scss +0 -21
  305. package/src/themes/amsterdam/overrides/_token.scss +0 -4
  306. package/test-env/services/hooks/useIsWithinBreakpoints.js +0 -57
@@ -2143,82 +2143,6 @@ SOFTWARE.
2143
2143
  .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
2144
2144
  outline: 2px solid #0071c2; }
2145
2145
 
2146
- /**
2147
- * 1. Add vertical space between breadcrumbs,
2148
- * but make sure the whole breadcrumb set doesn't add space below itself
2149
- */
2150
- .euiBreadcrumbs__list {
2151
- font-size: 14px;
2152
- font-size: 1rem;
2153
- line-height: 1.71429rem;
2154
- display: -webkit-flex;
2155
- display: flex;
2156
- -webkit-align-items: center;
2157
- align-items: center;
2158
- -webkit-flex-wrap: wrap;
2159
- flex-wrap: wrap;
2160
- min-width: 0;
2161
- margin-bottom: -4px;
2162
- /* 1 */ }
2163
-
2164
- .euiBreadcrumb {
2165
- margin-bottom: 4px;
2166
- /* 1 */
2167
- display: -webkit-flex;
2168
- display: flex;
2169
- -webkit-align-items: center;
2170
- align-items: center; }
2171
- .euiBreadcrumb:not(.euiBreadcrumb--last) {
2172
- color: #69707D; }
2173
- .euiBreadcrumb:not(.euiBreadcrumb--last)::after {
2174
- content: '';
2175
- margin: 4px 8px 0;
2176
- width: 1px;
2177
- height: 16px;
2178
- -webkit-transform: translateY(-1px) rotate(15deg);
2179
- transform: translateY(-1px) rotate(15deg);
2180
- background: #D3DAE6;
2181
- -webkit-flex-shrink: 0;
2182
- flex-shrink: 0; }
2183
-
2184
- .euiBreadcrumb--collapsed {
2185
- -webkit-flex-shrink: 0;
2186
- flex-shrink: 0; }
2187
-
2188
- .euiBreadcrumb--last {
2189
- font-weight: 500; }
2190
-
2191
- .euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
2192
- font-weight: 400;
2193
- color: #69707D; }
2194
-
2195
- .euiBreadcrumbs--truncate .euiBreadcrumbs__list {
2196
- white-space: nowrap;
2197
- -webkit-flex-wrap: nowrap;
2198
- flex-wrap: nowrap; }
2199
-
2200
- .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) .euiBreadcrumb__content {
2201
- max-width: 160px;
2202
- overflow: hidden;
2203
- text-overflow: ellipsis; }
2204
-
2205
- .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last .euiBreadcrumb__content {
2206
- max-width: none; }
2207
-
2208
- .euiBreadcrumbs--truncate .euiBreadcrumb {
2209
- overflow: hidden; }
2210
-
2211
- .euiBreadcrumbs--truncate .euiBreadcrumb__content,
2212
- .euiBreadcrumb--truncate .euiBreadcrumb__content {
2213
- max-width: 100%;
2214
- overflow: hidden !important;
2215
- text-overflow: ellipsis !important;
2216
- white-space: nowrap !important;
2217
- word-wrap: normal !important;
2218
- max-width: 160px;
2219
- text-align: center;
2220
- vertical-align: baseline; }
2221
-
2222
2146
  /**
2223
2147
  * 1. Footer is always at the bottom.
2224
2148
  * 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
@@ -3868,7 +3792,7 @@ SOFTWARE.
3868
3792
  .euiControlBar__button:last-child {
3869
3793
  margin-right: 4px; }
3870
3794
 
3871
- .euiControlBar__breadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) .euiBreadcrumb__content {
3795
+ .euiControlBar__breadcrumbs .euiBreadcrumb:not(:last-of-type) .euiBreadcrumb__content {
3872
3796
  color: #9ca0aa; }
3873
3797
 
3874
3798
  .euiControlBar__breadcrumbs .euiBreadcrumb::after {
@@ -5061,250 +4985,6 @@ SOFTWARE.
5061
4985
  .euiDataGrid__displayPopoverPanel {
5062
4986
  width: 416px; }
5063
4987
 
5064
- .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
5065
- overflow-wrap: break-word !important;
5066
- word-wrap: break-word !important;
5067
- word-break: break-word;
5068
- color: #1a1c21;
5069
- font-size: 16px;
5070
- font-size: 1.14286rem;
5071
- line-height: 1.71429rem;
5072
- font-weight: 700;
5073
- line-height: 1.5;
5074
- margin-top: 16px; }
5075
- .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
5076
- margin-top: 0; }
5077
-
5078
- .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
5079
- font-size: 14px;
5080
- font-size: 1rem;
5081
- line-height: 1.71429rem; }
5082
-
5083
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
5084
- text-align: center; }
5085
-
5086
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__title {
5087
- color: #343741;
5088
- font-weight: 400;
5089
- font-size: 14px;
5090
- font-size: 1rem;
5091
- line-height: 1.71429rem; }
5092
-
5093
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
5094
- overflow-wrap: break-word !important;
5095
- word-wrap: break-word !important;
5096
- word-break: break-word;
5097
- color: #1a1c21;
5098
- font-size: 16px;
5099
- font-size: 1.14286rem;
5100
- line-height: 1.71429rem;
5101
- font-weight: 700; }
5102
-
5103
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
5104
- overflow-wrap: break-word !important;
5105
- word-wrap: break-word !important;
5106
- word-break: break-word;
5107
- color: #1a1c21;
5108
- font-size: 14px;
5109
- font-size: 1rem;
5110
- line-height: 1.71429rem;
5111
- font-weight: 700;
5112
- line-height: 1.5; }
5113
-
5114
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
5115
- font-size: 14px;
5116
- font-size: 1rem;
5117
- line-height: 1.71429rem; }
5118
-
5119
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
5120
- color: #343741;
5121
- font-weight: 400;
5122
- font-size: 14px;
5123
- font-size: 1rem;
5124
- line-height: 1.71429rem; }
5125
-
5126
- .euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
5127
- overflow-wrap: break-word !important;
5128
- word-wrap: break-word !important;
5129
- word-break: break-word;
5130
- color: #1a1c21;
5131
- font-size: 14px;
5132
- font-size: 1rem;
5133
- line-height: 1.71429rem;
5134
- font-weight: 700;
5135
- line-height: 1.5; }
5136
-
5137
- .euiDescriptionList.euiDescriptionList--column, .euiDescriptionList.euiDescriptionList--responsiveColumn {
5138
- display: -webkit-flex;
5139
- display: flex;
5140
- -webkit-align-items: stretch;
5141
- align-items: stretch;
5142
- -webkit-flex-wrap: wrap;
5143
- flex-wrap: wrap; }
5144
- .euiDescriptionList.euiDescriptionList--column > *, .euiDescriptionList.euiDescriptionList--responsiveColumn > * {
5145
- margin-top: 16px; }
5146
- .euiDescriptionList.euiDescriptionList--column > *:first-child,
5147
- .euiDescriptionList.euiDescriptionList--column > :nth-child(2), .euiDescriptionList.euiDescriptionList--responsiveColumn > *:first-child,
5148
- .euiDescriptionList.euiDescriptionList--responsiveColumn > :nth-child(2) {
5149
- margin-top: 0; }
5150
- .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title {
5151
- overflow-wrap: break-word !important;
5152
- word-wrap: break-word !important;
5153
- word-break: break-word;
5154
- color: #1a1c21;
5155
- font-size: 16px;
5156
- font-size: 1.14286rem;
5157
- line-height: 1.71429rem;
5158
- font-weight: 700;
5159
- line-height: 1.5;
5160
- width: 50%;
5161
- padding-right: 8px; }
5162
- .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
5163
- font-size: 14px;
5164
- font-size: 1rem;
5165
- line-height: 1.71429rem;
5166
- width: 50%;
5167
- padding-left: 8px; }
5168
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title {
5169
- text-align: right; }
5170
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
5171
- color: #343741;
5172
- font-weight: 400;
5173
- font-size: 14px;
5174
- font-size: 1rem;
5175
- line-height: 1.71429rem; }
5176
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
5177
- overflow-wrap: break-word !important;
5178
- word-wrap: break-word !important;
5179
- word-break: break-word;
5180
- color: #1a1c21;
5181
- font-size: 16px;
5182
- font-size: 1.14286rem;
5183
- line-height: 1.71429rem;
5184
- font-weight: 700;
5185
- line-height: 1.5; }
5186
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__title {
5187
- overflow-wrap: break-word !important;
5188
- word-wrap: break-word !important;
5189
- word-break: break-word;
5190
- color: #1a1c21;
5191
- font-size: 14px;
5192
- font-size: 1rem;
5193
- line-height: 1.71429rem;
5194
- font-weight: 700;
5195
- line-height: 1.5; }
5196
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__description {
5197
- font-size: 14px;
5198
- font-size: 1rem;
5199
- line-height: 1.71429rem; }
5200
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
5201
- color: #343741;
5202
- font-weight: 400;
5203
- font-size: 14px;
5204
- font-size: 1rem;
5205
- line-height: 1.71429rem; }
5206
- .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
5207
- overflow-wrap: break-word !important;
5208
- word-wrap: break-word !important;
5209
- word-break: break-word;
5210
- color: #1a1c21;
5211
- font-size: 14px;
5212
- font-size: 1rem;
5213
- line-height: 1.71429rem;
5214
- font-weight: 700;
5215
- line-height: 1.5; }
5216
-
5217
- @media only screen and (max-width: 574px) {
5218
- .euiDescriptionList.euiDescriptionList--responsiveColumn {
5219
- display: block; }
5220
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
5221
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
5222
- width: 100%;
5223
- padding: 0; }
5224
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
5225
- font-size: 14px;
5226
- font-size: 1rem;
5227
- line-height: 1.71429rem;
5228
- margin-top: 0; }
5229
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
5230
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
5231
- text-align: center; }
5232
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
5233
- font-size: 14px;
5234
- font-size: 1rem;
5235
- line-height: 1.71429rem; }
5236
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
5237
- overflow-wrap: break-word !important;
5238
- word-wrap: break-word !important;
5239
- word-break: break-word;
5240
- color: #1a1c21;
5241
- font-size: 16px;
5242
- font-size: 1.14286rem;
5243
- line-height: 1.71429rem;
5244
- font-weight: 700; } }
5245
-
5246
- @media only screen and (min-width: 575px) and (max-width: 767px) {
5247
- .euiDescriptionList.euiDescriptionList--responsiveColumn {
5248
- display: block; }
5249
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
5250
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
5251
- width: 100%;
5252
- padding: 0; }
5253
- .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
5254
- font-size: 14px;
5255
- font-size: 1rem;
5256
- line-height: 1.71429rem;
5257
- margin-top: 0; }
5258
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
5259
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
5260
- text-align: center; }
5261
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
5262
- font-size: 14px;
5263
- font-size: 1rem;
5264
- line-height: 1.71429rem; }
5265
- .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
5266
- overflow-wrap: break-word !important;
5267
- word-wrap: break-word !important;
5268
- word-break: break-word;
5269
- color: #1a1c21;
5270
- font-size: 16px;
5271
- font-size: 1.14286rem;
5272
- line-height: 1.71429rem;
5273
- font-weight: 700; } }
5274
-
5275
- .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
5276
- font-size: 14px;
5277
- font-size: 1rem;
5278
- line-height: 1.71429rem;
5279
- display: inline;
5280
- border-radius: 4px;
5281
- font-weight: 500;
5282
- background-color: #e9edf3;
5283
- padding: 1px 4px;
5284
- margin: 0 4px; }
5285
- .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
5286
- margin-left: 0; }
5287
-
5288
- .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
5289
- font-size: 14px;
5290
- font-size: 1rem;
5291
- line-height: 1.71429rem;
5292
- display: inline; }
5293
-
5294
- .euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
5295
- font-size: 12px;
5296
- font-size: 0.85714rem;
5297
- line-height: 1.14286rem;
5298
- padding: 0 4px; }
5299
-
5300
- .euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
5301
- font-size: 12px;
5302
- font-size: 0.85714rem;
5303
- line-height: 1.14286rem; }
5304
-
5305
- .euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
5306
- text-align: center; }
5307
-
5308
4988
  .euiDraggable.euiDraggable--isDragging {
5309
4989
  z-index: 9000 !important; }
5310
4990
 
@@ -9273,21 +8953,6 @@ SOFTWARE.
9273
8953
  line-height: 1.14286rem;
9274
8954
  color: #69707D; }
9275
8955
 
9276
- .euiHeaderBreadcrumbs {
9277
- max-width: 100%;
9278
- overflow: hidden !important;
9279
- text-overflow: ellipsis !important;
9280
- white-space: nowrap !important;
9281
- word-wrap: normal !important;
9282
- margin-left: 12px;
9283
- margin-right: 12px;
9284
- display: -webkit-flex;
9285
- display: flex;
9286
- -webkit-align-items: center;
9287
- align-items: center;
9288
- -webkit-flex-grow: 1;
9289
- flex-grow: 1; }
9290
-
9291
8956
  .euiHeaderSection {
9292
8957
  display: -webkit-flex;
9293
8958
  display: flex;
@@ -10954,13 +10619,6 @@ SOFTWARE.
10954
10619
  .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
10955
10620
  margin-top: 16px; } }
10956
10621
 
10957
- /**
10958
- * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
10959
- */
10960
- .euiBody-hasPortalContent {
10961
- position: relative;
10962
- /* 1 */ }
10963
-
10964
10622
  .euiTreeView__wrapper .euiTreeView {
10965
10623
  margin: 0;
10966
10624
  list-style-type: none; }
@@ -13110,364 +12768,6 @@ button.euiSuggestItem {
13110
12768
  .euiTab__append {
13111
12769
  margin-left: 8px; }
13112
12770
 
13113
- /**
13114
- * 1. Allow list to expand as items are added, but cap it at the screen height.
13115
- * 2. Allow some padding for shadow
13116
- */
13117
- .euiGlobalToastList {
13118
- scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
13119
- scrollbar-width: thin;
13120
- display: -webkit-flex;
13121
- display: flex;
13122
- -webkit-flex-direction: column;
13123
- flex-direction: column;
13124
- -webkit-align-items: stretch;
13125
- align-items: stretch;
13126
- position: fixed;
13127
- z-index: 9000;
13128
- bottom: 0;
13129
- width: 400px;
13130
- /* 2 */
13131
- max-height: 100vh;
13132
- /* 1 */
13133
- overflow-y: auto;
13134
- scrollbar-width: none; }
13135
- .euiGlobalToastList::-webkit-scrollbar {
13136
- width: 16px;
13137
- height: 16px; }
13138
- .euiGlobalToastList::-webkit-scrollbar-thumb {
13139
- background-color: rgba(105, 112, 125, 0.5);
13140
- background-clip: content-box;
13141
- border-radius: 16px;
13142
- border: 6px solid transparent; }
13143
- .euiGlobalToastList::-webkit-scrollbar-corner, .euiGlobalToastList::-webkit-scrollbar-track {
13144
- background-color: transparent; }
13145
- .euiGlobalToastList::-webkit-scrollbar {
13146
- width: 0;
13147
- height: 0; }
13148
- .euiGlobalToastList:not(:empty) {
13149
- padding: 16px; }
13150
-
13151
- .euiGlobalToastList--right:not(:empty) {
13152
- right: 0;
13153
- padding-left: 64px;
13154
- /* 2 */ }
13155
-
13156
- .euiGlobalToastList--left:not(:empty) {
13157
- left: 0;
13158
- padding-right: 64px;
13159
- /* 2 */ }
13160
-
13161
- .euiGlobalToastListItem {
13162
- margin-bottom: 16px;
13163
- -webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
13164
- animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
13165
- opacity: 1;
13166
- /**
13167
- * 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
13168
- * items to the bottom instead.
13169
- */ }
13170
- .euiGlobalToastListItem:first-child {
13171
- margin-top: auto;
13172
- /* 1 */ }
13173
- .euiGlobalToastListItem:last-child {
13174
- margin-bottom: 0; }
13175
- .euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
13176
- transition: opacity 250ms;
13177
- opacity: 0; }
13178
-
13179
- @-webkit-keyframes euiShowToast {
13180
- from {
13181
- -webkit-transform: translateY(24px) scale(0.9);
13182
- transform: translateY(24px) scale(0.9);
13183
- opacity: 0; }
13184
- to {
13185
- -webkit-transform: translateY(0) scale(1);
13186
- transform: translateY(0) scale(1);
13187
- opacity: 1; } }
13188
-
13189
- @keyframes euiShowToast {
13190
- from {
13191
- -webkit-transform: translateY(24px) scale(0.9);
13192
- transform: translateY(24px) scale(0.9);
13193
- opacity: 0; }
13194
- to {
13195
- -webkit-transform: translateY(0) scale(1);
13196
- transform: translateY(0) scale(1);
13197
- opacity: 1; } }
13198
-
13199
- @media only screen and (max-width: 574px) {
13200
- /**
13201
- * 1. Mobile we make these 100%. Matching change happens on the item as well.
13202
- */
13203
- .euiGlobalToastList:not(:empty) {
13204
- left: 0;
13205
- padding-left: 16px;
13206
- padding-right: 16px;
13207
- width: 100%;
13208
- /* 1 */ } }
13209
-
13210
- @media only screen and (min-width: 575px) and (max-width: 767px) {
13211
- /**
13212
- * 1. Mobile we make these 100%. Matching change happens on the item as well.
13213
- */
13214
- .euiGlobalToastList:not(:empty) {
13215
- left: 0;
13216
- padding-left: 16px;
13217
- padding-right: 16px;
13218
- width: 100%;
13219
- /* 1 */ } }
13220
-
13221
- .euiToast {
13222
- border: 1px solid #D3DAE6;
13223
- box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
13224
- position: relative;
13225
- padding: 16px;
13226
- background-color: #FFF;
13227
- width: 100%; }
13228
- .euiToast:hover .euiToast__closeButton,
13229
- .euiToast:focus .euiToast__closeButton {
13230
- opacity: 1; }
13231
-
13232
- /**
13233
- * 1. Fit button to icon.
13234
- */
13235
- .euiToast__closeButton {
13236
- position: absolute;
13237
- top: 16px;
13238
- right: 16px;
13239
- line-height: 0;
13240
- /* 1 */
13241
- -webkit-appearance: none;
13242
- -moz-appearance: none;
13243
- appearance: none;
13244
- opacity: 0;
13245
- transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
13246
- .euiToast__closeButton svg {
13247
- fill: #8d8e90; }
13248
- .euiToast__closeButton:hover svg {
13249
- fill: #1a1c21; }
13250
- .euiToast__closeButton:focus {
13251
- background-color: rgba(0, 119, 204, 0.1);
13252
- opacity: 1; }
13253
- .euiToast__closeButton:focus svg {
13254
- fill: #07C; }
13255
-
13256
- .euiToast--primary {
13257
- border-top: 2px solid #07C; }
13258
-
13259
- .euiToast--success {
13260
- border-top: 2px solid #00a39a; }
13261
-
13262
- .euiToast--warning {
13263
- border-top: 2px solid #b28a0d; }
13264
-
13265
- .euiToast--danger {
13266
- border-top: 2px solid #BD271E; }
13267
-
13268
- /**
13269
- * 1. Align icon with first line of title text if it wraps.
13270
- * 2. Apply margin to all but last item in the flex.
13271
- * 3. Account for close button.
13272
- */
13273
- .euiToastHeader {
13274
- padding-right: 24px;
13275
- /* 3 */
13276
- display: -webkit-flex;
13277
- display: flex;
13278
- -webkit-align-items: baseline;
13279
- align-items: baseline;
13280
- /* 1 */ }
13281
- .euiToastHeader > * + * {
13282
- margin-left: 8px;
13283
- /* 2 */ }
13284
-
13285
- /**
13286
- * 1. Vertically center icon with first line of title.
13287
- */
13288
- .euiToastHeader__icon {
13289
- -webkit-flex: 0 0 auto;
13290
- flex: 0 0 auto;
13291
- fill: #1a1c21;
13292
- -webkit-transform: translateY(2px);
13293
- transform: translateY(2px);
13294
- /* 1 */ }
13295
-
13296
- .euiToastHeader__title {
13297
- overflow-wrap: break-word !important;
13298
- word-wrap: break-word !important;
13299
- word-break: break-word;
13300
- color: #1a1c21;
13301
- font-size: 16px;
13302
- font-size: 1.14286rem;
13303
- line-height: 1.71429rem;
13304
- font-weight: 700;
13305
- font-weight: 300; }
13306
-
13307
- .euiToastHeader--withBody {
13308
- margin-bottom: 8px; }
13309
-
13310
- /**
13311
- * 1. Prevent long lines from overflowing.
13312
- */
13313
- .euiToastBody {
13314
- word-wrap: break-word;
13315
- /* 1 */ }
13316
-
13317
- .euiToken {
13318
- display: -webkit-inline-flex;
13319
- display: inline-flex;
13320
- -webkit-align-items: center;
13321
- align-items: center;
13322
- -webkit-justify-content: center;
13323
- justify-content: center; }
13324
- .euiToken svg {
13325
- height: 100%;
13326
- margin: auto; }
13327
-
13328
- .euiToken--circle {
13329
- border-radius: 50%; }
13330
-
13331
- .euiToken--square {
13332
- border-radius: 5px; }
13333
-
13334
- .euiToken--xsmall {
13335
- width: 12px;
13336
- height: 12px; }
13337
- .euiToken--xsmall.euiToken--rectangle {
13338
- padding: 0 4px; }
13339
-
13340
- .euiToken--small {
13341
- width: 16px;
13342
- height: 16px; }
13343
- .euiToken--small.euiToken--rectangle {
13344
- padding: 0 4px; }
13345
-
13346
- .euiToken--medium {
13347
- width: 24px;
13348
- height: 24px; }
13349
- .euiToken--medium.euiToken--rectangle {
13350
- padding: 0 8px; }
13351
-
13352
- .euiToken--large {
13353
- width: 32px;
13354
- height: 32px; }
13355
- .euiToken--large.euiToken--rectangle {
13356
- padding: 0 8px; }
13357
-
13358
- .euiToken--rectangle {
13359
- box-sizing: content-box; }
13360
-
13361
- .euiToken--euiColorVis0 {
13362
- color: #54B399; }
13363
- .euiToken--euiColorVis0.euiToken--light {
13364
- color: #387765;
13365
- background-color: #eef7f5;
13366
- box-shadow: inset 0 0 0 1px #cce8e0; }
13367
- .euiToken--euiColorVis0.euiToken--dark {
13368
- background-color: #6DCCB1;
13369
- color: #000; }
13370
-
13371
- .euiToken--euiColorVis1 {
13372
- color: #6092C0; }
13373
- .euiToken--euiColorVis1.euiToken--light {
13374
- color: #4a7194;
13375
- background-color: #eff4f9;
13376
- box-shadow: inset 0 0 0 1px #cfdeec; }
13377
- .euiToken--euiColorVis1.euiToken--dark {
13378
- background-color: #79AAD9;
13379
- color: #000; }
13380
-
13381
- .euiToken--euiColorVis2 {
13382
- color: #D36086; }
13383
- .euiToken--euiColorVis2.euiToken--light {
13384
- color: #ac4e6d;
13385
- background-color: #fbeff3;
13386
- box-shadow: inset 0 0 0 1px #f2cfdb; }
13387
- .euiToken--euiColorVis2.euiToken--dark {
13388
- background-color: #EE789D;
13389
- color: #000; }
13390
-
13391
- .euiToken--euiColorVis3 {
13392
- color: #9170B8; }
13393
- .euiToken--euiColorVis3.euiToken--light {
13394
- color: #7c609e;
13395
- background-color: #f4f1f8;
13396
- box-shadow: inset 0 0 0 1px #ded4ea; }
13397
- .euiToken--euiColorVis3.euiToken--dark {
13398
- background-color: #A987D1;
13399
- color: #000; }
13400
-
13401
- .euiToken--euiColorVis4 {
13402
- color: #CA8EAE; }
13403
- .euiToken--euiColorVis4.euiToken--light {
13404
- color: #8d647a;
13405
- background-color: #faf4f7;
13406
- box-shadow: inset 0 0 0 1px #efdde7; }
13407
- .euiToken--euiColorVis4.euiToken--dark {
13408
- background-color: #E4A6C7;
13409
- color: #000; }
13410
-
13411
- .euiToken--euiColorVis5 {
13412
- color: #D6BF57; }
13413
- .euiToken--euiColorVis5.euiToken--light {
13414
- color: #807234;
13415
- background-color: #fbf9ee;
13416
- box-shadow: inset 0 0 0 1px #f3eccd; }
13417
- .euiToken--euiColorVis5.euiToken--dark {
13418
- background-color: #F1D86F;
13419
- color: #000; }
13420
-
13421
- .euiToken--euiColorVis6 {
13422
- color: #B9A888; }
13423
- .euiToken--euiColorVis6.euiToken--light {
13424
- color: #7b705a;
13425
- background-color: #f8f6f3;
13426
- box-shadow: inset 0 0 0 1px #eae5db; }
13427
- .euiToken--euiColorVis6.euiToken--dark {
13428
- background-color: #D2C0A0;
13429
- color: #000; }
13430
-
13431
- .euiToken--euiColorVis7 {
13432
- color: #DA8B45; }
13433
- .euiToken--euiColorVis7.euiToken--light {
13434
- color: #996130;
13435
- background-color: #fbf3ec;
13436
- box-shadow: inset 0 0 0 1px #f4dcc7; }
13437
- .euiToken--euiColorVis7.euiToken--dark {
13438
- background-color: #F5A35C;
13439
- color: #000; }
13440
-
13441
- .euiToken--euiColorVis8 {
13442
- color: #AA6556; }
13443
- .euiToken--euiColorVis8.euiToken--light {
13444
- color: #9a5b4e;
13445
- background-color: #f7f0ee;
13446
- box-shadow: inset 0 0 0 1px #e6d1cc; }
13447
- .euiToken--euiColorVis8.euiToken--dark {
13448
- background-color: #C47C6C;
13449
- color: #000; }
13450
-
13451
- .euiToken--euiColorVis9 {
13452
- color: #E7664C; }
13453
- .euiToken--euiColorVis9.euiToken--light {
13454
- color: #b34f3b;
13455
- background-color: #fdf0ed;
13456
- box-shadow: inset 0 0 0 1px #f8d1c9; }
13457
- .euiToken--euiColorVis9.euiToken--dark {
13458
- background-color: #FF7E62;
13459
- color: #000; }
13460
-
13461
- .euiToken--gray {
13462
- color: #69707D; }
13463
- .euiToken--gray.euiToken--light {
13464
- color: #646a77;
13465
- background-color: #f0f1f2;
13466
- box-shadow: inset 0 0 0 1px #d2d4d8; }
13467
- .euiToken--gray.euiToken--dark {
13468
- background-color: #69707D;
13469
- color: #FFF; }
13470
-
13471
12771
  /*
13472
12772
  * 1. Shift arrow 1px more than half its size to account for border radius
13473
12773
  */
@@ -13659,14 +12959,6 @@ button.euiSuggestItem {
13659
12959
  .euiTourStepIndicator {
13660
12960
  display: inline-block; }
13661
12961
 
13662
- .euiBreadcrumb__content.euiLink:focus {
13663
- outline-offset: -1px; }
13664
-
13665
- .euiBreadcrumb--last,
13666
- .euiBreadcrumb__content,
13667
- .euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
13668
- font-weight: 500; }
13669
-
13670
12962
  .euiButton,
13671
12963
  .euiButtonIcon {
13672
12964
  box-shadow: none !important; }
@@ -14278,58 +13570,6 @@ button.euiSuggestItem {
14278
13570
  .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
14279
13571
  outline: none; }
14280
13572
 
14281
- .euiHeaderBreadcrumbs {
14282
- line-height: 16px;
14283
- margin-left: 8px;
14284
- margin-right: 8px; }
14285
- .euiHeaderBreadcrumbs .euiBreadcrumb__content {
14286
- color: #343741;
14287
- background-color: rgba(52, 55, 65, 0.2);
14288
- font-size: 12px;
14289
- line-height: 16px;
14290
- font-weight: 500;
14291
- padding: 4px 16px;
14292
- -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
14293
- clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%); }
14294
- .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):focus {
14295
- background-color: rgba(52, 55, 65, 0.2); }
14296
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink {
14297
- color: #0061a6;
14298
- background-color: rgba(0, 119, 204, 0.2); }
14299
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):focus {
14300
- background-color: rgba(0, 119, 204, 0.2); }
14301
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus {
14302
- outline: 2px solid currentColor;
14303
- outline-offset: -2px; }
14304
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
14305
- outline-style: auto; }
14306
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:not(:focus-visible) {
14307
- outline: none; }
14308
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
14309
- border-radius: 6px;
14310
- -webkit-clip-path: none;
14311
- clip-path: none; }
14312
- .euiHeaderBreadcrumbs .euiBreadcrumb::after {
14313
- display: none; }
14314
- .euiHeaderBreadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) {
14315
- margin-right: -4px; }
14316
- .euiHeaderBreadcrumbs .euiBreadcrumb:first-child .euiBreadcrumb__content {
14317
- padding-left: 12px;
14318
- border-radius: 6px 0 0 6px;
14319
- -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
14320
- clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%); }
14321
- .euiHeaderBreadcrumbs .euiBreadcrumb:only-child .euiBreadcrumb__content {
14322
- -webkit-clip-path: none;
14323
- clip-path: none;
14324
- padding-left: 12px;
14325
- padding-right: 12px;
14326
- border-radius: 6px; }
14327
- .euiHeaderBreadcrumbs .euiBreadcrumb--last .euiBreadcrumb__content {
14328
- border-radius: 0 6px 6px 0;
14329
- padding-right: 12px;
14330
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
14331
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%); }
14332
-
14333
13573
  /*
14334
13574
  * Creates the Amsterdam style of button with a transparent background
14335
13575
  */
@@ -14854,28 +14094,6 @@ button.euiSuggestItem {
14854
14094
  .euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
14855
14095
  box-shadow: none; }
14856
14096
 
14857
- .euiToast {
14858
- border: none;
14859
- border-radius: 6px; }
14860
-
14861
- .euiToast--primary {
14862
- border-top: 2px solid #07C; }
14863
-
14864
- .euiToast--success {
14865
- border-top: 2px solid #00BFB3; }
14866
-
14867
- .euiToast--warning {
14868
- border-top: 2px solid #FEC514; }
14869
-
14870
- .euiToast--danger {
14871
- border-top: 2px solid #BD271E; }
14872
-
14873
- .euiToastHeader__title {
14874
- font-weight: 700; }
14875
-
14876
- .euiToken--square {
14877
- border-radius: 3px; }
14878
-
14879
14097
  .euiToolTip {
14880
14098
  padding: 8px; }
14881
14099
  .euiToolTip .euiHorizontalRule {