@elastic/eui 62.2.0 → 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 (222) hide show
  1. package/dist/eui_theme_dark.css +3 -270
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +3 -270
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/bottom_bar/bottom_bar.js +20 -3
  6. package/es/components/header/header.js +2 -0
  7. package/es/components/header/header_links/header_links.js +2 -1
  8. package/es/components/index.js +1 -0
  9. package/es/components/page/_bottom_border.js +1 -0
  10. package/es/components/page/_restrict_width.js +34 -7
  11. package/es/components/page/index.js +5 -3
  12. package/es/components/page/page.js +19 -30
  13. package/es/components/page/page.styles.js +43 -0
  14. package/es/components/page/page_body/page_body.js +18 -26
  15. package/es/components/page/page_body/page_body.styles.js +16 -0
  16. package/es/components/page/page_content/index.js +4 -4
  17. package/es/components/page/page_content/page_content.js +7 -2
  18. package/es/components/page/page_content/page_content_body.js +12 -7
  19. package/es/components/page/page_content/page_content_header.js +7 -2
  20. package/es/components/page/page_content/page_content_header_section.js +7 -2
  21. package/es/components/page/page_header/page_header.js +29 -172
  22. package/es/components/page/page_header/page_header.styles.js +16 -0
  23. package/es/components/page/page_header/page_header_content.js +84 -16
  24. package/es/components/page/page_header/page_header_content.styles.js +84 -0
  25. package/es/components/page/page_section/index.js +8 -0
  26. package/es/components/page/page_section/page_section.js +102 -0
  27. package/es/components/page/page_section/page_section.styles.js +43 -0
  28. package/es/components/page/page_side_bar/index.js +1 -1
  29. package/es/components/page/page_side_bar/page_side_bar.js +8 -3
  30. package/es/components/page/page_sidebar/index.js +8 -0
  31. package/es/components/page/page_sidebar/page_sidebar.js +110 -0
  32. package/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  33. package/es/components/page/page_template.js +54 -154
  34. package/es/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  35. package/es/components/page_template/empty_prompt/page_empty_prompt.js +107 -0
  36. package/es/components/page_template/index.js +8 -0
  37. package/es/components/page_template/inner/index.js +8 -0
  38. package/es/components/page_template/inner/page_inner.js +51 -0
  39. package/es/components/page_template/inner/page_inner.styles.js +22 -0
  40. package/es/components/page_template/outer/index.js +8 -0
  41. package/es/components/page_template/outer/page_outer.js +59 -0
  42. package/es/components/page_template/outer/page_outer.styles.js +49 -0
  43. package/es/components/page_template/page_template.js +376 -0
  44. package/es/global_styling/functions/logicals.js +1 -1
  45. package/es/global_styling/mixins/_helpers.js +27 -9
  46. package/eui.d.ts +423 -49
  47. package/lib/components/bottom_bar/bottom_bar.js +20 -3
  48. package/lib/components/header/header.js +2 -0
  49. package/lib/components/header/header_links/header_links.js +2 -1
  50. package/lib/components/index.js +13 -0
  51. package/lib/components/page/_bottom_border.js +5 -0
  52. package/lib/components/page/_restrict_width.js +38 -7
  53. package/lib/components/page/index.js +28 -12
  54. package/lib/components/page/page.js +22 -34
  55. package/lib/components/page/page.styles.js +46 -0
  56. package/lib/components/page/page_body/page_body.js +20 -29
  57. package/lib/components/page/page_body/page_body.styles.js +27 -0
  58. package/lib/components/page/page_content/index.js +8 -8
  59. package/lib/components/page/page_content/page_content.js +8 -4
  60. package/lib/components/page/page_content/page_content_body.js +13 -9
  61. package/lib/components/page/page_content/page_content_header.js +8 -4
  62. package/lib/components/page/page_content/page_content_header_section.js +8 -4
  63. package/lib/components/page/page_header/page_header.js +31 -175
  64. package/lib/components/page/page_header/page_header.styles.js +27 -0
  65. package/lib/components/page/page_header/page_header_content.js +108 -16
  66. package/lib/components/page/page_header/page_header_content.styles.js +87 -0
  67. package/lib/components/page/page_section/index.js +13 -0
  68. package/lib/components/page/page_section/page_section.js +113 -0
  69. package/lib/components/page/page_section/page_section.styles.js +51 -0
  70. package/lib/components/page/page_side_bar/index.js +2 -2
  71. package/lib/components/page/page_side_bar/page_side_bar.js +9 -5
  72. package/lib/components/page/page_sidebar/index.js +13 -0
  73. package/lib/components/page/page_sidebar/page_sidebar.js +124 -0
  74. package/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  75. package/lib/components/page/page_template.js +76 -177
  76. package/lib/components/page_template/bottom_bar/page_bottom_bar.js +114 -0
  77. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +116 -0
  78. package/lib/components/page_template/index.js +13 -0
  79. package/lib/components/page_template/inner/index.js +13 -0
  80. package/lib/components/page_template/inner/page_inner.js +60 -0
  81. package/lib/components/page_template/inner/page_inner.styles.js +35 -0
  82. package/lib/components/page_template/outer/index.js +13 -0
  83. package/lib/components/page_template/outer/page_outer.js +68 -0
  84. package/lib/components/page_template/outer/page_outer.styles.js +51 -0
  85. package/lib/components/page_template/page_template.js +399 -0
  86. package/lib/global_styling/functions/logicals.js +1 -1
  87. package/lib/global_styling/mixins/_helpers.js +27 -9
  88. package/optimize/es/components/bottom_bar/bottom_bar.js +1 -1
  89. package/optimize/es/components/header/header.js +2 -0
  90. package/optimize/es/components/header/header_links/header_links.js +2 -1
  91. package/optimize/es/components/index.js +1 -0
  92. package/optimize/es/components/page/_bottom_border.js +1 -0
  93. package/optimize/es/components/page/_restrict_width.js +34 -7
  94. package/optimize/es/components/page/index.js +5 -3
  95. package/optimize/es/components/page/page.js +18 -28
  96. package/optimize/es/components/page/page.styles.js +43 -0
  97. package/optimize/es/components/page/page_body/page_body.js +18 -25
  98. package/optimize/es/components/page/page_body/page_body.styles.js +16 -0
  99. package/optimize/es/components/page/page_content/index.js +4 -4
  100. package/optimize/es/components/page/page_content/page_content.js +6 -1
  101. package/optimize/es/components/page/page_content/page_content_body.js +10 -5
  102. package/optimize/es/components/page/page_content/page_content_header.js +6 -1
  103. package/optimize/es/components/page/page_content/page_content_header_section.js +6 -1
  104. package/optimize/es/components/page/page_header/page_header.js +20 -32
  105. package/optimize/es/components/page/page_header/page_header.styles.js +16 -0
  106. package/optimize/es/components/page/page_header/page_header_content.js +62 -14
  107. package/optimize/es/components/page/page_header/page_header_content.styles.js +84 -0
  108. package/optimize/es/components/page/page_section/index.js +8 -0
  109. package/optimize/es/components/page/page_section/page_section.js +51 -0
  110. package/optimize/es/components/page/page_section/page_section.styles.js +43 -0
  111. package/optimize/es/components/page/page_side_bar/index.js +1 -1
  112. package/optimize/es/components/page/page_side_bar/page_side_bar.js +6 -1
  113. package/optimize/es/components/page/page_sidebar/index.js +8 -0
  114. package/optimize/es/components/page/page_sidebar/page_sidebar.js +60 -0
  115. package/optimize/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  116. package/optimize/es/components/page/page_template.js +29 -9
  117. package/optimize/es/components/page_template/bottom_bar/page_bottom_bar.js +70 -0
  118. package/optimize/es/components/page_template/empty_prompt/page_empty_prompt.js +61 -0
  119. package/optimize/es/components/page_template/index.js +8 -0
  120. package/optimize/es/components/page_template/inner/index.js +8 -0
  121. package/optimize/es/components/page_template/inner/page_inner.js +47 -0
  122. package/optimize/es/components/page_template/inner/page_inner.styles.js +22 -0
  123. package/optimize/es/components/page_template/outer/index.js +8 -0
  124. package/optimize/es/components/page_template/outer/page_outer.js +33 -0
  125. package/optimize/es/components/page_template/outer/page_outer.styles.js +49 -0
  126. package/optimize/es/components/page_template/page_template.js +202 -0
  127. package/optimize/es/global_styling/functions/logicals.js +1 -1
  128. package/optimize/es/global_styling/mixins/_helpers.js +27 -9
  129. package/optimize/lib/components/bottom_bar/bottom_bar.js +1 -1
  130. package/optimize/lib/components/header/header.js +2 -0
  131. package/optimize/lib/components/header/header_links/header_links.js +2 -1
  132. package/optimize/lib/components/index.js +13 -0
  133. package/optimize/lib/components/page/_bottom_border.js +5 -0
  134. package/optimize/lib/components/page/_restrict_width.js +38 -7
  135. package/optimize/lib/components/page/index.js +28 -12
  136. package/optimize/lib/components/page/page.js +21 -33
  137. package/optimize/lib/components/page/page.styles.js +46 -0
  138. package/optimize/lib/components/page/page_body/page_body.js +20 -29
  139. package/optimize/lib/components/page/page_body/page_body.styles.js +27 -0
  140. package/optimize/lib/components/page/page_content/index.js +8 -8
  141. package/optimize/lib/components/page/page_content/page_content.js +7 -3
  142. package/optimize/lib/components/page/page_content/page_content_body.js +11 -7
  143. package/optimize/lib/components/page/page_content/page_content_header.js +7 -3
  144. package/optimize/lib/components/page/page_content/page_content_header_section.js +7 -3
  145. package/optimize/lib/components/page/page_header/page_header.js +22 -36
  146. package/optimize/lib/components/page/page_header/page_header.styles.js +27 -0
  147. package/optimize/lib/components/page/page_header/page_header_content.js +66 -13
  148. package/optimize/lib/components/page/page_header/page_header_content.styles.js +87 -0
  149. package/optimize/lib/components/page/page_section/index.js +13 -0
  150. package/optimize/lib/components/page/page_section/page_section.js +62 -0
  151. package/optimize/lib/components/page/page_section/page_section.styles.js +51 -0
  152. package/optimize/lib/components/page/page_side_bar/index.js +2 -2
  153. package/optimize/lib/components/page/page_side_bar/page_side_bar.js +7 -3
  154. package/optimize/lib/components/page/page_sidebar/index.js +13 -0
  155. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +79 -0
  156. package/optimize/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  157. package/optimize/lib/components/page/page_template.js +51 -33
  158. package/optimize/lib/components/page_template/bottom_bar/page_bottom_bar.js +85 -0
  159. package/optimize/lib/components/page_template/empty_prompt/page_empty_prompt.js +71 -0
  160. package/optimize/lib/components/page_template/index.js +13 -0
  161. package/optimize/lib/components/page_template/inner/index.js +13 -0
  162. package/optimize/lib/components/page_template/inner/page_inner.js +57 -0
  163. package/optimize/lib/components/page_template/inner/page_inner.styles.js +35 -0
  164. package/optimize/lib/components/page_template/outer/index.js +13 -0
  165. package/optimize/lib/components/page_template/outer/page_outer.js +42 -0
  166. package/optimize/lib/components/page_template/outer/page_outer.styles.js +51 -0
  167. package/optimize/lib/components/page_template/page_template.js +228 -0
  168. package/optimize/lib/global_styling/functions/logicals.js +1 -1
  169. package/optimize/lib/global_styling/mixins/_helpers.js +27 -9
  170. package/package.json +1 -1
  171. package/src/components/page/_index.scss +0 -5
  172. package/src/components/page/page_content/_page_content_body.scss +10 -1
  173. package/src/components/tabs/_tabs.scss +2 -0
  174. package/test-env/components/bottom_bar/bottom_bar.js +20 -3
  175. package/test-env/components/header/header.js +2 -0
  176. package/test-env/components/header/header_links/header_links.js +2 -1
  177. package/test-env/components/index.js +13 -0
  178. package/test-env/components/page/_bottom_border.js +5 -0
  179. package/test-env/components/page/_restrict_width.js +38 -7
  180. package/test-env/components/page/index.js +28 -12
  181. package/test-env/components/page/page.js +22 -34
  182. package/test-env/components/page/page.styles.js +46 -0
  183. package/test-env/components/page/page_body/page_body.js +20 -29
  184. package/test-env/components/page/page_body/page_body.styles.js +27 -0
  185. package/test-env/components/page/page_content/index.js +8 -8
  186. package/test-env/components/page/page_content/page_content.js +8 -4
  187. package/test-env/components/page/page_content/page_content_body.js +13 -9
  188. package/test-env/components/page/page_content/page_content_header.js +8 -4
  189. package/test-env/components/page/page_content/page_content_header_section.js +8 -4
  190. package/test-env/components/page/page_header/page_header.js +31 -175
  191. package/test-env/components/page/page_header/page_header.styles.js +27 -0
  192. package/test-env/components/page/page_header/page_header_content.js +109 -16
  193. package/test-env/components/page/page_header/page_header_content.styles.js +87 -0
  194. package/test-env/components/page/page_section/index.js +13 -0
  195. package/test-env/components/page/page_section/page_section.js +110 -0
  196. package/test-env/components/page/page_section/page_section.styles.js +51 -0
  197. package/test-env/components/page/page_side_bar/index.js +2 -2
  198. package/test-env/components/page/page_side_bar/page_side_bar.js +9 -5
  199. package/test-env/components/page/page_sidebar/index.js +13 -0
  200. package/test-env/components/page/page_sidebar/page_sidebar.js +113 -0
  201. package/test-env/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  202. package/test-env/components/page/page_template.js +76 -178
  203. package/test-env/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  204. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +114 -0
  205. package/test-env/components/page_template/index.js +13 -0
  206. package/test-env/components/page_template/inner/index.js +13 -0
  207. package/test-env/components/page_template/inner/page_inner.js +57 -0
  208. package/test-env/components/page_template/inner/page_inner.styles.js +35 -0
  209. package/test-env/components/page_template/outer/index.js +13 -0
  210. package/test-env/components/page_template/outer/page_outer.js +65 -0
  211. package/test-env/components/page_template/outer/page_outer.styles.js +51 -0
  212. package/test-env/components/page_template/page_template.js +387 -0
  213. package/test-env/global_styling/functions/logicals.js +1 -1
  214. package/test-env/global_styling/mixins/_helpers.js +27 -9
  215. package/src/components/page/_mixins.scss +0 -12
  216. package/src/components/page/_page.scss +0 -41
  217. package/src/components/page/page_body/_index.scss +0 -1
  218. package/src/components/page/page_body/_page_body.scss +0 -45
  219. package/src/components/page/page_header/_index.scss +0 -3
  220. package/src/components/page/page_header/_page_header.scss +0 -78
  221. package/src/components/page/page_header/_page_header_content.scss +0 -15
  222. package/src/components/page/page_header/_page_header_section.scss +0 -26
@@ -10163,134 +10163,6 @@ SOFTWARE.
10163
10163
  -webkit-flex-direction: column;
10164
10164
  flex-direction: column; }
10165
10165
 
10166
- .euiPage {
10167
- display: -webkit-flex;
10168
- display: flex;
10169
- background-color: #141519;
10170
- -webkit-flex-shrink: 0;
10171
- flex-shrink: 0;
10172
- max-width: 100%; }
10173
- .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
10174
- margin-left: auto;
10175
- margin-right: auto;
10176
- width: 100%; }
10177
- .euiPage--restrictWidth-default {
10178
- max-width: 1200px; }
10179
- .euiPage--grow {
10180
- -webkit-flex-grow: 1;
10181
- flex-grow: 1; }
10182
- .euiPage--column {
10183
- -webkit-flex-direction: column;
10184
- flex-direction: column; }
10185
- @media only screen and (max-width: 574px) {
10186
- .euiPage {
10187
- -webkit-flex-direction: column;
10188
- flex-direction: column; } }
10189
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10190
- .euiPage {
10191
- -webkit-flex-direction: column;
10192
- flex-direction: column; } }
10193
-
10194
- .euiPage--paddingSmall {
10195
- padding: 8px; }
10196
- .euiPage--paddingSmall .euiPageSideBar {
10197
- min-width: 192px;
10198
- margin-right: 8px; }
10199
- @media only screen and (max-width: 574px) {
10200
- .euiPage--paddingSmall .euiPageSideBar {
10201
- margin-right: 0;
10202
- margin-bottom: 8px; } }
10203
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10204
- .euiPage--paddingSmall .euiPageSideBar {
10205
- margin-right: 0;
10206
- margin-bottom: 8px; } }
10207
- .euiPage--paddingSmall .euiPageBody > .euiPageHeader {
10208
- margin-bottom: 8px; }
10209
-
10210
- .euiPage--paddingMedium {
10211
- padding: 16px; }
10212
- .euiPage--paddingMedium .euiPageSideBar {
10213
- min-width: 192px;
10214
- margin-right: 16px; }
10215
- @media only screen and (max-width: 574px) {
10216
- .euiPage--paddingMedium .euiPageSideBar {
10217
- margin-right: 0;
10218
- margin-bottom: 16px; } }
10219
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10220
- .euiPage--paddingMedium .euiPageSideBar {
10221
- margin-right: 0;
10222
- margin-bottom: 16px; } }
10223
- .euiPage--paddingMedium .euiPageBody > .euiPageHeader {
10224
- margin-bottom: 16px; }
10225
-
10226
- .euiPage--paddingLarge {
10227
- padding: 24px; }
10228
- .euiPage--paddingLarge .euiPageSideBar {
10229
- min-width: 192px;
10230
- margin-right: 24px; }
10231
- @media only screen and (max-width: 574px) {
10232
- .euiPage--paddingLarge .euiPageSideBar {
10233
- margin-right: 0;
10234
- margin-bottom: 24px; } }
10235
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10236
- .euiPage--paddingLarge .euiPageSideBar {
10237
- margin-right: 0;
10238
- margin-bottom: 24px; } }
10239
- .euiPage--paddingLarge .euiPageBody > .euiPageHeader {
10240
- margin-bottom: 24px; }
10241
-
10242
- .euiPageBody {
10243
- display: -webkit-flex;
10244
- display: flex;
10245
- -webkit-flex-direction: column;
10246
- flex-direction: column;
10247
- -webkit-align-items: stretch;
10248
- align-items: stretch;
10249
- -webkit-flex: 1 1 100%;
10250
- flex: 1 1 100%;
10251
- max-width: 100%;
10252
- min-width: 0; }
10253
- .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
10254
- margin-left: auto;
10255
- margin-right: auto;
10256
- width: 100%; }
10257
- .euiPageBody--restrictWidth-default {
10258
- max-width: 1200px; }
10259
- .euiPageBody.euiPageBody--borderRadiusNone {
10260
- border-top-width: 0;
10261
- border-right-width: 0;
10262
- border-bottom-width: 0; }
10263
-
10264
- .euiPageBody--paddingSmall {
10265
- padding: 8px; }
10266
- .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
10267
- margin-bottom: 8px;
10268
- border-bottom: 1px solid #343741; }
10269
- .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10270
- padding-bottom: 8px; }
10271
- .euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
10272
- padding-top: 0; }
10273
-
10274
- .euiPageBody--paddingMedium {
10275
- padding: 16px; }
10276
- .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
10277
- margin-bottom: 16px;
10278
- border-bottom: 1px solid #343741; }
10279
- .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10280
- padding-bottom: 16px; }
10281
- .euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
10282
- padding-top: 0; }
10283
-
10284
- .euiPageBody--paddingLarge {
10285
- padding: 24px; }
10286
- .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
10287
- margin-bottom: 24px;
10288
- border-bottom: 1px solid #343741; }
10289
- .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10290
- padding-bottom: 24px; }
10291
- .euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
10292
- padding-top: 0; }
10293
-
10294
10166
  .euiPageContent {
10295
10167
  width: 100%;
10296
10168
  min-width: 0; }
@@ -10478,147 +10350,6 @@ SOFTWARE.
10478
10350
  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
10479
10351
  background-color: transparent; } }
10480
10352
 
10481
- /**
10482
- * Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
10483
- * Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
10484
- */
10485
- .euiPageHeader {
10486
- width: 100%;
10487
- display: -webkit-flex;
10488
- display: flex;
10489
- -webkit-flex-direction: row;
10490
- flex-direction: row;
10491
- -webkit-justify-content: space-between;
10492
- justify-content: space-between;
10493
- -webkit-align-items: center;
10494
- align-items: center;
10495
- -webkit-flex-shrink: 0;
10496
- flex-shrink: 0; }
10497
- .euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
10498
- margin-left: auto;
10499
- margin-right: auto;
10500
- width: 100%; }
10501
- .euiPageHeader--restrictWidth-default {
10502
- max-width: 1200px; }
10503
-
10504
- .euiPageHeader--bottomBorder {
10505
- border-bottom: 1px solid #343741; }
10506
- .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
10507
- padding-bottom: 24px; }
10508
-
10509
- .euiPageHeader--onlyTabs {
10510
- padding-top: 8px; }
10511
- .euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
10512
- line-height: 72px;
10513
- height: 72px; }
10514
-
10515
- .euiPageHeader--paddingSmall {
10516
- padding: 8px; }
10517
- .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
10518
- padding-bottom: 0; }
10519
- .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
10520
- padding-top: 8px; }
10521
- .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10522
- margin-bottom: 8px; }
10523
-
10524
- .euiPageHeader--paddingMedium {
10525
- padding: 16px; }
10526
- .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
10527
- padding-bottom: 0; }
10528
- .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
10529
- padding-top: 8px; }
10530
- .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10531
- margin-bottom: 16px; }
10532
-
10533
- .euiPageHeader--paddingLarge {
10534
- padding: 24px; }
10535
- .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
10536
- padding-bottom: 0; }
10537
- .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
10538
- padding-top: 8px; }
10539
- .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
10540
- margin-bottom: 24px; }
10541
-
10542
- .euiPageHeader--top {
10543
- -webkit-align-items: flex-start;
10544
- align-items: flex-start; }
10545
-
10546
- .euiPageHeader--bottom {
10547
- -webkit-align-items: flex-end;
10548
- align-items: flex-end; }
10549
-
10550
- .euiPageHeader--stretch {
10551
- -webkit-align-items: stretch;
10552
- align-items: stretch; }
10553
-
10554
- @media only screen and (max-width: 574px) {
10555
- .euiPageHeader--responsive {
10556
- -webkit-flex-direction: column;
10557
- flex-direction: column; }
10558
- .euiPageHeader--responsiveReverse {
10559
- -webkit-flex-direction: column-reverse;
10560
- flex-direction: column-reverse; } }
10561
-
10562
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10563
- .euiPageHeader--responsive {
10564
- -webkit-flex-direction: column;
10565
- flex-direction: column; }
10566
- .euiPageHeader--responsiveReverse {
10567
- -webkit-flex-direction: column-reverse;
10568
- flex-direction: column-reverse; } }
10569
-
10570
- .euiPageHeader .euiPageHeaderContent {
10571
- width: 100%; }
10572
-
10573
- .euiPageHeaderContent__titleIcon {
10574
- top: -4px;
10575
- position: relative;
10576
- margin-right: 16px; }
10577
-
10578
- @media only screen and (min-width: 768px) and (max-width: 991px) {
10579
- .euiPageHeaderContent__rightSideItems {
10580
- -webkit-flex-direction: row-reverse;
10581
- flex-direction: row-reverse; } }
10582
-
10583
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
10584
- .euiPageHeaderContent__rightSideItems {
10585
- -webkit-flex-direction: row-reverse;
10586
- flex-direction: row-reverse; } }
10587
-
10588
- @media only screen and (min-width: 1200px) {
10589
- .euiPageHeaderContent__rightSideItems {
10590
- -webkit-flex-direction: row-reverse;
10591
- flex-direction: row-reverse; } }
10592
-
10593
- .euiPageHeaderSection:not(:first-of-type) {
10594
- margin-left: 32px; }
10595
-
10596
- @media only screen and (max-width: 574px) {
10597
- .euiPageHeader--responsive .euiPageHeaderSection {
10598
- width: 100%; }
10599
- .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
10600
- margin-left: 0;
10601
- margin-top: 16px; }
10602
- .euiPageHeader--responsiveReverse .euiPageHeaderSection {
10603
- width: 100%; }
10604
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
10605
- margin-left: 0; }
10606
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
10607
- margin-top: 16px; } }
10608
-
10609
- @media only screen and (min-width: 575px) and (max-width: 767px) {
10610
- .euiPageHeader--responsive .euiPageHeaderSection {
10611
- width: 100%; }
10612
- .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
10613
- margin-left: 0;
10614
- margin-top: 16px; }
10615
- .euiPageHeader--responsiveReverse .euiPageHeaderSection {
10616
- width: 100%; }
10617
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
10618
- margin-left: 0; }
10619
- .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
10620
- margin-top: 16px; } }
10621
-
10622
10353
  .euiTreeView__wrapper .euiTreeView {
10623
10354
  margin: 0;
10624
10355
  list-style-type: none; }
@@ -12749,7 +12480,9 @@ button.euiSuggestItem {
12749
12480
  .euiTabs--large .euiTab {
12750
12481
  padding: 12px 16px; }
12751
12482
  .euiTabs--xlarge .euiTab {
12752
- padding: 8px 24px; }
12483
+ padding: 8px 24px;
12484
+ line-height: 72px;
12485
+ height: 72px; }
12753
12486
  .euiTabs--xlarge .euiTab .euiTab__content {
12754
12487
  font-size: 22px;
12755
12488
  font-size: 1.57143rem;