@elastic/eui 99.4.0 → 100.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 (779) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/{eui_theme_dark.json → eui_theme_amsterdam_dark.json} +177 -65
  3. package/dist/{eui_theme_light.json.d.ts → eui_theme_amsterdam_dark.json.d.ts} +178 -66
  4. package/dist/{eui_theme_light.json → eui_theme_amsterdam_light.json} +177 -65
  5. package/dist/eui_theme_amsterdam_light.json.d.ts +425 -0
  6. package/dist/eui_theme_borealis_dark.json +422 -0
  7. package/dist/{eui_theme_dark.json.d.ts → eui_theme_borealis_dark.json.d.ts} +178 -66
  8. package/dist/eui_theme_borealis_light.json +422 -0
  9. package/dist/eui_theme_borealis_light.json.d.ts +425 -0
  10. package/es/components/avatar/avatar.js +4 -4
  11. package/es/components/badge/badge.styles.js +1 -2
  12. package/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
  13. package/es/components/badge/color_utils.js +9 -8
  14. package/es/components/beacon/beacon.styles.js +2 -2
  15. package/es/components/bottom_bar/bottom_bar.styles.js +2 -3
  16. package/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  17. package/es/components/button/button.js +1 -1
  18. package/es/components/button/button_display/_button_display.styles.js +1 -1
  19. package/es/components/button/button_empty/button_empty.js +1 -1
  20. package/es/components/button/button_group/button_group_button.js +1 -1
  21. package/es/components/button/button_group/button_group_button.styles.js +6 -6
  22. package/es/components/button/button_icon/button_icon.js +1 -1
  23. package/es/components/button/button_icon/button_icon.styles.js +1 -1
  24. package/es/components/call_out/call_out.styles.js +4 -4
  25. package/es/components/card/card.js +1 -1
  26. package/es/components/card/card.styles.js +6 -3
  27. package/es/components/code/code_block_annotations.js +1 -1
  28. package/es/components/code/code_block_line.styles.js +1 -2
  29. package/es/components/code/code_syntax.styles.js +24 -28
  30. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  31. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  32. package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  33. package/es/components/color_picker/color_picker.js +4 -3
  34. package/es/components/color_picker/color_picker.styles.js +1 -2
  35. package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  36. package/es/components/combo_box/combo_box.js +11 -1
  37. package/es/components/comment_list/comment.js +1 -1
  38. package/es/components/comment_list/comment_event.js +5 -4
  39. package/es/components/comment_list/comment_list.js +1 -1
  40. package/es/components/common.js +0 -28
  41. package/es/components/datagrid/data_grid.styles.js +6 -7
  42. package/es/components/date_picker/date_picker.styles.js +1 -1
  43. package/es/components/date_picker/date_picker_range.styles.js +1 -1
  44. package/es/components/date_picker/react_date_picker.styles.js +2 -1
  45. package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
  46. package/es/components/drag_and_drop/droppable.styles.js +2 -4
  47. package/es/components/empty_prompt/empty_prompt.js +1 -1
  48. package/es/components/empty_prompt/empty_prompt.styles.js +6 -2
  49. package/es/components/expression/expression.styles.js +13 -13
  50. package/es/components/filter_group/filter_select_item.styles.js +1 -2
  51. package/es/components/flyout/_flyout_close_button.styles.js +2 -3
  52. package/es/components/flyout/flyout.js +1 -1
  53. package/es/components/flyout/flyout.styles.js +8 -3
  54. package/es/components/flyout/flyout_footer.styles.js +1 -1
  55. package/es/components/form/form.styles.js +24 -32
  56. package/es/components/form/range/range_tooltip.styles.js +11 -13
  57. package/es/components/form/switch/switch.js +3 -7
  58. package/es/components/form/switch/switch.styles.js +16 -19
  59. package/es/components/header/header.styles.js +7 -8
  60. package/es/components/icon/icon.styles.js +9 -8
  61. package/es/components/icon/named_colors.js +1 -1
  62. package/es/components/image/image.styles.js +1 -1
  63. package/es/components/image/image_button.styles.js +1 -1
  64. package/es/components/inline_edit/inline_edit_form.styles.js +1 -2
  65. package/es/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  66. package/es/components/link/link.styles.js +6 -6
  67. package/es/components/list_group/list_group_item.styles.js +9 -11
  68. package/es/components/loading/loading_chart.styles.js +18 -5
  69. package/es/components/loading/loading_spinner.styles.js +2 -2
  70. package/es/components/mark/mark.styles.js +2 -9
  71. package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  72. package/es/components/markdown_editor/markdown_format.styles.js +2 -2
  73. package/es/components/modal/modal.styles.js +2 -2
  74. package/es/components/overlay_mask/overlay_mask.styles.js +1 -2
  75. package/es/components/page_template/inner/page_inner.styles.js +3 -3
  76. package/es/components/pagination/pagination.styles.js +2 -2
  77. package/es/components/panel/panel.js +1 -1
  78. package/es/components/panel/panel.styles.js +3 -2
  79. package/es/components/panel/split_panel/split_panel.js +1 -1
  80. package/es/components/popover/popover.js +1 -1
  81. package/es/components/popover/popover_arrow/_popover_arrow.js +8 -3
  82. package/es/components/popover/popover_arrow/_popover_arrow.styles.js +18 -13
  83. package/es/components/popover/popover_footer.styles.js +1 -1
  84. package/es/components/popover/popover_panel/_popover_panel.styles.js +7 -6
  85. package/es/components/progress/progress.js +1 -1
  86. package/es/components/progress/progress.styles.js +30 -28
  87. package/es/components/provider/provider.js +2 -2
  88. package/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
  89. package/es/components/resizable_container/resizable_panel.js +1 -1
  90. package/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  91. package/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  92. package/es/components/side_nav/side_nav_item.styles.js +6 -7
  93. package/es/components/skeleton/utils.js +5 -7
  94. package/es/components/stat/stat.styles.js +5 -5
  95. package/es/components/steps/step_number.styles.js +1 -1
  96. package/es/components/table/table_cells_shared.styles.js +3 -8
  97. package/es/components/table/table_row.styles.js +9 -11
  98. package/es/components/tabs/tab.styles.js +2 -2
  99. package/es/components/text/text.styles.js +2 -2
  100. package/es/components/text/text_color.js +1 -1
  101. package/es/components/text/text_color.styles.js +6 -5
  102. package/es/components/text_diff/text_diff.styles.js +1 -1
  103. package/es/components/toast/toast.styles.js +2 -2
  104. package/es/components/token/token.js +10 -4
  105. package/es/components/token/token.styles.js +14 -5
  106. package/es/components/token/token_map.js +243 -1
  107. package/es/components/tool_tip/tool_tip.styles.js +13 -25
  108. package/es/components/tour/_tour_footer.styles.js +2 -4
  109. package/es/components/tour/tour.styles.js +8 -12
  110. package/es/components/tree_view/tree_view_item.styles.js +1 -2
  111. package/es/global_styling/functions/math.js +1 -49
  112. package/es/global_styling/functions/size.js +1 -17
  113. package/es/global_styling/mixins/_button.js +159 -0
  114. package/es/global_styling/mixins/_color.js +39 -31
  115. package/es/global_styling/mixins/_shadow.js +31 -0
  116. package/es/global_styling/mixins/index.js +3 -1
  117. package/es/global_styling/reset/global_styles.js +3 -3
  118. package/es/global_styling/variables/animations.js +1 -22
  119. package/es/global_styling/variables/breakpoint.js +1 -7
  120. package/es/global_styling/variables/levels.js +1 -17
  121. package/es/global_styling/variables/shadow.js +1 -11
  122. package/es/global_styling/variables/size.js +1 -1
  123. package/es/global_styling/variables/typography.js +1 -32
  124. package/es/services/color/eui_palettes.js +148 -54
  125. package/es/services/color/eui_palettes_hooks.js +74 -0
  126. package/es/services/color/index.js +2 -0
  127. package/es/services/color/vis_color_store.js +13 -0
  128. package/es/services/index.js +2 -1
  129. package/es/services/popover/index.js +4 -1
  130. package/es/services/popover/popover_arrow.styles.js +31 -0
  131. package/es/services/popover/popover_positioning.js +6 -17
  132. package/es/services/theme/context.js +3 -3
  133. package/es/services/theme/provider.js +15 -2
  134. package/es/services/theme/types.js +1 -6
  135. package/es/services/theme/utils.js +1 -303
  136. package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
  137. package/es/themes/amsterdam/global_styling/mixins/button.js +1 -203
  138. package/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
  139. package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  140. package/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
  141. package/es/themes/amsterdam/global_styling/variables/_buttons.js +281 -0
  142. package/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
  143. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
  144. package/es/themes/amsterdam/global_styling/variables/_components.js +619 -0
  145. package/es/themes/amsterdam/global_styling/variables/_forms.js +161 -0
  146. package/es/themes/amsterdam/theme.js +7 -1
  147. package/es/themes/index.js +1 -2
  148. package/es/themes/themes.js +1 -21
  149. package/eui.d.ts +2726 -3183
  150. package/lib/components/avatar/avatar.js +2 -2
  151. package/lib/components/badge/badge.styles.js +1 -2
  152. package/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
  153. package/lib/components/badge/color_utils.js +14 -13
  154. package/lib/components/beacon/beacon.styles.js +2 -2
  155. package/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
  156. package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  157. package/lib/components/button/button.js +1 -1
  158. package/lib/components/button/button_display/_button_display.styles.js +1 -1
  159. package/lib/components/button/button_empty/button_empty.js +1 -1
  160. package/lib/components/button/button_group/button_group_button.js +1 -1
  161. package/lib/components/button/button_group/button_group_button.styles.js +5 -5
  162. package/lib/components/button/button_icon/button_icon.js +1 -1
  163. package/lib/components/button/button_icon/button_icon.styles.js +1 -1
  164. package/lib/components/call_out/call_out.styles.js +4 -4
  165. package/lib/components/card/card.js +1 -1
  166. package/lib/components/card/card.styles.js +5 -2
  167. package/lib/components/code/code_block_annotations.js +1 -1
  168. package/lib/components/code/code_block_line.styles.js +1 -2
  169. package/lib/components/code/code_syntax.styles.js +24 -28
  170. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  171. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  172. package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  173. package/lib/components/color_picker/color_picker.js +3 -2
  174. package/lib/components/color_picker/color_picker.styles.js +1 -2
  175. package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  176. package/lib/components/combo_box/combo_box.js +11 -1
  177. package/lib/components/comment_list/comment.js +1 -1
  178. package/lib/components/comment_list/comment_event.js +5 -4
  179. package/lib/components/comment_list/comment_list.js +1 -1
  180. package/lib/components/common.js +0 -28
  181. package/lib/components/datagrid/data_grid.styles.js +6 -7
  182. package/lib/components/date_picker/date_picker.styles.js +2 -2
  183. package/lib/components/date_picker/date_picker_range.styles.js +2 -2
  184. package/lib/components/date_picker/react_date_picker.styles.js +3 -2
  185. package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
  186. package/lib/components/drag_and_drop/droppable.styles.js +2 -4
  187. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  188. package/lib/components/empty_prompt/empty_prompt.styles.js +5 -1
  189. package/lib/components/expression/expression.styles.js +13 -13
  190. package/lib/components/filter_group/filter_select_item.styles.js +1 -2
  191. package/lib/components/flyout/_flyout_close_button.styles.js +3 -4
  192. package/lib/components/flyout/flyout.js +1 -1
  193. package/lib/components/flyout/flyout.styles.js +8 -3
  194. package/lib/components/flyout/flyout_footer.styles.js +1 -1
  195. package/lib/components/form/form.styles.js +23 -31
  196. package/lib/components/form/range/range_tooltip.styles.js +11 -13
  197. package/lib/components/form/switch/switch.js +3 -7
  198. package/lib/components/form/switch/switch.styles.js +16 -19
  199. package/lib/components/header/header.styles.js +7 -8
  200. package/lib/components/icon/icon.styles.js +9 -8
  201. package/lib/components/icon/named_colors.js +1 -1
  202. package/lib/components/icon/svgs/aggregate.svg +0 -0
  203. package/lib/components/icon/svgs/color.svg +0 -0
  204. package/lib/components/icon/svgs/continuityAbove.svg +0 -0
  205. package/lib/components/icon/svgs/continuityAboveBelow.svg +0 -0
  206. package/lib/components/icon/svgs/continuityBelow.svg +0 -0
  207. package/lib/components/icon/svgs/continuityWithin.svg +0 -0
  208. package/lib/components/icon/svgs/documentation.svg +0 -0
  209. package/lib/components/icon/svgs/eraser.svg +0 -0
  210. package/lib/components/icon/svgs/folder_check.svg +0 -0
  211. package/lib/components/icon/svgs/folder_closed.svg +0 -0
  212. package/lib/components/icon/svgs/folder_exclamation.svg +0 -0
  213. package/lib/components/icon/svgs/folder_open.svg +0 -0
  214. package/lib/components/icon/svgs/fullScreenExit.svg +0 -0
  215. package/lib/components/icon/svgs/function.svg +0 -0
  216. package/lib/components/icon/svgs/layers.svg +0 -0
  217. package/lib/components/icon/svgs/menu.svg +0 -0
  218. package/lib/components/icon/svgs/ml_data_visualizer.svg +0 -0
  219. package/lib/components/icon/svgs/pageSelect.svg +0 -0
  220. package/lib/components/icon/svgs/pagesSelect.svg +0 -0
  221. package/lib/components/icon/svgs/percent.svg +0 -0
  222. package/lib/components/icon/svgs/push.svg +0 -0
  223. package/lib/components/icon/svgs/quote.svg +0 -0
  224. package/lib/components/icon/svgs/reporter.svg +0 -0
  225. package/lib/components/icon/svgs/securitySignal.svg +0 -0
  226. package/lib/components/icon/svgs/securitySignalDetected.svg +0 -0
  227. package/lib/components/icon/svgs/securitySignalResolved.svg +0 -0
  228. package/lib/components/icon/svgs/timeline.svg +0 -0
  229. package/lib/components/icon/svgs/users.svg +0 -0
  230. package/lib/components/icon/svgs/wordWrap.svg +0 -0
  231. package/lib/components/icon/svgs/wordWrapDisabled.svg +0 -0
  232. package/lib/components/image/image.styles.js +2 -2
  233. package/lib/components/image/image_button.styles.js +3 -3
  234. package/lib/components/inline_edit/inline_edit_form.styles.js +1 -2
  235. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  236. package/lib/components/link/link.styles.js +6 -6
  237. package/lib/components/list_group/list_group_item.styles.js +8 -10
  238. package/lib/components/loading/loading_chart.styles.js +18 -5
  239. package/lib/components/loading/loading_spinner.styles.js +2 -2
  240. package/lib/components/mark/mark.styles.js +2 -9
  241. package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  242. package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  243. package/lib/components/modal/modal.styles.js +3 -3
  244. package/lib/components/overlay_mask/overlay_mask.styles.js +1 -2
  245. package/lib/components/page_template/inner/page_inner.styles.js +2 -2
  246. package/lib/components/pagination/pagination.styles.js +2 -2
  247. package/lib/components/panel/panel.js +1 -1
  248. package/lib/components/panel/panel.styles.js +4 -3
  249. package/lib/components/panel/split_panel/split_panel.js +1 -1
  250. package/lib/components/popover/popover.js +1 -1
  251. package/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
  252. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +18 -15
  253. package/lib/components/popover/popover_footer.styles.js +1 -1
  254. package/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  255. package/lib/components/progress/progress.js +1 -1
  256. package/lib/components/progress/progress.styles.js +29 -27
  257. package/lib/components/provider/provider.js +2 -2
  258. package/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  259. package/lib/components/resizable_container/resizable_panel.js +1 -1
  260. package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  261. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  262. package/lib/components/side_nav/side_nav_item.styles.js +6 -7
  263. package/lib/components/skeleton/utils.js +4 -6
  264. package/lib/components/stat/stat.styles.js +5 -5
  265. package/lib/components/steps/step_number.styles.js +1 -1
  266. package/lib/components/table/table_cells_shared.styles.js +3 -8
  267. package/lib/components/table/table_row.styles.js +8 -10
  268. package/lib/components/tabs/tab.styles.js +2 -2
  269. package/lib/components/text/text.styles.js +1 -1
  270. package/lib/components/text/text_color.js +1 -1
  271. package/lib/components/text/text_color.styles.js +6 -5
  272. package/lib/components/text_diff/text_diff.styles.js +1 -1
  273. package/lib/components/toast/toast.styles.js +2 -2
  274. package/lib/components/token/token.js +12 -4
  275. package/lib/components/token/token.styles.js +14 -5
  276. package/lib/components/token/token_map.js +244 -2
  277. package/lib/components/tool_tip/tool_tip.styles.js +12 -24
  278. package/lib/components/tour/_tour_footer.styles.js +2 -4
  279. package/lib/components/tour/tour.styles.js +8 -12
  280. package/lib/components/tree_view/tree_view_item.styles.js +1 -2
  281. package/lib/global_styling/functions/math.js +7 -58
  282. package/lib/global_styling/functions/size.js +7 -26
  283. package/lib/global_styling/mixins/_button.js +164 -0
  284. package/lib/global_styling/mixins/_color.js +38 -30
  285. package/lib/global_styling/mixins/_shadow.js +84 -0
  286. package/lib/global_styling/mixins/index.js +22 -0
  287. package/lib/global_styling/reset/global_styles.js +2 -2
  288. package/lib/global_styling/variables/animations.js +25 -31
  289. package/lib/global_styling/variables/breakpoint.js +7 -16
  290. package/lib/global_styling/variables/levels.js +7 -26
  291. package/lib/global_styling/variables/shadow.js +13 -20
  292. package/lib/global_styling/variables/size.js +7 -10
  293. package/lib/global_styling/variables/typography.js +19 -41
  294. package/lib/services/color/eui_palettes.js +148 -54
  295. package/lib/services/color/eui_palettes_hooks.js +78 -0
  296. package/lib/services/color/index.js +20 -0
  297. package/lib/services/color/vis_color_store.js +18 -0
  298. package/lib/services/index.js +19 -0
  299. package/lib/services/popover/index.js +8 -1
  300. package/lib/services/popover/popover_arrow.styles.js +37 -0
  301. package/lib/services/popover/popover_positioning.js +6 -17
  302. package/lib/services/theme/context.js +3 -3
  303. package/lib/services/theme/provider.js +15 -2
  304. package/lib/services/theme/types.js +13 -14
  305. package/lib/services/theme/utils.js +54 -303
  306. package/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  307. package/lib/themes/amsterdam/global_styling/mixins/button.js +45 -206
  308. package/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  309. package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  310. package/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  311. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +285 -0
  312. package/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  313. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  314. package/lib/themes/amsterdam/global_styling/variables/_components.js +623 -0
  315. package/lib/themes/amsterdam/global_styling/variables/_forms.js +165 -0
  316. package/lib/themes/amsterdam/theme.js +7 -1
  317. package/lib/themes/index.js +4 -11
  318. package/lib/themes/themes.js +1 -23
  319. package/optimize/es/components/avatar/avatar.js +4 -4
  320. package/optimize/es/components/badge/badge.styles.js +1 -2
  321. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
  322. package/optimize/es/components/badge/color_utils.js +9 -8
  323. package/optimize/es/components/beacon/beacon.styles.js +2 -2
  324. package/optimize/es/components/bottom_bar/bottom_bar.styles.js +2 -3
  325. package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  326. package/optimize/es/components/button/button.js +1 -1
  327. package/optimize/es/components/button/button_display/_button_display.styles.js +1 -1
  328. package/optimize/es/components/button/button_empty/button_empty.js +1 -1
  329. package/optimize/es/components/button/button_group/button_group_button.js +1 -1
  330. package/optimize/es/components/button/button_group/button_group_button.styles.js +6 -6
  331. package/optimize/es/components/button/button_icon/button_icon.js +1 -1
  332. package/optimize/es/components/button/button_icon/button_icon.styles.js +1 -1
  333. package/optimize/es/components/call_out/call_out.styles.js +4 -4
  334. package/optimize/es/components/card/card.styles.js +6 -3
  335. package/optimize/es/components/code/code_block_annotations.js +1 -1
  336. package/optimize/es/components/code/code_block_line.styles.js +1 -2
  337. package/optimize/es/components/code/code_syntax.styles.js +24 -28
  338. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  339. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  340. package/optimize/es/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  341. package/optimize/es/components/color_picker/color_picker.js +4 -3
  342. package/optimize/es/components/color_picker/color_picker.styles.js +1 -2
  343. package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  344. package/optimize/es/components/combo_box/combo_box.js +6 -1
  345. package/optimize/es/components/comment_list/comment_event.js +4 -3
  346. package/optimize/es/components/common.js +0 -28
  347. package/optimize/es/components/datagrid/data_grid.styles.js +6 -7
  348. package/optimize/es/components/date_picker/date_picker.styles.js +1 -1
  349. package/optimize/es/components/date_picker/date_picker_range.styles.js +1 -1
  350. package/optimize/es/components/date_picker/react_date_picker.styles.js +2 -1
  351. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
  352. package/optimize/es/components/drag_and_drop/droppable.styles.js +2 -4
  353. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +6 -2
  354. package/optimize/es/components/expression/expression.styles.js +13 -13
  355. package/optimize/es/components/filter_group/filter_select_item.styles.js +1 -2
  356. package/optimize/es/components/flyout/_flyout_close_button.styles.js +2 -3
  357. package/optimize/es/components/flyout/flyout.js +1 -1
  358. package/optimize/es/components/flyout/flyout.styles.js +8 -3
  359. package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
  360. package/optimize/es/components/form/form.styles.js +24 -32
  361. package/optimize/es/components/form/range/range_tooltip.styles.js +11 -13
  362. package/optimize/es/components/form/switch/switch.js +3 -2
  363. package/optimize/es/components/form/switch/switch.styles.js +16 -19
  364. package/optimize/es/components/header/header.styles.js +7 -8
  365. package/optimize/es/components/icon/icon.styles.js +9 -8
  366. package/optimize/es/components/icon/named_colors.js +1 -1
  367. package/optimize/es/components/image/image.styles.js +1 -1
  368. package/optimize/es/components/image/image_button.styles.js +1 -1
  369. package/optimize/es/components/inline_edit/inline_edit_form.styles.js +1 -2
  370. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  371. package/optimize/es/components/link/link.styles.js +6 -6
  372. package/optimize/es/components/list_group/list_group_item.styles.js +9 -11
  373. package/optimize/es/components/loading/loading_chart.styles.js +13 -5
  374. package/optimize/es/components/loading/loading_spinner.styles.js +2 -2
  375. package/optimize/es/components/mark/mark.styles.js +2 -9
  376. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  377. package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -2
  378. package/optimize/es/components/modal/modal.styles.js +2 -2
  379. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +1 -2
  380. package/optimize/es/components/page_template/inner/page_inner.styles.js +3 -3
  381. package/optimize/es/components/pagination/pagination.styles.js +2 -2
  382. package/optimize/es/components/panel/panel.styles.js +3 -2
  383. package/optimize/es/components/popover/popover.js +1 -1
  384. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +8 -3
  385. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +15 -13
  386. package/optimize/es/components/popover/popover_footer.styles.js +1 -1
  387. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +7 -6
  388. package/optimize/es/components/progress/progress.js +1 -1
  389. package/optimize/es/components/progress/progress.styles.js +30 -28
  390. package/optimize/es/components/provider/provider.js +2 -2
  391. package/optimize/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
  392. package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  393. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  394. package/optimize/es/components/side_nav/side_nav_item.styles.js +6 -7
  395. package/optimize/es/components/skeleton/utils.js +5 -7
  396. package/optimize/es/components/stat/stat.styles.js +5 -5
  397. package/optimize/es/components/steps/step_number.styles.js +1 -1
  398. package/optimize/es/components/table/table_cells_shared.styles.js +3 -8
  399. package/optimize/es/components/table/table_row.styles.js +9 -11
  400. package/optimize/es/components/tabs/tab.styles.js +2 -2
  401. package/optimize/es/components/text/text.styles.js +2 -2
  402. package/optimize/es/components/text/text_color.js +1 -1
  403. package/optimize/es/components/text/text_color.styles.js +6 -5
  404. package/optimize/es/components/text_diff/text_diff.styles.js +1 -1
  405. package/optimize/es/components/toast/toast.styles.js +2 -2
  406. package/optimize/es/components/token/token.js +10 -4
  407. package/optimize/es/components/token/token.styles.js +14 -5
  408. package/optimize/es/components/token/token_map.js +243 -1
  409. package/optimize/es/components/tool_tip/tool_tip.styles.js +13 -25
  410. package/optimize/es/components/tour/_tour_footer.styles.js +2 -4
  411. package/optimize/es/components/tour/tour.styles.js +8 -12
  412. package/optimize/es/components/tree_view/tree_view_item.styles.js +1 -2
  413. package/optimize/es/global_styling/functions/math.js +1 -49
  414. package/optimize/es/global_styling/functions/size.js +1 -17
  415. package/optimize/es/global_styling/mixins/_button.js +159 -0
  416. package/optimize/es/global_styling/mixins/_color.js +39 -31
  417. package/optimize/es/global_styling/mixins/_shadow.js +31 -0
  418. package/optimize/es/global_styling/mixins/index.js +3 -1
  419. package/optimize/es/global_styling/reset/global_styles.js +3 -3
  420. package/optimize/es/global_styling/variables/animations.js +1 -22
  421. package/optimize/es/global_styling/variables/breakpoint.js +1 -7
  422. package/optimize/es/global_styling/variables/levels.js +1 -17
  423. package/optimize/es/global_styling/variables/shadow.js +1 -11
  424. package/optimize/es/global_styling/variables/size.js +1 -1
  425. package/optimize/es/global_styling/variables/typography.js +1 -32
  426. package/optimize/es/services/color/eui_palettes.js +148 -54
  427. package/optimize/es/services/color/eui_palettes_hooks.js +71 -0
  428. package/optimize/es/services/color/index.js +2 -0
  429. package/optimize/es/services/color/vis_color_store.js +13 -0
  430. package/optimize/es/services/index.js +2 -1
  431. package/optimize/es/services/popover/index.js +4 -1
  432. package/optimize/es/services/popover/popover_arrow.styles.js +31 -0
  433. package/optimize/es/services/popover/popover_positioning.js +6 -17
  434. package/optimize/es/services/theme/context.js +3 -3
  435. package/optimize/es/services/theme/provider.js +15 -2
  436. package/optimize/es/services/theme/types.js +1 -6
  437. package/optimize/es/services/theme/utils.js +1 -295
  438. package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
  439. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +1 -198
  440. package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
  441. package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  442. package/optimize/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
  443. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +270 -0
  444. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
  445. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
  446. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +611 -0
  447. package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +153 -0
  448. package/optimize/es/themes/amsterdam/theme.js +7 -1
  449. package/optimize/es/themes/index.js +1 -2
  450. package/optimize/es/themes/themes.js +1 -21
  451. package/optimize/lib/components/avatar/avatar.js +2 -2
  452. package/optimize/lib/components/badge/badge.styles.js +1 -2
  453. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
  454. package/optimize/lib/components/badge/color_utils.js +14 -13
  455. package/optimize/lib/components/beacon/beacon.styles.js +2 -2
  456. package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
  457. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  458. package/optimize/lib/components/button/button.js +1 -1
  459. package/optimize/lib/components/button/button_display/_button_display.styles.js +1 -1
  460. package/optimize/lib/components/button/button_empty/button_empty.js +1 -1
  461. package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
  462. package/optimize/lib/components/button/button_group/button_group_button.styles.js +5 -5
  463. package/optimize/lib/components/button/button_icon/button_icon.js +1 -1
  464. package/optimize/lib/components/button/button_icon/button_icon.styles.js +1 -1
  465. package/optimize/lib/components/call_out/call_out.styles.js +4 -4
  466. package/optimize/lib/components/card/card.styles.js +5 -2
  467. package/optimize/lib/components/code/code_block_annotations.js +1 -1
  468. package/optimize/lib/components/code/code_block_line.styles.js +1 -2
  469. package/optimize/lib/components/code/code_syntax.styles.js +24 -28
  470. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  471. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  472. package/optimize/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  473. package/optimize/lib/components/color_picker/color_picker.js +3 -2
  474. package/optimize/lib/components/color_picker/color_picker.styles.js +1 -2
  475. package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  476. package/optimize/lib/components/combo_box/combo_box.js +6 -1
  477. package/optimize/lib/components/comment_list/comment_event.js +4 -3
  478. package/optimize/lib/components/common.js +0 -28
  479. package/optimize/lib/components/datagrid/data_grid.styles.js +6 -7
  480. package/optimize/lib/components/date_picker/date_picker.styles.js +2 -2
  481. package/optimize/lib/components/date_picker/date_picker_range.styles.js +2 -2
  482. package/optimize/lib/components/date_picker/react_date_picker.styles.js +3 -2
  483. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
  484. package/optimize/lib/components/drag_and_drop/droppable.styles.js +2 -4
  485. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +5 -1
  486. package/optimize/lib/components/expression/expression.styles.js +13 -13
  487. package/optimize/lib/components/filter_group/filter_select_item.styles.js +1 -2
  488. package/optimize/lib/components/flyout/_flyout_close_button.styles.js +3 -4
  489. package/optimize/lib/components/flyout/flyout.js +1 -1
  490. package/optimize/lib/components/flyout/flyout.styles.js +8 -3
  491. package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
  492. package/optimize/lib/components/form/form.styles.js +23 -31
  493. package/optimize/lib/components/form/range/range_tooltip.styles.js +11 -13
  494. package/optimize/lib/components/form/switch/switch.js +3 -2
  495. package/optimize/lib/components/form/switch/switch.styles.js +16 -19
  496. package/optimize/lib/components/header/header.styles.js +7 -8
  497. package/optimize/lib/components/icon/icon.styles.js +9 -8
  498. package/optimize/lib/components/icon/named_colors.js +1 -1
  499. package/optimize/lib/components/icon/svgs/aggregate.svg +0 -0
  500. package/optimize/lib/components/icon/svgs/color.svg +0 -0
  501. package/optimize/lib/components/icon/svgs/continuityAbove.svg +0 -0
  502. package/optimize/lib/components/icon/svgs/continuityAboveBelow.svg +0 -0
  503. package/optimize/lib/components/icon/svgs/continuityBelow.svg +0 -0
  504. package/optimize/lib/components/icon/svgs/continuityWithin.svg +0 -0
  505. package/optimize/lib/components/icon/svgs/documentation.svg +0 -0
  506. package/optimize/lib/components/icon/svgs/eraser.svg +0 -0
  507. package/optimize/lib/components/icon/svgs/folder_check.svg +0 -0
  508. package/optimize/lib/components/icon/svgs/folder_closed.svg +0 -0
  509. package/optimize/lib/components/icon/svgs/folder_exclamation.svg +0 -0
  510. package/optimize/lib/components/icon/svgs/folder_open.svg +0 -0
  511. package/optimize/lib/components/icon/svgs/fullScreenExit.svg +0 -0
  512. package/optimize/lib/components/icon/svgs/function.svg +0 -0
  513. package/optimize/lib/components/icon/svgs/layers.svg +0 -0
  514. package/optimize/lib/components/icon/svgs/menu.svg +0 -0
  515. package/optimize/lib/components/icon/svgs/ml_data_visualizer.svg +0 -0
  516. package/optimize/lib/components/icon/svgs/pageSelect.svg +0 -0
  517. package/optimize/lib/components/icon/svgs/pagesSelect.svg +0 -0
  518. package/optimize/lib/components/icon/svgs/percent.svg +0 -0
  519. package/optimize/lib/components/icon/svgs/push.svg +0 -0
  520. package/optimize/lib/components/icon/svgs/quote.svg +0 -0
  521. package/optimize/lib/components/icon/svgs/reporter.svg +0 -0
  522. package/optimize/lib/components/icon/svgs/securitySignal.svg +0 -0
  523. package/optimize/lib/components/icon/svgs/securitySignalDetected.svg +0 -0
  524. package/optimize/lib/components/icon/svgs/securitySignalResolved.svg +0 -0
  525. package/optimize/lib/components/icon/svgs/timeline.svg +0 -0
  526. package/optimize/lib/components/icon/svgs/users.svg +0 -0
  527. package/optimize/lib/components/icon/svgs/wordWrap.svg +0 -0
  528. package/optimize/lib/components/icon/svgs/wordWrapDisabled.svg +0 -0
  529. package/optimize/lib/components/image/image.styles.js +2 -2
  530. package/optimize/lib/components/image/image_button.styles.js +3 -3
  531. package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +1 -2
  532. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  533. package/optimize/lib/components/link/link.styles.js +6 -6
  534. package/optimize/lib/components/list_group/list_group_item.styles.js +8 -10
  535. package/optimize/lib/components/loading/loading_chart.styles.js +13 -5
  536. package/optimize/lib/components/loading/loading_spinner.styles.js +2 -2
  537. package/optimize/lib/components/mark/mark.styles.js +2 -9
  538. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  539. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  540. package/optimize/lib/components/modal/modal.styles.js +3 -3
  541. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +1 -2
  542. package/optimize/lib/components/page_template/inner/page_inner.styles.js +2 -2
  543. package/optimize/lib/components/pagination/pagination.styles.js +2 -2
  544. package/optimize/lib/components/panel/panel.styles.js +4 -3
  545. package/optimize/lib/components/popover/popover.js +1 -1
  546. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
  547. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
  548. package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
  549. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  550. package/optimize/lib/components/progress/progress.js +1 -1
  551. package/optimize/lib/components/progress/progress.styles.js +29 -27
  552. package/optimize/lib/components/provider/provider.js +2 -2
  553. package/optimize/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  554. package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  555. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  556. package/optimize/lib/components/side_nav/side_nav_item.styles.js +6 -7
  557. package/optimize/lib/components/skeleton/utils.js +4 -6
  558. package/optimize/lib/components/stat/stat.styles.js +5 -5
  559. package/optimize/lib/components/steps/step_number.styles.js +1 -1
  560. package/optimize/lib/components/table/table_cells_shared.styles.js +3 -8
  561. package/optimize/lib/components/table/table_row.styles.js +8 -10
  562. package/optimize/lib/components/tabs/tab.styles.js +2 -2
  563. package/optimize/lib/components/text/text.styles.js +1 -1
  564. package/optimize/lib/components/text/text_color.js +1 -1
  565. package/optimize/lib/components/text/text_color.styles.js +6 -5
  566. package/optimize/lib/components/text_diff/text_diff.styles.js +1 -1
  567. package/optimize/lib/components/toast/toast.styles.js +2 -2
  568. package/optimize/lib/components/token/token.js +13 -4
  569. package/optimize/lib/components/token/token.styles.js +14 -5
  570. package/optimize/lib/components/token/token_map.js +244 -2
  571. package/optimize/lib/components/tool_tip/tool_tip.styles.js +12 -24
  572. package/optimize/lib/components/tour/_tour_footer.styles.js +2 -4
  573. package/optimize/lib/components/tour/tour.styles.js +8 -12
  574. package/optimize/lib/components/tree_view/tree_view_item.styles.js +1 -2
  575. package/optimize/lib/global_styling/functions/math.js +7 -59
  576. package/optimize/lib/global_styling/functions/size.js +7 -27
  577. package/optimize/lib/global_styling/mixins/_button.js +165 -0
  578. package/optimize/lib/global_styling/mixins/_color.js +38 -30
  579. package/optimize/lib/global_styling/mixins/_shadow.js +84 -0
  580. package/optimize/lib/global_styling/mixins/index.js +22 -0
  581. package/optimize/lib/global_styling/reset/global_styles.js +2 -2
  582. package/optimize/lib/global_styling/variables/animations.js +25 -31
  583. package/optimize/lib/global_styling/variables/breakpoint.js +7 -16
  584. package/optimize/lib/global_styling/variables/levels.js +7 -26
  585. package/optimize/lib/global_styling/variables/shadow.js +13 -20
  586. package/optimize/lib/global_styling/variables/size.js +7 -10
  587. package/optimize/lib/global_styling/variables/typography.js +19 -41
  588. package/optimize/lib/services/color/eui_palettes.js +148 -54
  589. package/optimize/lib/services/color/eui_palettes_hooks.js +76 -0
  590. package/optimize/lib/services/color/index.js +20 -0
  591. package/optimize/lib/services/color/vis_color_store.js +18 -0
  592. package/optimize/lib/services/index.js +19 -0
  593. package/optimize/lib/services/popover/index.js +8 -1
  594. package/optimize/lib/services/popover/popover_arrow.styles.js +37 -0
  595. package/optimize/lib/services/popover/popover_positioning.js +6 -17
  596. package/optimize/lib/services/theme/context.js +3 -3
  597. package/optimize/lib/services/theme/provider.js +15 -2
  598. package/optimize/lib/services/theme/types.js +13 -14
  599. package/optimize/lib/services/theme/utils.js +54 -296
  600. package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  601. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +45 -203
  602. package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  603. package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  604. package/optimize/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  605. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
  606. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  607. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  608. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +616 -0
  609. package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +158 -0
  610. package/optimize/lib/themes/amsterdam/theme.js +7 -1
  611. package/optimize/lib/themes/index.js +4 -11
  612. package/optimize/lib/themes/themes.js +1 -23
  613. package/package.json +8 -4
  614. package/src/global_styling/functions/_colors.scss +3 -3
  615. package/src/global_styling/functions/_index.scss +1 -5
  616. package/src/global_styling/index.scss +1 -10
  617. package/src/global_styling/mixins/_shadow.scss +1 -1
  618. package/src/global_styling/mixins/_typography.scss +2 -2
  619. package/src/global_styling/variables/_animations.scss +1 -8
  620. package/src/global_styling/variables/_borders.scss +1 -9
  621. package/src/global_styling/variables/_buttons.scss +1 -18
  622. package/src/global_styling/variables/_font_weight.scss +1 -7
  623. package/src/global_styling/variables/_form.scss +2 -21
  624. package/src/global_styling/variables/_index.scss +0 -1
  625. package/src/global_styling/variables/_responsive.scss +1 -9
  626. package/src/global_styling/variables/_shadows.scss +1 -1
  627. package/src/global_styling/variables/_size.scss +1 -13
  628. package/src/global_styling/variables/_states.scss +1 -14
  629. package/src/global_styling/variables/_typography.scss +1 -75
  630. package/src/global_styling/variables/_z_index.scss +1 -33
  631. package/src/themes/amsterdam/_colors_dark.scss +80 -8
  632. package/src/themes/amsterdam/_colors_light.scss +80 -8
  633. package/src/themes/amsterdam/global_styling/variables/_forms.scss +12 -0
  634. package/src/themes/amsterdam/global_styling/variables/_index.scss +2 -0
  635. package/test-env/components/avatar/avatar.js +2 -2
  636. package/test-env/components/badge/badge.styles.js +1 -2
  637. package/test-env/components/badge/beta_badge/beta_badge.styles.js +3 -1
  638. package/test-env/components/badge/color_utils.js +14 -13
  639. package/test-env/components/beacon/beacon.styles.js +2 -2
  640. package/test-env/components/bottom_bar/bottom_bar.styles.js +2 -3
  641. package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  642. package/test-env/components/button/button.js +1 -1
  643. package/test-env/components/button/button_display/_button_display.styles.js +1 -1
  644. package/test-env/components/button/button_empty/button_empty.js +1 -1
  645. package/test-env/components/button/button_group/button_group_button.js +1 -1
  646. package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
  647. package/test-env/components/button/button_icon/button_icon.js +1 -1
  648. package/test-env/components/button/button_icon/button_icon.styles.js +1 -1
  649. package/test-env/components/call_out/call_out.styles.js +4 -4
  650. package/test-env/components/card/card.js +1 -1
  651. package/test-env/components/card/card.styles.js +5 -2
  652. package/test-env/components/code/code_block_annotations.js +1 -1
  653. package/test-env/components/code/code_block_line.styles.js +1 -2
  654. package/test-env/components/code/code_syntax.styles.js +24 -28
  655. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  656. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  657. package/test-env/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  658. package/test-env/components/color_picker/color_picker.js +3 -2
  659. package/test-env/components/color_picker/color_picker.styles.js +1 -2
  660. package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
  661. package/test-env/components/combo_box/combo_box.js +6 -1
  662. package/test-env/components/comment_list/comment.js +1 -1
  663. package/test-env/components/comment_list/comment_event.js +5 -4
  664. package/test-env/components/comment_list/comment_list.js +1 -1
  665. package/test-env/components/common.js +0 -28
  666. package/test-env/components/datagrid/data_grid.styles.js +6 -7
  667. package/test-env/components/date_picker/date_picker.styles.js +2 -2
  668. package/test-env/components/date_picker/date_picker_range.styles.js +2 -2
  669. package/test-env/components/date_picker/react_date_picker.styles.js +3 -2
  670. package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
  671. package/test-env/components/drag_and_drop/droppable.styles.js +2 -4
  672. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  673. package/test-env/components/empty_prompt/empty_prompt.styles.js +5 -1
  674. package/test-env/components/expression/expression.styles.js +13 -13
  675. package/test-env/components/filter_group/filter_select_item.styles.js +1 -2
  676. package/test-env/components/flyout/_flyout_close_button.styles.js +3 -4
  677. package/test-env/components/flyout/flyout.styles.js +8 -3
  678. package/test-env/components/flyout/flyout_footer.styles.js +1 -1
  679. package/test-env/components/form/form.styles.js +23 -31
  680. package/test-env/components/form/range/range_tooltip.styles.js +11 -13
  681. package/test-env/components/form/switch/switch.js +3 -2
  682. package/test-env/components/form/switch/switch.styles.js +16 -19
  683. package/test-env/components/header/header.styles.js +7 -8
  684. package/test-env/components/icon/icon.styles.js +9 -8
  685. package/test-env/components/icon/named_colors.js +1 -1
  686. package/test-env/components/image/image.styles.js +2 -2
  687. package/test-env/components/image/image_button.styles.js +3 -3
  688. package/test-env/components/inline_edit/inline_edit_form.styles.js +1 -2
  689. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  690. package/test-env/components/link/link.styles.js +6 -6
  691. package/test-env/components/list_group/list_group_item.styles.js +8 -10
  692. package/test-env/components/loading/loading_chart.styles.js +13 -5
  693. package/test-env/components/loading/loading_spinner.styles.js +2 -2
  694. package/test-env/components/mark/mark.styles.js +2 -9
  695. package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  696. package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
  697. package/test-env/components/modal/modal.styles.js +3 -3
  698. package/test-env/components/overlay_mask/overlay_mask.styles.js +1 -2
  699. package/test-env/components/page_template/inner/page_inner.styles.js +2 -2
  700. package/test-env/components/pagination/pagination.styles.js +2 -2
  701. package/test-env/components/panel/panel.js +1 -1
  702. package/test-env/components/panel/panel.styles.js +4 -3
  703. package/test-env/components/panel/split_panel/split_panel.js +1 -1
  704. package/test-env/components/popover/popover.js +1 -1
  705. package/test-env/components/popover/popover_arrow/_popover_arrow.js +8 -3
  706. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
  707. package/test-env/components/popover/popover_footer.styles.js +1 -1
  708. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  709. package/test-env/components/progress/progress.js +1 -1
  710. package/test-env/components/progress/progress.styles.js +29 -27
  711. package/test-env/components/provider/provider.js +2 -2
  712. package/test-env/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  713. package/test-env/components/resizable_container/resizable_panel.js +1 -1
  714. package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  715. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  716. package/test-env/components/side_nav/side_nav_item.styles.js +6 -7
  717. package/test-env/components/skeleton/utils.js +4 -6
  718. package/test-env/components/stat/stat.styles.js +5 -5
  719. package/test-env/components/steps/step_number.styles.js +1 -1
  720. package/test-env/components/table/table_cells_shared.styles.js +3 -8
  721. package/test-env/components/table/table_row.styles.js +8 -10
  722. package/test-env/components/tabs/tab.styles.js +2 -2
  723. package/test-env/components/text/text.styles.js +1 -1
  724. package/test-env/components/text/text_color.js +1 -1
  725. package/test-env/components/text/text_color.styles.js +6 -5
  726. package/test-env/components/text_diff/text_diff.styles.js +1 -1
  727. package/test-env/components/toast/toast.styles.js +2 -2
  728. package/test-env/components/token/token.js +13 -4
  729. package/test-env/components/token/token.styles.js +14 -5
  730. package/test-env/components/token/token_map.js +244 -2
  731. package/test-env/components/tool_tip/tool_tip.styles.js +12 -24
  732. package/test-env/components/tour/_tour_footer.styles.js +2 -4
  733. package/test-env/components/tour/tour.styles.js +8 -12
  734. package/test-env/components/tree_view/tree_view_item.styles.js +1 -2
  735. package/test-env/global_styling/functions/math.js +7 -59
  736. package/test-env/global_styling/functions/size.js +7 -27
  737. package/test-env/global_styling/mixins/_button.js +165 -0
  738. package/test-env/global_styling/mixins/_color.js +38 -30
  739. package/test-env/global_styling/mixins/_shadow.js +84 -0
  740. package/test-env/global_styling/mixins/index.js +22 -0
  741. package/test-env/global_styling/reset/global_styles.js +2 -2
  742. package/test-env/global_styling/variables/animations.js +25 -31
  743. package/test-env/global_styling/variables/breakpoint.js +7 -16
  744. package/test-env/global_styling/variables/levels.js +7 -26
  745. package/test-env/global_styling/variables/shadow.js +13 -20
  746. package/test-env/global_styling/variables/size.js +7 -10
  747. package/test-env/global_styling/variables/typography.js +19 -41
  748. package/test-env/services/breakpoint/current_breakpoint_hook.js +3 -3
  749. package/test-env/services/color/eui_palettes.js +148 -54
  750. package/test-env/services/color/eui_palettes_hooks.js +76 -0
  751. package/test-env/services/color/index.js +20 -0
  752. package/test-env/services/color/vis_color_store.js +18 -0
  753. package/test-env/services/index.js +19 -0
  754. package/test-env/services/popover/index.js +8 -1
  755. package/test-env/services/popover/popover_arrow.styles.js +37 -0
  756. package/test-env/services/popover/popover_positioning.js +6 -17
  757. package/test-env/services/theme/context.js +3 -3
  758. package/test-env/services/theme/provider.js +15 -2
  759. package/test-env/services/theme/types.js +13 -14
  760. package/test-env/services/theme/utils.js +54 -296
  761. package/test-env/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  762. package/test-env/themes/amsterdam/global_styling/mixins/button.js +45 -203
  763. package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  764. package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  765. package/test-env/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  766. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
  767. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  768. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  769. package/test-env/themes/amsterdam/global_styling/variables/_components.js +616 -0
  770. package/test-env/themes/amsterdam/global_styling/variables/_forms.js +158 -0
  771. package/test-env/themes/amsterdam/theme.js +7 -1
  772. package/test-env/themes/index.js +4 -11
  773. package/test-env/themes/themes.js +1 -23
  774. package/es/global_styling/variables/_colors_vis.js +0 -61
  775. package/lib/global_styling/variables/_colors_vis.js +0 -67
  776. package/optimize/es/global_styling/variables/_colors_vis.js +0 -61
  777. package/optimize/lib/global_styling/variables/_colors_vis.js +0 -67
  778. package/test-env/global_styling/variables/_colors_vis.js +0 -67
  779. /package/src/{global_styling → themes/amsterdam/global_styling}/variables/_colors_vis.scss +0 -0
@@ -1,4 +1,4 @@
1
- declare module '@elastic/eui/dist/eui_theme_dark.json' {
1
+ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
2
2
  const sassVariables: {
3
3
  euiZDataGrid: number;
4
4
  euiZHeaderBelowDataGrid: number;
@@ -39,75 +39,13 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
39
39
  euiButtonTypes: {
40
40
  primary: string;
41
41
  accent: string;
42
+ accentSecondary: string;
42
43
  success: string;
43
44
  warning: string;
44
45
  danger: string;
45
46
  ghost: string;
46
47
  text: string;
47
48
  };
48
- euiPaletteColorBlind: {
49
- euiColorVis0: {
50
- graphic: string;
51
- behindText: string;
52
- };
53
- euiColorVis1: {
54
- graphic: string;
55
- behindText: string;
56
- };
57
- euiColorVis2: {
58
- graphic: string;
59
- behindText: string;
60
- };
61
- euiColorVis3: {
62
- graphic: string;
63
- behindText: string;
64
- };
65
- euiColorVis4: {
66
- graphic: string;
67
- behindText: string;
68
- };
69
- euiColorVis5: {
70
- graphic: string;
71
- behindText: string;
72
- };
73
- euiColorVis6: {
74
- graphic: string;
75
- behindText: string;
76
- };
77
- euiColorVis7: {
78
- graphic: string;
79
- behindText: string;
80
- };
81
- euiColorVis8: {
82
- graphic: string;
83
- behindText: string;
84
- };
85
- euiColorVis9: {
86
- graphic: string;
87
- behindText: string;
88
- };
89
- };
90
- euiPaletteColorBlindKeys: string;
91
- euiColorVis0: string;
92
- euiColorVis1: string;
93
- euiColorVis2: string;
94
- euiColorVis3: string;
95
- euiColorVis4: string;
96
- euiColorVis5: string;
97
- euiColorVis6: string;
98
- euiColorVis7: string;
99
- euiColorVis8: string;
100
- euiColorVis9: string;
101
- euiColorVis0_behindText: string;
102
- euiColorVis1_behindText: string;
103
- euiColorVis2_behindText: string;
104
- euiColorVis3_behindText: string;
105
- euiColorVis4_behindText: string;
106
- euiColorVis5_behindText: string;
107
- euiColorVis6_behindText: string;
108
- euiColorVis7_behindText: string;
109
- euiColorVis8_behindText: string;
110
- euiColorVis9_behindText: string;
111
49
  euiFontWeightLight: number;
112
50
  euiFontWeightRegular: number;
113
51
  euiFontWeightMedium: number;
@@ -182,6 +120,7 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
182
120
  plain: string;
183
121
  subdued: string;
184
122
  accent: string;
123
+ accentSecondary: string;
185
124
  primary: string;
186
125
  success: string;
187
126
  warning: string;
@@ -279,10 +218,123 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
279
218
  euiZFlyout: number;
280
219
  euiZMaskBelowHeader: number;
281
220
  euiZContent: number;
221
+ euiPaletteColorBlind: {
222
+ euiColorVis0: {
223
+ graphic: string;
224
+ behindText: string;
225
+ };
226
+ euiColorVis1: {
227
+ graphic: string;
228
+ behindText: string;
229
+ };
230
+ euiColorVis2: {
231
+ graphic: string;
232
+ behindText: string;
233
+ };
234
+ euiColorVis3: {
235
+ graphic: string;
236
+ behindText: string;
237
+ };
238
+ euiColorVis4: {
239
+ graphic: string;
240
+ behindText: string;
241
+ };
242
+ euiColorVis5: {
243
+ graphic: string;
244
+ behindText: string;
245
+ };
246
+ euiColorVis6: {
247
+ graphic: string;
248
+ behindText: string;
249
+ };
250
+ euiColorVis7: {
251
+ graphic: string;
252
+ behindText: string;
253
+ };
254
+ euiColorVis8: {
255
+ graphic: string;
256
+ behindText: string;
257
+ };
258
+ euiColorVis9: {
259
+ graphic: string;
260
+ behindText: string;
261
+ };
262
+ };
263
+ euiPaletteColorBlindKeys: string;
264
+ euiColorVis0: string;
265
+ euiColorVis1: string;
266
+ euiColorVis2: string;
267
+ euiColorVis3: string;
268
+ euiColorVis4: string;
269
+ euiColorVis5: string;
270
+ euiColorVis6: string;
271
+ euiColorVis7: string;
272
+ euiColorVis8: string;
273
+ euiColorVis9: string;
274
+ euiColorVis0_behindText: string;
275
+ euiColorVis1_behindText: string;
276
+ euiColorVis2_behindText: string;
277
+ euiColorVis3_behindText: string;
278
+ euiColorVis4_behindText: string;
279
+ euiColorVis5_behindText: string;
280
+ euiColorVis6_behindText: string;
281
+ euiColorVis7_behindText: string;
282
+ euiColorVis8_behindText: string;
283
+ euiColorVis9_behindText: string;
284
+ euiColorVisAsTextLight0: string;
285
+ euiColorVisAsTextLight1: string;
286
+ euiColorVisAsTextLight2: string;
287
+ euiColorVisAsTextLight3: string;
288
+ euiColorVisAsTextLight4: string;
289
+ euiColorVisAsTextLight5: string;
290
+ euiColorVisAsTextLight6: string;
291
+ euiColorVisAsTextDark0: string;
292
+ euiColorVisAsTextDark1: string;
293
+ euiColorVisAsTextDark2: string;
294
+ euiColorVisAsTextDark3: string;
295
+ euiColorVisAsTextDark4: string;
296
+ euiColorVisAsTextDark5: string;
297
+ euiColorVisAsTextDark6: string;
298
+ euiColorVisSuccess0: string;
299
+ euiColorVisSuccess1: string;
300
+ euiColorVisWarning0: string;
301
+ euiColorVisDanger0: string;
302
+ euiColorVisDanger1: string;
303
+ euiColorVisNeutral0: string;
304
+ euiColorVisGrey0: string;
305
+ euiColorVisGrey1: string;
306
+ euiColorVisGrey2: string;
307
+ euiColorVisGrey3: string;
308
+ euiColorVisWarm0: string;
309
+ euiColorVisWarm1: string;
310
+ euiColorVisWarm2: string;
311
+ euiColorVisCool0: string;
312
+ euiColorVisCool1: string;
313
+ euiColorVisCool2: string;
314
+ euiColorVisComplementary0: string;
315
+ euiColorVisComplementary1: string;
316
+ euiColorSeverity0: string;
317
+ euiColorSeverity1: string;
318
+ euiColorSeverity2: string;
319
+ euiColorSeverity3: string;
320
+ euiColorSeverity4: string;
321
+ euiColorSeverity5: string;
322
+ euiColorSeverity6: string;
323
+ euiColorSeverity7: string;
324
+ euiColorSeverity8: string;
325
+ euiColorSeverity9: string;
326
+ euiColorSeverity10: string;
327
+ euiColorSeverity11: string;
328
+ euiColorSeverity12: string;
329
+ euiColorSeverity13: string;
330
+ euiColorSeverity14: string;
331
+ euiColorChartLines: string;
332
+ euiColorChartBand: string;
282
333
  euiColorGhost: string;
283
334
  euiColorInk: string;
284
335
  euiColorPrimary: string;
285
336
  euiColorAccent: string;
337
+ euiColorAccentSecondary: string;
286
338
  euiColorSuccess: string;
287
339
  euiColorWarning: string;
288
340
  euiColorDanger: string;
@@ -306,8 +358,68 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
306
358
  euiColorDangerText: string;
307
359
  euiColorDisabledText: string;
308
360
  euiLinkColor: string;
309
- euiColorChartLines: string;
310
- euiColorChartBand: string;
361
+ euiColorPlainLight: string;
362
+ euiColorPlainDark: string;
363
+ euiColorTextPrimary: string;
364
+ euiColorTextAccent: string;
365
+ euiColorTextAccentSecondary: string;
366
+ euiColorTextSuccess: string;
367
+ euiColorTextWarning: string;
368
+ euiColorTextDanger: string;
369
+ euiColorTextParagraph: string;
370
+ euiColorTextHeading: string;
371
+ euiColorTextSubdued: string;
372
+ euiColorTextDisabled: string;
373
+ euiColorTextInverse: string;
374
+ euiColorBackgroundBasePrimary: string;
375
+ euiColorBackgroundBaseAccent: string;
376
+ euiColorBackgroundBaseAccentSecondary: string;
377
+ euiColorBackgroundBaseSuccess: string;
378
+ euiColorBackgroundBaseWarning: string;
379
+ euiColorBackgroundBaseDanger: string;
380
+ euiColorBackgroundBaseSubdued: string;
381
+ euiColorBackgroundBasePlain: string;
382
+ euiColorBackgroundBaseDisabled: string;
383
+ euiColorBackgroundBaseHighlighted: string;
384
+ euiColorBackgroundBaseFormsPrepend: string;
385
+ euiColorBackgroundBaseFormsControlDisabled: string;
386
+ euiColorBackgroundBaseInteractiveHover: string;
387
+ euiColorBackgroundBaseInteractiveSelect: string;
388
+ euiColorBackgroundBaseInteractiveOverlay: string;
389
+ euiColorBackgroundBaseSkeletonEdge: string;
390
+ euiColorBackgroundBaseSkeletonMiddle: string;
391
+ euiColorBackgroundLightPrimary: string;
392
+ euiColorBackgroundLightAccent: string;
393
+ euiColorBackgroundLightAccentSecondary: string;
394
+ euiColorBackgroundLightSuccess: string;
395
+ euiColorBackgroundLightWarning: string;
396
+ euiColorBackgroundLightDanger: string;
397
+ euiColorBackgroundLightText: string;
398
+ euiColorBackgroundFilledPrimary: string;
399
+ euiColorBackgroundFilledAccent: string;
400
+ euiColorBackgroundFilledAccentSecondary: string;
401
+ euiColorBackgroundFilledSuccess: string;
402
+ euiColorBackgroundFilledWarning: string;
403
+ euiColorBackgroundFilledDanger: string;
404
+ euiColorBackgroundFilledText: string;
405
+ euiColorBorderBasePrimary: string;
406
+ euiColorBorderBaseAccent: string;
407
+ euiColorBorderBaseAccentSecondary: string;
408
+ euiColorBorderBaseSuccess: string;
409
+ euiColorBorderBaseWarning: string;
410
+ euiColorBorderBaseDanger: string;
411
+ euiColorBorderBasePlain: string;
412
+ euiColorBorderBaseSubdued: string;
413
+ euiColorBorderBaseDisabled: string;
414
+ euiColorBorderBaseFloating: string;
415
+ euiColorBorderBaseFormsColorSwatch: string;
416
+ euiColorBorderBaseFormsControl: string;
417
+ euiColorBorderStrongPrimary: string;
418
+ euiColorBorderStrongAccent: string;
419
+ euiColorBorderStrongAccentSecondary: string;
420
+ euiColorBorderStrongSuccess: string;
421
+ euiColorBorderStrongWarning: string;
422
+ euiColorBorderStrongDanger: string;
311
423
  };
312
424
  export default sassVariables;
313
425
  }