@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
package/src/components/page/page_header/_page_header_section.scss DELETED
@@ -1,26 +0,0 @@
1
- .euiPageHeaderSection:not(:first-of-type) {
2
- margin-left: $euiSizeXL;
3
- }
4
-
5
- @include euiBreakpoint('xs', 's') {
6
- .euiPageHeader--responsive .euiPageHeaderSection {
7
- width: 100%;
8
-
9
- &:not(:first-of-type) {
10
- margin-left: 0;
11
- margin-top: $euiSize;
12
- }
13
- }
14
-
15
- .euiPageHeader--responsiveReverse .euiPageHeaderSection {
16
- width: 100%;
17
-
18
- &:not(:first-of-type) {
19
- margin-left: 0;
20
- }
21
-
22
- &:not(:last-of-type) {
23
- margin-top: $euiSize;
24
- }
25
- }
26
- }