@elastic/eui 62.0.3 → 63.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 (500) hide show
  1. package/dist/eui_charts_theme.js +330 -330
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +4 -1053
  4. package/dist/eui_theme_dark.json +0 -57
  5. package/dist/eui_theme_dark.json.d.ts +0 -57
  6. package/dist/eui_theme_dark.min.css +1 -1
  7. package/dist/eui_theme_light.css +4 -1053
  8. package/dist/eui_theme_light.json +0 -57
  9. package/dist/eui_theme_light.json.d.ts +0 -57
  10. package/dist/eui_theme_light.min.css +1 -1
  11. package/es/components/bottom_bar/bottom_bar.js +20 -3
  12. package/es/components/breadcrumbs/breadcrumb.js +199 -0
  13. package/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
  14. package/es/components/breadcrumbs/breadcrumbs.js +115 -187
  15. package/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
  16. package/es/components/code/code_block.js +119 -107
  17. package/es/components/collapsible_nav/collapsible_nav.js +2 -2
  18. package/es/components/control_bar/control_bar.js +13 -0
  19. package/es/components/datagrid/body/data_grid_body.js +12 -2
  20. package/es/components/datagrid/body/data_grid_cell.js +31 -3
  21. package/es/components/datagrid/body/header/data_grid_header_row.js +1 -1
  22. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  23. package/es/components/datagrid/data_grid.js +10 -2
  24. package/es/components/datagrid/utils/row_heights.js +33 -4
  25. package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  26. package/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
  27. package/es/components/description_list/description_list.js +22 -26
  28. package/es/components/description_list/description_list.styles.js +25 -0
  29. package/es/components/description_list/description_list_context.js +14 -0
  30. package/es/components/description_list/description_list_description.js +43 -2
  31. package/es/components/description_list/description_list_description.styles.js +47 -0
  32. package/es/components/description_list/description_list_title.js +43 -2
  33. package/es/components/description_list/description_list_title.styles.js +37 -0
  34. package/es/components/description_list/description_list_types.js +10 -0
  35. package/es/components/header/header.js +3 -27
  36. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +22 -2
  37. package/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
  38. package/es/components/header/header_links/header_links.js +11 -10
  39. package/es/components/icon/assets/tokenStruct.js +1 -1
  40. package/es/components/index.js +1 -0
  41. package/es/components/page/_bottom_border.js +1 -0
  42. package/es/components/page/_restrict_width.js +34 -7
  43. package/es/components/page/index.js +5 -3
  44. package/es/components/page/page.js +19 -30
  45. package/es/components/page/page.styles.js +43 -0
  46. package/es/components/page/page_body/page_body.js +18 -26
  47. package/es/components/page/page_body/page_body.styles.js +16 -0
  48. package/es/components/page/page_content/index.js +4 -4
  49. package/es/components/page/page_content/page_content.js +7 -2
  50. package/es/components/page/page_content/page_content_body.js +12 -7
  51. package/es/components/page/page_content/page_content_header.js +7 -2
  52. package/es/components/page/page_content/page_content_header_section.js +7 -2
  53. package/es/components/page/page_header/page_header.js +29 -171
  54. package/es/components/page/page_header/page_header.styles.js +16 -0
  55. package/es/components/page/page_header/page_header_content.js +85 -16
  56. package/es/components/page/page_header/page_header_content.styles.js +84 -0
  57. package/es/components/page/page_section/index.js +8 -0
  58. package/es/components/page/page_section/page_section.js +102 -0
  59. package/es/components/page/page_section/page_section.styles.js +43 -0
  60. package/es/components/page/page_side_bar/index.js +1 -1
  61. package/es/components/page/page_side_bar/page_side_bar.js +8 -3
  62. package/es/components/page/page_sidebar/index.js +8 -0
  63. package/es/components/page/page_sidebar/page_sidebar.js +110 -0
  64. package/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  65. package/es/components/page/page_template.js +54 -153
  66. package/es/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  67. package/es/components/page_template/empty_prompt/page_empty_prompt.js +107 -0
  68. package/es/components/page_template/index.js +8 -0
  69. package/es/components/page_template/inner/index.js +8 -0
  70. package/es/components/page_template/inner/page_inner.js +51 -0
  71. package/es/components/page_template/inner/page_inner.styles.js +22 -0
  72. package/es/components/page_template/outer/index.js +8 -0
  73. package/es/components/page_template/outer/page_outer.js +59 -0
  74. package/es/components/page_template/outer/page_outer.styles.js +49 -0
  75. package/es/components/page_template/page_template.js +376 -0
  76. package/es/components/pagination/pagination.js +1 -1
  77. package/es/components/panel/split_panel/split_panel.js +2 -2
  78. package/es/components/provider/provider.js +2 -2
  79. package/es/components/responsive/hide_for.js +6 -38
  80. package/es/components/responsive/show_for.js +6 -38
  81. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +17 -36
  82. package/es/components/side_nav/side_nav.js +1 -1
  83. package/es/components/table/table_row_cell.js +1 -2
  84. package/es/components/toast/global_toast_list.js +208 -241
  85. package/es/components/toast/global_toast_list.styles.js +38 -0
  86. package/es/components/toast/global_toast_list_item.js +12 -7
  87. package/es/components/toast/toast.js +25 -25
  88. package/es/components/toast/toast.styles.js +55 -0
  89. package/es/components/token/index.js +2 -1
  90. package/es/components/token/token.js +48 -112
  91. package/es/components/token/token.styles.js +93 -0
  92. package/es/components/token/token_map.js +6 -9
  93. package/es/components/token/token_types.js +11 -0
  94. package/es/global_styling/functions/logicals.js +1 -1
  95. package/es/global_styling/mixins/_helpers.js +27 -9
  96. package/es/global_styling/reset/global_styles.js +1 -1
  97. package/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
  98. package/es/services/{hooks/useIsWithinBreakpoints.js → breakpoint/currentEuiBreakpoint.js} +36 -28
  99. package/es/services/breakpoint/index.js +10 -0
  100. package/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
  101. package/es/services/hooks/index.js +0 -1
  102. package/es/services/index.js +1 -1
  103. package/es/test/rtl/component_helpers.js +60 -1
  104. package/eui.d.ts +2100 -1504
  105. package/i18ntokens.json +36 -36
  106. package/lib/components/bottom_bar/bottom_bar.js +20 -3
  107. package/lib/components/breadcrumbs/breadcrumb.js +225 -0
  108. package/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
  109. package/lib/components/breadcrumbs/breadcrumbs.js +125 -188
  110. package/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  111. package/lib/components/code/code_block.js +118 -106
  112. package/lib/components/collapsible_nav/collapsible_nav.js +2 -2
  113. package/lib/components/control_bar/control_bar.js +13 -0
  114. package/lib/components/datagrid/body/data_grid_body.js +12 -2
  115. package/lib/components/datagrid/body/data_grid_cell.js +31 -3
  116. package/lib/components/datagrid/body/header/data_grid_header_row.js +1 -1
  117. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  118. package/lib/components/datagrid/data_grid.js +10 -2
  119. package/lib/components/datagrid/utils/row_heights.js +33 -4
  120. package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  121. package/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
  122. package/lib/components/description_list/description_list.js +25 -31
  123. package/lib/components/description_list/description_list.styles.js +36 -0
  124. package/lib/components/description_list/description_list_context.js +24 -0
  125. package/lib/components/description_list/description_list_description.js +52 -2
  126. package/lib/components/description_list/description_list_description.styles.js +51 -0
  127. package/lib/components/description_list/description_list_title.js +52 -2
  128. package/lib/components/description_list/description_list_title.styles.js +50 -0
  129. package/lib/components/description_list/description_list_types.js +20 -0
  130. package/lib/components/header/header.js +3 -27
  131. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
  132. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  133. package/lib/components/header/header_links/header_links.js +10 -9
  134. package/lib/components/icon/assets/tokenStruct.js +1 -1
  135. package/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
  136. package/lib/components/index.js +13 -0
  137. package/lib/components/page/_bottom_border.js +5 -0
  138. package/lib/components/page/_restrict_width.js +38 -7
  139. package/lib/components/page/index.js +28 -12
  140. package/lib/components/page/page.js +22 -34
  141. package/lib/components/page/page.styles.js +46 -0
  142. package/lib/components/page/page_body/page_body.js +20 -29
  143. package/lib/components/page/page_body/page_body.styles.js +27 -0
  144. package/lib/components/page/page_content/index.js +8 -8
  145. package/lib/components/page/page_content/page_content.js +8 -4
  146. package/lib/components/page/page_content/page_content_body.js +13 -9
  147. package/lib/components/page/page_content/page_content_header.js +8 -4
  148. package/lib/components/page/page_content/page_content_header_section.js +8 -4
  149. package/lib/components/page/page_header/page_header.js +31 -174
  150. package/lib/components/page/page_header/page_header.styles.js +27 -0
  151. package/lib/components/page/page_header/page_header_content.js +111 -18
  152. package/lib/components/page/page_header/page_header_content.styles.js +87 -0
  153. package/lib/components/page/page_section/index.js +13 -0
  154. package/lib/components/page/page_section/page_section.js +113 -0
  155. package/lib/components/page/page_section/page_section.styles.js +51 -0
  156. package/lib/components/page/page_side_bar/index.js +2 -2
  157. package/lib/components/page/page_side_bar/page_side_bar.js +9 -5
  158. package/lib/components/page/page_sidebar/index.js +13 -0
  159. package/lib/components/page/page_sidebar/page_sidebar.js +124 -0
  160. package/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  161. package/lib/components/page/page_template.js +76 -176
  162. package/lib/components/page_template/bottom_bar/page_bottom_bar.js +114 -0
  163. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +116 -0
  164. package/lib/components/page_template/index.js +13 -0
  165. package/lib/components/page_template/inner/index.js +13 -0
  166. package/lib/components/page_template/inner/page_inner.js +60 -0
  167. package/lib/components/page_template/inner/page_inner.styles.js +35 -0
  168. package/lib/components/page_template/outer/index.js +13 -0
  169. package/lib/components/page_template/outer/page_outer.js +68 -0
  170. package/lib/components/page_template/outer/page_outer.styles.js +51 -0
  171. package/lib/components/page_template/page_template.js +399 -0
  172. package/lib/components/pagination/pagination.js +1 -1
  173. package/lib/components/panel/split_panel/split_panel.js +3 -3
  174. package/lib/components/provider/provider.js +1 -1
  175. package/lib/components/responsive/hide_for.js +12 -44
  176. package/lib/components/responsive/show_for.js +12 -44
  177. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
  178. package/lib/components/side_nav/side_nav.js +1 -1
  179. package/lib/components/table/table_row_cell.js +1 -3
  180. package/lib/components/toast/global_toast_list.js +209 -238
  181. package/lib/components/toast/global_toast_list.styles.js +45 -0
  182. package/lib/components/toast/global_toast_list_item.js +14 -7
  183. package/lib/components/toast/toast.js +27 -25
  184. package/lib/components/toast/toast.styles.js +66 -0
  185. package/lib/components/token/index.js +5 -3
  186. package/lib/components/token/token.js +50 -120
  187. package/lib/components/token/token.styles.js +101 -0
  188. package/lib/components/token/token_map.js +6 -9
  189. package/lib/components/token/token_types.js +22 -0
  190. package/lib/global_styling/functions/logicals.js +1 -1
  191. package/lib/global_styling/mixins/_helpers.js +27 -9
  192. package/lib/global_styling/reset/global_styles.js +1 -1
  193. package/{test-env/services → lib/services/breakpoint}/breakpoint.js +5 -9
  194. package/lib/services/breakpoint/currentEuiBreakpoint.js +80 -0
  195. package/lib/services/breakpoint/index.js +44 -0
  196. package/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  197. package/lib/services/hooks/index.js +0 -13
  198. package/lib/services/index.js +28 -0
  199. package/lib/test/rtl/component_helpers.js +69 -3
  200. package/optimize/es/components/bottom_bar/bottom_bar.js +1 -1
  201. package/optimize/es/components/breadcrumbs/breadcrumb.js +136 -0
  202. package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
  203. package/optimize/es/components/breadcrumbs/breadcrumbs.js +92 -165
  204. package/optimize/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
  205. package/optimize/es/components/code/code_block.js +106 -107
  206. package/optimize/es/components/datagrid/body/data_grid_body.js +2 -0
  207. package/optimize/es/components/datagrid/body/data_grid_cell.js +13 -1
  208. package/optimize/es/components/datagrid/utils/row_heights.js +33 -4
  209. package/optimize/es/components/description_list/description_list.js +20 -24
  210. package/optimize/es/components/description_list/description_list.styles.js +25 -0
  211. package/optimize/es/components/description_list/description_list_context.js +14 -0
  212. package/optimize/es/components/description_list/description_list_description.js +32 -2
  213. package/optimize/es/components/description_list/description_list_description.styles.js +47 -0
  214. package/optimize/es/components/description_list/description_list_title.js +32 -2
  215. package/optimize/es/components/description_list/description_list_title.styles.js +37 -0
  216. package/optimize/es/components/description_list/description_list_types.js +10 -0
  217. package/optimize/es/components/header/header.js +2 -0
  218. package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.js +8 -1
  219. package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
  220. package/optimize/es/components/header/header_links/header_links.js +10 -9
  221. package/optimize/es/components/icon/assets/tokenStruct.js +1 -1
  222. package/optimize/es/components/index.js +1 -0
  223. package/optimize/es/components/page/_bottom_border.js +1 -0
  224. package/optimize/es/components/page/_restrict_width.js +34 -7
  225. package/optimize/es/components/page/index.js +5 -3
  226. package/optimize/es/components/page/page.js +18 -28
  227. package/optimize/es/components/page/page.styles.js +43 -0
  228. package/optimize/es/components/page/page_body/page_body.js +18 -25
  229. package/optimize/es/components/page/page_body/page_body.styles.js +16 -0
  230. package/optimize/es/components/page/page_content/index.js +4 -4
  231. package/optimize/es/components/page/page_content/page_content.js +6 -1
  232. package/optimize/es/components/page/page_content/page_content_body.js +10 -5
  233. package/optimize/es/components/page/page_content/page_content_header.js +6 -1
  234. package/optimize/es/components/page/page_content/page_content_header_section.js +6 -1
  235. package/optimize/es/components/page/page_header/page_header.js +20 -32
  236. package/optimize/es/components/page/page_header/page_header.styles.js +16 -0
  237. package/optimize/es/components/page/page_header/page_header_content.js +62 -14
  238. package/optimize/es/components/page/page_header/page_header_content.styles.js +84 -0
  239. package/optimize/es/components/page/page_section/index.js +8 -0
  240. package/optimize/es/components/page/page_section/page_section.js +51 -0
  241. package/optimize/es/components/page/page_section/page_section.styles.js +43 -0
  242. package/optimize/es/components/page/page_side_bar/index.js +1 -1
  243. package/optimize/es/components/page/page_side_bar/page_side_bar.js +6 -1
  244. package/optimize/es/components/page/page_sidebar/index.js +8 -0
  245. package/optimize/es/components/page/page_sidebar/page_sidebar.js +60 -0
  246. package/optimize/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  247. package/optimize/es/components/page/page_template.js +29 -9
  248. package/optimize/es/components/page_template/bottom_bar/page_bottom_bar.js +70 -0
  249. package/optimize/es/components/page_template/empty_prompt/page_empty_prompt.js +61 -0
  250. package/optimize/es/components/page_template/index.js +8 -0
  251. package/optimize/es/components/page_template/inner/index.js +8 -0
  252. package/optimize/es/components/page_template/inner/page_inner.js +47 -0
  253. package/optimize/es/components/page_template/inner/page_inner.styles.js +22 -0
  254. package/optimize/es/components/page_template/outer/index.js +8 -0
  255. package/optimize/es/components/page_template/outer/page_outer.js +33 -0
  256. package/optimize/es/components/page_template/outer/page_outer.styles.js +49 -0
  257. package/optimize/es/components/page_template/page_template.js +202 -0
  258. package/optimize/es/components/panel/split_panel/split_panel.js +1 -1
  259. package/optimize/es/components/provider/provider.js +2 -2
  260. package/optimize/es/components/responsive/hide_for.js +5 -27
  261. package/optimize/es/components/responsive/show_for.js +5 -27
  262. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +16 -35
  263. package/optimize/es/components/table/table_row_cell.js +1 -2
  264. package/optimize/es/components/toast/global_toast_list.js +199 -230
  265. package/optimize/es/components/toast/global_toast_list.styles.js +38 -0
  266. package/optimize/es/components/toast/global_toast_list_item.js +11 -6
  267. package/optimize/es/components/toast/toast.js +24 -24
  268. package/optimize/es/components/toast/toast.styles.js +55 -0
  269. package/optimize/es/components/token/index.js +2 -1
  270. package/optimize/es/components/token/token.js +46 -69
  271. package/optimize/es/components/token/token.styles.js +83 -0
  272. package/optimize/es/components/token/token_map.js +6 -9
  273. package/optimize/es/components/token/token_types.js +11 -0
  274. package/optimize/es/global_styling/functions/logicals.js +1 -1
  275. package/optimize/es/global_styling/mixins/_helpers.js +27 -9
  276. package/optimize/es/global_styling/reset/global_styles.js +1 -1
  277. package/optimize/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
  278. package/optimize/es/services/breakpoint/currentEuiBreakpoint.js +53 -0
  279. package/optimize/es/services/breakpoint/index.js +10 -0
  280. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
  281. package/optimize/es/services/hooks/index.js +0 -1
  282. package/optimize/es/services/index.js +1 -1
  283. package/optimize/es/test/rtl/component_helpers.js +60 -1
  284. package/optimize/lib/components/bottom_bar/bottom_bar.js +1 -1
  285. package/optimize/lib/components/breadcrumbs/breadcrumb.js +162 -0
  286. package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
  287. package/optimize/lib/components/breadcrumbs/breadcrumbs.js +99 -164
  288. package/optimize/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  289. package/optimize/lib/components/code/code_block.js +105 -106
  290. package/optimize/lib/components/datagrid/body/data_grid_body.js +2 -0
  291. package/optimize/lib/components/datagrid/body/data_grid_cell.js +13 -1
  292. package/optimize/lib/components/datagrid/utils/row_heights.js +33 -4
  293. package/optimize/lib/components/description_list/description_list.js +23 -28
  294. package/optimize/lib/components/description_list/description_list.styles.js +36 -0
  295. package/optimize/lib/components/description_list/description_list_context.js +24 -0
  296. package/optimize/lib/components/description_list/description_list_description.js +43 -2
  297. package/optimize/lib/components/description_list/description_list_description.styles.js +51 -0
  298. package/optimize/lib/components/description_list/description_list_title.js +43 -2
  299. package/optimize/lib/components/description_list/description_list_title.styles.js +50 -0
  300. package/optimize/lib/components/description_list/description_list_types.js +20 -0
  301. package/optimize/lib/components/header/header.js +2 -0
  302. package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +10 -1
  303. package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  304. package/optimize/lib/components/header/header_links/header_links.js +9 -8
  305. package/optimize/lib/components/icon/assets/tokenStruct.js +1 -1
  306. package/optimize/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
  307. package/optimize/lib/components/index.js +13 -0
  308. package/optimize/lib/components/page/_bottom_border.js +5 -0
  309. package/optimize/lib/components/page/_restrict_width.js +38 -7
  310. package/optimize/lib/components/page/index.js +28 -12
  311. package/optimize/lib/components/page/page.js +21 -33
  312. package/optimize/lib/components/page/page.styles.js +46 -0
  313. package/optimize/lib/components/page/page_body/page_body.js +20 -29
  314. package/optimize/lib/components/page/page_body/page_body.styles.js +27 -0
  315. package/optimize/lib/components/page/page_content/index.js +8 -8
  316. package/optimize/lib/components/page/page_content/page_content.js +7 -3
  317. package/optimize/lib/components/page/page_content/page_content_body.js +11 -7
  318. package/optimize/lib/components/page/page_content/page_content_header.js +7 -3
  319. package/optimize/lib/components/page/page_content/page_content_header_section.js +7 -3
  320. package/optimize/lib/components/page/page_header/page_header.js +22 -36
  321. package/optimize/lib/components/page/page_header/page_header.styles.js +27 -0
  322. package/optimize/lib/components/page/page_header/page_header_content.js +68 -15
  323. package/optimize/lib/components/page/page_header/page_header_content.styles.js +87 -0
  324. package/optimize/lib/components/page/page_section/index.js +13 -0
  325. package/optimize/lib/components/page/page_section/page_section.js +62 -0
  326. package/optimize/lib/components/page/page_section/page_section.styles.js +51 -0
  327. package/optimize/lib/components/page/page_side_bar/index.js +2 -2
  328. package/optimize/lib/components/page/page_side_bar/page_side_bar.js +7 -3
  329. package/optimize/lib/components/page/page_sidebar/index.js +13 -0
  330. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +79 -0
  331. package/optimize/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  332. package/optimize/lib/components/page/page_template.js +51 -33
  333. package/optimize/lib/components/page_template/bottom_bar/page_bottom_bar.js +85 -0
  334. package/optimize/lib/components/page_template/empty_prompt/page_empty_prompt.js +71 -0
  335. package/optimize/lib/components/page_template/index.js +13 -0
  336. package/optimize/lib/components/page_template/inner/index.js +13 -0
  337. package/optimize/lib/components/page_template/inner/page_inner.js +57 -0
  338. package/optimize/lib/components/page_template/inner/page_inner.styles.js +35 -0
  339. package/optimize/lib/components/page_template/outer/index.js +13 -0
  340. package/optimize/lib/components/page_template/outer/page_outer.js +42 -0
  341. package/optimize/lib/components/page_template/outer/page_outer.styles.js +51 -0
  342. package/optimize/lib/components/page_template/page_template.js +228 -0
  343. package/optimize/lib/components/panel/split_panel/split_panel.js +2 -2
  344. package/optimize/lib/components/provider/provider.js +1 -1
  345. package/optimize/lib/components/responsive/hide_for.js +4 -33
  346. package/optimize/lib/components/responsive/show_for.js +4 -33
  347. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +14 -34
  348. package/optimize/lib/components/table/table_row_cell.js +1 -3
  349. package/optimize/lib/components/toast/global_toast_list.js +206 -220
  350. package/optimize/lib/components/toast/global_toast_list.styles.js +47 -0
  351. package/optimize/lib/components/toast/global_toast_list_item.js +14 -7
  352. package/optimize/lib/components/toast/toast.js +26 -24
  353. package/optimize/lib/components/toast/toast.styles.js +66 -0
  354. package/optimize/lib/components/token/index.js +5 -3
  355. package/optimize/lib/components/token/token.js +50 -76
  356. package/optimize/lib/components/token/token.styles.js +91 -0
  357. package/optimize/lib/components/token/token_map.js +6 -9
  358. package/optimize/lib/components/token/token_types.js +22 -0
  359. package/optimize/lib/global_styling/functions/logicals.js +1 -1
  360. package/optimize/lib/global_styling/mixins/_helpers.js +27 -9
  361. package/optimize/lib/global_styling/reset/global_styles.js +1 -1
  362. package/optimize/lib/services/{breakpoint.js → breakpoint/breakpoint.js} +5 -9
  363. package/optimize/lib/services/breakpoint/currentEuiBreakpoint.js +81 -0
  364. package/optimize/lib/services/breakpoint/index.js +44 -0
  365. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  366. package/optimize/lib/services/hooks/index.js +0 -13
  367. package/optimize/lib/services/index.js +28 -0
  368. package/optimize/lib/test/rtl/component_helpers.js +69 -3
  369. package/package.json +2 -2
  370. package/src/components/control_bar/_control_bar.scss +1 -1
  371. package/src/components/header/_index.scss +0 -1
  372. package/src/components/index.scss +0 -5
  373. package/src/components/page/_index.scss +0 -5
  374. package/src/components/page/page_content/_page_content_body.scss +10 -1
  375. package/src/components/tabs/_tabs.scss +2 -0
  376. package/src/themes/amsterdam/overrides/_breadcrumbs.scss +0 -12
  377. package/src/themes/amsterdam/overrides/_index.scss +0 -4
  378. package/test-env/components/bottom_bar/bottom_bar.js +20 -3
  379. package/test-env/components/breadcrumbs/breadcrumb.js +211 -0
  380. package/test-env/components/breadcrumbs/breadcrumb.styles.js +68 -0
  381. package/test-env/components/breadcrumbs/breadcrumbs.js +122 -174
  382. package/test-env/components/breadcrumbs/breadcrumbs.styles.js +33 -0
  383. package/test-env/components/collapsible_nav/collapsible_nav.js +2 -2
  384. package/test-env/components/control_bar/control_bar.js +13 -0
  385. package/test-env/components/datagrid/body/data_grid_body.js +12 -2
  386. package/test-env/components/datagrid/body/data_grid_cell.js +31 -3
  387. package/test-env/components/datagrid/body/header/data_grid_header_row.js +1 -1
  388. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  389. package/test-env/components/datagrid/data_grid.js +10 -2
  390. package/test-env/components/datagrid/utils/row_heights.js +33 -4
  391. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -2
  392. package/test-env/components/date_picker/super_date_picker/super_update_button.js +1 -1
  393. package/test-env/components/description_list/description_list.js +25 -30
  394. package/test-env/components/description_list/description_list.styles.js +36 -0
  395. package/test-env/components/description_list/description_list_context.js +24 -0
  396. package/test-env/components/description_list/description_list_description.js +43 -2
  397. package/test-env/components/description_list/description_list_description.styles.js +51 -0
  398. package/test-env/components/description_list/description_list_title.js +43 -2
  399. package/test-env/components/description_list/description_list_title.styles.js +50 -0
  400. package/test-env/components/description_list/description_list_types.js +20 -0
  401. package/test-env/components/header/header.js +3 -27
  402. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
  403. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
  404. package/test-env/components/header/header_links/header_links.js +10 -9
  405. package/test-env/components/icon/assets/tokenStruct.js +1 -1
  406. package/test-env/components/index.js +13 -0
  407. package/test-env/components/observer/resize_observer/resize_observer.js +43 -126
  408. package/test-env/components/page/_bottom_border.js +5 -0
  409. package/test-env/components/page/_restrict_width.js +38 -7
  410. package/test-env/components/page/index.js +28 -12
  411. package/test-env/components/page/page.js +22 -34
  412. package/test-env/components/page/page.styles.js +46 -0
  413. package/test-env/components/page/page_body/page_body.js +20 -29
  414. package/test-env/components/page/page_body/page_body.styles.js +27 -0
  415. package/test-env/components/page/page_content/index.js +8 -8
  416. package/test-env/components/page/page_content/page_content.js +8 -4
  417. package/test-env/components/page/page_content/page_content_body.js +13 -9
  418. package/test-env/components/page/page_content/page_content_header.js +8 -4
  419. package/test-env/components/page/page_content/page_content_header_section.js +8 -4
  420. package/test-env/components/page/page_header/page_header.js +31 -174
  421. package/test-env/components/page/page_header/page_header.styles.js +27 -0
  422. package/test-env/components/page/page_header/page_header_content.js +112 -18
  423. package/test-env/components/page/page_header/page_header_content.styles.js +87 -0
  424. package/test-env/components/page/page_section/index.js +13 -0
  425. package/test-env/components/page/page_section/page_section.js +110 -0
  426. package/test-env/components/page/page_section/page_section.styles.js +51 -0
  427. package/test-env/components/page/page_side_bar/index.js +2 -2
  428. package/test-env/components/page/page_side_bar/page_side_bar.js +9 -5
  429. package/test-env/components/page/page_sidebar/index.js +13 -0
  430. package/test-env/components/page/page_sidebar/page_sidebar.js +113 -0
  431. package/test-env/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  432. package/test-env/components/page/page_template.js +76 -177
  433. package/test-env/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  434. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +114 -0
  435. package/test-env/components/page_template/index.js +13 -0
  436. package/test-env/components/page_template/inner/index.js +13 -0
  437. package/test-env/components/page_template/inner/page_inner.js +57 -0
  438. package/test-env/components/page_template/inner/page_inner.styles.js +35 -0
  439. package/test-env/components/page_template/outer/index.js +13 -0
  440. package/test-env/components/page_template/outer/page_outer.js +65 -0
  441. package/test-env/components/page_template/outer/page_outer.styles.js +51 -0
  442. package/test-env/components/page_template/page_template.js +387 -0
  443. package/test-env/components/pagination/pagination.js +1 -1
  444. package/test-env/components/panel/split_panel/split_panel.js +3 -3
  445. package/test-env/components/provider/provider.js +1 -1
  446. package/test-env/components/responsive/hide_for.js +5 -34
  447. package/test-env/components/responsive/show_for.js +5 -34
  448. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
  449. package/test-env/components/side_nav/side_nav.js +1 -1
  450. package/test-env/components/table/table_row_cell.js +1 -3
  451. package/test-env/components/toast/global_toast_list.js +206 -220
  452. package/test-env/components/toast/global_toast_list.styles.js +47 -0
  453. package/test-env/components/toast/global_toast_list_item.js +14 -7
  454. package/test-env/components/toast/toast.js +27 -25
  455. package/test-env/components/toast/toast.styles.js +66 -0
  456. package/test-env/components/token/index.js +5 -3
  457. package/test-env/components/token/token.js +51 -120
  458. package/test-env/components/token/token.styles.js +91 -0
  459. package/test-env/components/token/token_map.js +6 -9
  460. package/test-env/components/token/token_types.js +22 -0
  461. package/test-env/global_styling/functions/logicals.js +1 -1
  462. package/test-env/global_styling/mixins/_helpers.js +27 -9
  463. package/test-env/global_styling/reset/global_styles.js +1 -1
  464. package/{lib/services → test-env/services/breakpoint}/breakpoint.js +5 -9
  465. package/test-env/services/breakpoint/currentEuiBreakpoint.js +37 -0
  466. package/test-env/services/breakpoint/index.js +44 -0
  467. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +34 -0
  468. package/test-env/services/hooks/index.js +0 -13
  469. package/test-env/services/index.js +28 -0
  470. package/test-env/test/rtl/component_helpers.js +69 -3
  471. package/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
  472. package/optimize/es/services/hooks/useIsWithinBreakpoints.js +0 -46
  473. package/optimize/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
  474. package/src/components/breadcrumbs/_breadcrumbs.scss +0 -79
  475. package/src/components/breadcrumbs/_index.scss +0 -2
  476. package/src/components/breadcrumbs/_variables.scss +0 -2
  477. package/src/components/description_list/_description_list.scss +0 -211
  478. package/src/components/description_list/_index.scss +0 -1
  479. package/src/components/header/header_breadcrumbs/_header_breadcrumbs.scss +0 -8
  480. package/src/components/header/header_breadcrumbs/_index.scss +0 -1
  481. package/src/components/page/_mixins.scss +0 -12
  482. package/src/components/page/_page.scss +0 -41
  483. package/src/components/page/page_body/_index.scss +0 -1
  484. package/src/components/page/page_body/_page_body.scss +0 -45
  485. package/src/components/page/page_header/_index.scss +0 -3
  486. package/src/components/page/page_header/_page_header.scss +0 -78
  487. package/src/components/page/page_header/_page_header_content.scss +0 -15
  488. package/src/components/page/page_header/_page_header_section.scss +0 -26
  489. package/src/components/portal/_index.scss +0 -1
  490. package/src/components/portal/_portal.scss +0 -6
  491. package/src/components/toast/_global_toast_list.scss +0 -90
  492. package/src/components/toast/_index.scss +0 -4
  493. package/src/components/toast/_toast.scss +0 -103
  494. package/src/components/token/_index.scss +0 -2
  495. package/src/components/token/_token.scss +0 -85
  496. package/src/components/token/_variables.scss +0 -13
  497. package/src/themes/amsterdam/overrides/_header_breadcrumbs.scss +0 -71
  498. package/src/themes/amsterdam/overrides/_toast.scss +0 -21
  499. package/src/themes/amsterdam/overrides/_token.scss +0 -4
  500. 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 #36A2EF; }
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: #7a7f89; }
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: #343741;
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: #7a7f89; }
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: #7a7f89; }
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #DFE5EF;
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: #343741;
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: #98A2B3; }
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;
@@ -10498,134 +10163,6 @@ SOFTWARE.
10498
10163
  -webkit-flex-direction: column;
10499
10164
  flex-direction: column; }
10500
10165
 
10501
- .euiPage {
10502
- display: -webkit-flex;
10503
- display: flex;
10504
- background-color: #141519;
10505
- -webkit-flex-shrink: 0;
10506
- flex-shrink: 0;
10507
- max-width: 100%; }
10508
- .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
10509
- margin-left: auto;
10510
- margin-right: auto;
10511
- width: 100%; }
10512
- .euiPage--restrictWidth-default {
10513
- max-width: 1200px; }
10514
- .euiPage--grow {
10515
- -webkit-flex-grow: 1;
10516
- flex-grow: 1; }
10517
- .euiPage--column {
10518
- -webkit-flex-direction: column;
10519
- flex-direction: column; }
10520
- @media only screen and (max-width: 574px) {
10521
- .euiPage {
10522
- -webkit-flex-direction: column;
10523
- flex-direction: column; } }
10524
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10525
- .euiPage {
10526
- -webkit-flex-direction: column;
10527
- flex-direction: column; } }
10528
-
10529
- .euiPage--paddingSmall {
10530
- padding: 8px; }
10531
- .euiPage--paddingSmall .euiPageSideBar {
10532
- min-width: 192px;
10533
- margin-right: 8px; }
10534
- @media only screen and (max-width: 574px) {
10535
- .euiPage--paddingSmall .euiPageSideBar {
10536
- margin-right: 0;
10537
- margin-bottom: 8px; } }
10538
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10539
- .euiPage--paddingSmall .euiPageSideBar {
10540
- margin-right: 0;
10541
- margin-bottom: 8px; } }
10542
- .euiPage--paddingSmall .euiPageBody > .euiPageHeader {
10543
- margin-bottom: 8px; }
10544
-
10545
- .euiPage--paddingMedium {
10546
- padding: 16px; }
10547
- .euiPage--paddingMedium .euiPageSideBar {
10548
- min-width: 192px;
10549
- margin-right: 16px; }
10550
- @media only screen and (max-width: 574px) {
10551
- .euiPage--paddingMedium .euiPageSideBar {
10552
- margin-right: 0;
10553
- margin-bottom: 16px; } }
10554
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10555
- .euiPage--paddingMedium .euiPageSideBar {
10556
- margin-right: 0;
10557
- margin-bottom: 16px; } }
10558
- .euiPage--paddingMedium .euiPageBody > .euiPageHeader {
10559
- margin-bottom: 16px; }
10560
-
10561
- .euiPage--paddingLarge {
10562
- padding: 24px; }
10563
- .euiPage--paddingLarge .euiPageSideBar {
10564
- min-width: 192px;
10565
- margin-right: 24px; }
10566
- @media only screen and (max-width: 574px) {
10567
- .euiPage--paddingLarge .euiPageSideBar {
10568
- margin-right: 0;
10569
- margin-bottom: 24px; } }
10570
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10571
- .euiPage--paddingLarge .euiPageSideBar {
10572
- margin-right: 0;
10573
- margin-bottom: 24px; } }
10574
- .euiPage--paddingLarge .euiPageBody > .euiPageHeader {
10575
- margin-bottom: 24px; }
10576
-
10577
- .euiPageBody {
10578
- display: -webkit-flex;
10579
- display: flex;
10580
- -webkit-flex-direction: column;
10581
- flex-direction: column;
10582
- -webkit-align-items: stretch;
10583
- align-items: stretch;
10584
- -webkit-flex: 1 1 100%;
10585
- flex: 1 1 100%;
10586
- max-width: 100%;
10587
- min-width: 0; }
10588
- .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
10589
- margin-left: auto;
10590
- margin-right: auto;
10591
- width: 100%; }
10592
- .euiPageBody--restrictWidth-default {
10593
- max-width: 1200px; }
10594
- .euiPageBody.euiPageBody--borderRadiusNone {
10595
- border-top-width: 0;
10596
- border-right-width: 0;
10597
- border-bottom-width: 0; }
10598
-
10599
- .euiPageBody--paddingSmall {
10600
- padding: 8px; }
10601
- .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
10602
- margin-bottom: 8px;
10603
- border-bottom: 1px solid #343741; }
10604
- .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10605
- padding-bottom: 8px; }
10606
- .euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
10607
- padding-top: 0; }
10608
-
10609
- .euiPageBody--paddingMedium {
10610
- padding: 16px; }
10611
- .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
10612
- margin-bottom: 16px;
10613
- border-bottom: 1px solid #343741; }
10614
- .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10615
- padding-bottom: 16px; }
10616
- .euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
10617
- padding-top: 0; }
10618
-
10619
- .euiPageBody--paddingLarge {
10620
- padding: 24px; }
10621
- .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
10622
- margin-bottom: 24px;
10623
- border-bottom: 1px solid #343741; }
10624
- .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10625
- padding-bottom: 24px; }
10626
- .euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
10627
- padding-top: 0; }
10628
-
10629
10166
  .euiPageContent {
10630
10167
  width: 100%;
10631
10168
  min-width: 0; }
@@ -10813,154 +10350,6 @@ SOFTWARE.
10813
10350
  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
10814
10351
  background-color: transparent; } }
10815
10352
 
10816
- /**
10817
- * Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
10818
- * Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
10819
- */
10820
- .euiPageHeader {
10821
- width: 100%;
10822
- display: -webkit-flex;
10823
- display: flex;
10824
- -webkit-flex-direction: row;
10825
- flex-direction: row;
10826
- -webkit-justify-content: space-between;
10827
- justify-content: space-between;
10828
- -webkit-align-items: center;
10829
- align-items: center;
10830
- -webkit-flex-shrink: 0;
10831
- flex-shrink: 0; }
10832
- .euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
10833
- margin-left: auto;
10834
- margin-right: auto;
10835
- width: 100%; }
10836
- .euiPageHeader--restrictWidth-default {
10837
- max-width: 1200px; }
10838
-
10839
- .euiPageHeader--bottomBorder {
10840
- border-bottom: 1px solid #343741; }
10841
- .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10842
- padding-bottom: 24px; }
10843
-
10844
- .euiPageHeader--onlyTabs {
10845
- padding-top: 8px; }
10846
- .euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
10847
- line-height: 72px;
10848
- height: 72px; }
10849
-
10850
- .euiPageHeader--paddingSmall {
10851
- padding: 8px; }
10852
- .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
10853
- padding-bottom: 0; }
10854
- .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
10855
- padding-top: 8px; }
10856
- .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10857
- margin-bottom: 8px; }
10858
-
10859
- .euiPageHeader--paddingMedium {
10860
- padding: 16px; }
10861
- .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
10862
- padding-bottom: 0; }
10863
- .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
10864
- padding-top: 8px; }
10865
- .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10866
- margin-bottom: 16px; }
10867
-
10868
- .euiPageHeader--paddingLarge {
10869
- padding: 24px; }
10870
- .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
10871
- padding-bottom: 0; }
10872
- .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
10873
- padding-top: 8px; }
10874
- .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10875
- margin-bottom: 24px; }
10876
-
10877
- .euiPageHeader--top {
10878
- -webkit-align-items: flex-start;
10879
- align-items: flex-start; }
10880
-
10881
- .euiPageHeader--bottom {
10882
- -webkit-align-items: flex-end;
10883
- align-items: flex-end; }
10884
-
10885
- .euiPageHeader--stretch {
10886
- -webkit-align-items: stretch;
10887
- align-items: stretch; }
10888
-
10889
- @media only screen and (max-width: 574px) {
10890
- .euiPageHeader--responsive {
10891
- -webkit-flex-direction: column;
10892
- flex-direction: column; }
10893
- .euiPageHeader--responsiveReverse {
10894
- -webkit-flex-direction: column-reverse;
10895
- flex-direction: column-reverse; } }
10896
-
10897
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10898
- .euiPageHeader--responsive {
10899
- -webkit-flex-direction: column;
10900
- flex-direction: column; }
10901
- .euiPageHeader--responsiveReverse {
10902
- -webkit-flex-direction: column-reverse;
10903
- flex-direction: column-reverse; } }
10904
-
10905
- .euiPageHeader .euiPageHeaderContent {
10906
- width: 100%; }
10907
-
10908
- .euiPageHeaderContent__titleIcon {
10909
- top: -4px;
10910
- position: relative;
10911
- margin-right: 16px; }
10912
-
10913
- @media only screen and (min-width: 768px) and (max-width: 991px) {
10914
- .euiPageHeaderContent__rightSideItems {
10915
- -webkit-flex-direction: row-reverse;
10916
- flex-direction: row-reverse; } }
10917
-
10918
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
10919
- .euiPageHeaderContent__rightSideItems {
10920
- -webkit-flex-direction: row-reverse;
10921
- flex-direction: row-reverse; } }
10922
-
10923
- @media only screen and (min-width: 1200px) {
10924
- .euiPageHeaderContent__rightSideItems {
10925
- -webkit-flex-direction: row-reverse;
10926
- flex-direction: row-reverse; } }
10927
-
10928
- .euiPageHeaderSection:not(:first-of-type) {
10929
- margin-left: 32px; }
10930
-
10931
- @media only screen and (max-width: 574px) {
10932
- .euiPageHeader--responsive .euiPageHeaderSection {
10933
- width: 100%; }
10934
- .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
10935
- margin-left: 0;
10936
- margin-top: 16px; }
10937
- .euiPageHeader--responsiveReverse .euiPageHeaderSection {
10938
- width: 100%; }
10939
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
10940
- margin-left: 0; }
10941
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
10942
- margin-top: 16px; } }
10943
-
10944
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10945
- .euiPageHeader--responsive .euiPageHeaderSection {
10946
- width: 100%; }
10947
- .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
10948
- margin-left: 0;
10949
- margin-top: 16px; }
10950
- .euiPageHeader--responsiveReverse .euiPageHeaderSection {
10951
- width: 100%; }
10952
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
10953
- margin-left: 0; }
10954
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
10955
- margin-top: 16px; } }
10956
-
10957
- /**
10958
- * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
10959
- */
10960
- .euiBody-hasPortalContent {
10961
- position: relative;
10962
- /* 1 */ }
10963
-
10964
10353
  .euiTreeView__wrapper .euiTreeView {
10965
10354
  margin: 0;
10966
10355
  list-style-type: none; }
@@ -13091,7 +12480,9 @@ button.euiSuggestItem {
13091
12480
  .euiTabs--large .euiTab {
13092
12481
  padding: 12px 16px; }
13093
12482
  .euiTabs--xlarge .euiTab {
13094
- padding: 8px 24px; }
12483
+ padding: 8px 24px;
12484
+ line-height: 72px;
12485
+ height: 72px; }
13095
12486
  .euiTabs--xlarge .euiTab .euiTab__content {
13096
12487
  font-size: 22px;
13097
12488
  font-size: 1.57143rem;
@@ -13110,364 +12501,6 @@ button.euiSuggestItem {
13110
12501
  .euiTab__append {
13111
12502
  margin-left: 8px; }
13112
12503
 
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(152, 162, 179, 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(152, 162, 179, 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 #343741;
13223
- box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
13224
- position: relative;
13225
- padding: 16px;
13226
- background-color: #1D1E24;
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: #434548; }
13248
- .euiToast__closeButton:hover svg {
13249
- fill: #DFE5EF; }
13250
- .euiToast__closeButton:focus {
13251
- background-color: rgba(54, 162, 239, 0.2);
13252
- opacity: 1; }
13253
- .euiToast__closeButton:focus svg {
13254
- fill: #36A2EF; }
13255
-
13256
- .euiToast--primary {
13257
- border-top: 2px solid #36A2EF; }
13258
-
13259
- .euiToast--success {
13260
- border-top: 2px solid #7DDED8; }
13261
-
13262
- .euiToast--warning {
13263
- border-top: 2px solid #F3D371; }
13264
-
13265
- .euiToast--danger {
13266
- border-top: 2px solid #F86B63; }
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: #DFE5EF;
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: #DFE5EF;
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: #54B399;
13365
- background-color: #19362e;
13366
- box-shadow: inset 0 0 0 1px #22483d; }
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: #6897c3;
13375
- background-color: #1d2c3a;
13376
- box-shadow: inset 0 0 0 1px #263a4d; }
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: #d77092;
13385
- background-color: #3f1d28;
13386
- box-shadow: inset 0 0 0 1px #542636; }
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: #a184c2;
13395
- background-color: #2c2237;
13396
- box-shadow: inset 0 0 0 1px #3a2d4a; }
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: #CA8EAE;
13405
- background-color: #3d2b34;
13406
- box-shadow: inset 0 0 0 1px #513946; }
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: #D6BF57;
13415
- background-color: #40391a;
13416
- box-shadow: inset 0 0 0 1px #564c23; }
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: #B9A888;
13425
- background-color: #383229;
13426
- box-shadow: inset 0 0 0 1px #4a4336; }
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: #DA8B45;
13435
- background-color: #412a15;
13436
- box-shadow: inset 0 0 0 1px #57381c; }
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: #b67b6e;
13445
- background-color: #331e1a;
13446
- box-shadow: inset 0 0 0 1px #442822; }
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: #e86e55;
13455
- background-color: #451f17;
13456
- box-shadow: inset 0 0 0 1px #5c291e; }
13457
- .euiToken--euiColorVis9.euiToken--dark {
13458
- background-color: #FF7E62;
13459
- color: #000; }
13460
-
13461
- .euiToken--gray {
13462
- color: #535966; }
13463
- .euiToken--gray.euiToken--light {
13464
- color: #81858f;
13465
- background-color: #191b1f;
13466
- box-shadow: inset 0 0 0 1px #212429; }
13467
- .euiToken--gray.euiToken--dark {
13468
- background-color: #535966;
13469
- color: #FFF; }
13470
-
13471
12504
  /*
13472
12505
  * 1. Shift arrow 1px more than half its size to account for border radius
13473
12506
  */
@@ -13659,14 +12692,6 @@ button.euiSuggestItem {
13659
12692
  .euiTourStepIndicator {
13660
12693
  display: inline-block; }
13661
12694
 
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
12695
  .euiButton,
13671
12696
  .euiButtonIcon {
13672
12697
  box-shadow: none !important; }
@@ -14278,58 +13303,6 @@ button.euiSuggestItem {
14278
13303
  .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
14279
13304
  outline: none; }
14280
13305
 
14281
- .euiHeaderBreadcrumbs {
14282
- line-height: 16px;
14283
- margin-left: 8px;
14284
- margin-right: 8px; }
14285
- .euiHeaderBreadcrumbs .euiBreadcrumb__content {
14286
- color: #DFE5EF;
14287
- background-color: rgba(223, 229, 239, 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(223, 229, 239, 0.2); }
14296
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink {
14297
- color: #36A2EF;
14298
- background-color: rgba(54, 162, 239, 0.2); }
14299
- .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):focus {
14300
- background-color: rgba(54, 162, 239, 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
13306
  /*
14334
13307
  * Creates the Amsterdam style of button with a transparent background
14335
13308
  */
@@ -14854,28 +13827,6 @@ button.euiSuggestItem {
14854
13827
  .euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
14855
13828
  box-shadow: none; }
14856
13829
 
14857
- .euiToast {
14858
- border: none;
14859
- border-radius: 6px; }
14860
-
14861
- .euiToast--primary {
14862
- border-top: 2px solid #36A2EF; }
14863
-
14864
- .euiToast--success {
14865
- border-top: 2px solid #7DDED8; }
14866
-
14867
- .euiToast--warning {
14868
- border-top: 2px solid #F3D371; }
14869
-
14870
- .euiToast--danger {
14871
- border-top: 2px solid #F86B63; }
14872
-
14873
- .euiToastHeader__title {
14874
- font-weight: 700; }
14875
-
14876
- .euiToken--square {
14877
- border-radius: 3px; }
14878
-
14879
13830
  .euiToolTip {
14880
13831
  padding: 8px; }
14881
13832
  .euiToolTip .euiHorizontalRule {