@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
@@ -38,75 +38,13 @@
38
38
  "euiButtonTypes": {
39
39
  "primary": "#0077cc",
40
40
  "accent": "#f04e98",
41
+ "accentSecondary": "#00bfb3",
41
42
  "success": "#00bfb3",
42
43
  "warning": "#fec514",
43
44
  "danger": "#bd271e",
44
45
  "ghost": "#ffffff",
45
46
  "text": "#69707d"
46
47
  },
47
- "euiPaletteColorBlind": {
48
- "euiColorVis0": {
49
- "graphic": "#54b399",
50
- "behindText": "#6dccb1"
51
- },
52
- "euiColorVis1": {
53
- "graphic": "#6092c0",
54
- "behindText": "#79aad9"
55
- },
56
- "euiColorVis2": {
57
- "graphic": "#d36086",
58
- "behindText": "#ee789d"
59
- },
60
- "euiColorVis3": {
61
- "graphic": "#9170b8",
62
- "behindText": "#a987d1"
63
- },
64
- "euiColorVis4": {
65
- "graphic": "#ca8eae",
66
- "behindText": "#e4a6c7"
67
- },
68
- "euiColorVis5": {
69
- "graphic": "#d6bf57",
70
- "behindText": "#f1d86f"
71
- },
72
- "euiColorVis6": {
73
- "graphic": "#b9a888",
74
- "behindText": "#d2c0a0"
75
- },
76
- "euiColorVis7": {
77
- "graphic": "#da8b45",
78
- "behindText": "#f5a35c"
79
- },
80
- "euiColorVis8": {
81
- "graphic": "#aa6556",
82
- "behindText": "#c47c6c"
83
- },
84
- "euiColorVis9": {
85
- "graphic": "#e7664c",
86
- "behindText": "#ff7e62"
87
- }
88
- },
89
- "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
90
- "euiColorVis0": "#54b399",
91
- "euiColorVis1": "#6092c0",
92
- "euiColorVis2": "#d36086",
93
- "euiColorVis3": "#9170b8",
94
- "euiColorVis4": "#ca8eae",
95
- "euiColorVis5": "#d6bf57",
96
- "euiColorVis6": "#b9a888",
97
- "euiColorVis7": "#da8b45",
98
- "euiColorVis8": "#aa6556",
99
- "euiColorVis9": "#e7664c",
100
- "euiColorVis0_behindText": "#6dccb1",
101
- "euiColorVis1_behindText": "#79aad9",
102
- "euiColorVis2_behindText": "#ee789d",
103
- "euiColorVis3_behindText": "#a987d1",
104
- "euiColorVis4_behindText": "#e4a6c7",
105
- "euiColorVis5_behindText": "#f1d86f",
106
- "euiColorVis6_behindText": "#d2c0a0",
107
- "euiColorVis7_behindText": "#f5a35c",
108
- "euiColorVis8_behindText": "#c47c6c",
109
- "euiColorVis9_behindText": "#ff7e62",
110
48
  "euiFontWeightLight": 300,
111
49
  "euiFontWeightRegular": 400,
112
50
  "euiFontWeightMedium": 500,
@@ -181,6 +119,7 @@
181
119
  "plain": "#ffffff",
182
120
  "subdued": "#fafbfd",
183
121
  "accent": "#feedf5",
122
+ "accentSecondary": "#e6f9f7",
184
123
  "primary": "#e6f1fa",
185
124
  "success": "#e6f9f7",
186
125
  "warning": "#fff9e8",
@@ -278,10 +217,123 @@
278
217
  "euiZFlyout": 1000,
279
218
  "euiZMaskBelowHeader": 1000,
280
219
  "euiZContent": 0,
220
+ "euiPaletteColorBlind": {
221
+ "euiColorVis0": {
222
+ "graphic": "#54B399",
223
+ "behindText": "#6DCCB1"
224
+ },
225
+ "euiColorVis1": {
226
+ "graphic": "#6092C0",
227
+ "behindText": "#79AAD9"
228
+ },
229
+ "euiColorVis2": {
230
+ "graphic": "#D36086",
231
+ "behindText": "#EE789D"
232
+ },
233
+ "euiColorVis3": {
234
+ "graphic": "#9170B8",
235
+ "behindText": "#A987D1"
236
+ },
237
+ "euiColorVis4": {
238
+ "graphic": "#CA8EAE",
239
+ "behindText": "#E4A6C7"
240
+ },
241
+ "euiColorVis5": {
242
+ "graphic": "#D6BF57",
243
+ "behindText": "#F1D86F"
244
+ },
245
+ "euiColorVis6": {
246
+ "graphic": "#B9A888",
247
+ "behindText": "#D2C0A0"
248
+ },
249
+ "euiColorVis7": {
250
+ "graphic": "#DA8B45",
251
+ "behindText": "#F5A35C"
252
+ },
253
+ "euiColorVis8": {
254
+ "graphic": "#AA6556",
255
+ "behindText": "#C47C6C"
256
+ },
257
+ "euiColorVis9": {
258
+ "graphic": "#E7664C",
259
+ "behindText": "#FF7E62"
260
+ }
261
+ },
262
+ "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
263
+ "euiColorVis0": "#54B399",
264
+ "euiColorVis1": "#6092C0",
265
+ "euiColorVis2": "#D36086",
266
+ "euiColorVis3": "#9170B8",
267
+ "euiColorVis4": "#CA8EAE",
268
+ "euiColorVis5": "#D6BF57",
269
+ "euiColorVis6": "#B9A888",
270
+ "euiColorVis7": "#DA8B45",
271
+ "euiColorVis8": "#AA6556",
272
+ "euiColorVis9": "#E7664C",
273
+ "euiColorVis0_behindText": "#6DCCB1",
274
+ "euiColorVis1_behindText": "#79AAD9",
275
+ "euiColorVis2_behindText": "#EE789D",
276
+ "euiColorVis3_behindText": "#A987D1",
277
+ "euiColorVis4_behindText": "#E4A6C7",
278
+ "euiColorVis5_behindText": "#F1D86F",
279
+ "euiColorVis6_behindText": "#D2C0A0",
280
+ "euiColorVis7_behindText": "#F5A35C",
281
+ "euiColorVis8_behindText": "#C47C6C",
282
+ "euiColorVis9_behindText": "#FF7E62",
283
+ "euiColorVisAsTextLight0": "#006BB4",
284
+ "euiColorVisAsTextLight1": "#017D73",
285
+ "euiColorVisAsTextLight2": "#F5A700",
286
+ "euiColorVisAsTextLight3": "#BD271E",
287
+ "euiColorVisAsTextLight4": "#DD0A73",
288
+ "euiColorVisAsTextLight5": "#006BB4",
289
+ "euiColorVisAsTextLight6": "#017D73",
290
+ "euiColorVisAsTextDark0": "#1BA9F5",
291
+ "euiColorVisAsTextDark1": "#7DE2D1",
292
+ "euiColorVisAsTextDark2": "#F990C0",
293
+ "euiColorVisAsTextDark3": "#F66",
294
+ "euiColorVisAsTextDark4": "#FFCE7A",
295
+ "euiColorVisAsTextDark5": "#1BA9F5",
296
+ "euiColorVisAsTextDark6": "#7DE2D1",
297
+ "euiColorVisSuccess0": "#209280",
298
+ "euiColorVisSuccess1": "#54B399",
299
+ "euiColorVisWarning0": "#D6BF57",
300
+ "euiColorVisDanger0": "#CC5642",
301
+ "euiColorVisDanger1": "#E7664C",
302
+ "euiColorVisNeutral0": "#FFFFFF",
303
+ "euiColorSeverity0": "#D3DAE6",
304
+ "euiColorSeverity1": "#6092C0",
305
+ "euiColorSeverity2": "#78A2C9",
306
+ "euiColorSeverity3": "#90B0D1",
307
+ "euiColorSeverity4": "#A6C0DA",
308
+ "euiColorSeverity5": "#BECFE3",
309
+ "euiColorSeverity6": "#DECC79",
310
+ "euiColorSeverity7": "#D6BF57",
311
+ "euiColorSeverity8": "#E69D8F",
312
+ "euiColorSeverity9": "#E2907F",
313
+ "euiColorSeverity10": "#E18773",
314
+ "euiColorSeverity11": "#DD7B67",
315
+ "euiColorSeverity12": "#D66E5C",
316
+ "euiColorSeverity13": "#D2634E",
317
+ "euiColorSeverity14": "#CC5642",
318
+ "euiColorVisGrey0": "#d3dae6",
319
+ "euiColorVisGrey1": "#98a2b3",
320
+ "euiColorVisGrey2": "#69707d",
321
+ "euiColorVisGrey3": "#343741",
322
+ "euiColorVisWarm0": "#FBFBDC",
323
+ "euiColorVisWarm1": "#DA8B45",
324
+ "euiColorVisWarm2": "#E7664C",
325
+ "euiColorVisCool0": "#EBEFF5",
326
+ "euiColorVisCool1": "#6092C0",
327
+ "euiColorVisCool2": "#6092C0",
328
+ "euiColorVisComplementary0": "#6092C0",
329
+ "euiColorVisComplementary1": "#DA8B45",
330
+ "euiColorChartLines": "#eef0f3",
331
+ "euiColorChartBand": "#f5f7fa",
281
332
  "euiColorGhost": "#ffffff",
282
333
  "euiColorInk": "#000000",
283
334
  "euiColorPrimary": "#0077cc",
284
335
  "euiColorAccent": "#f04e98",
336
+ "euiColorAccentSecondary": "#00bfb3",
285
337
  "euiColorSuccess": "#00bfb3",
286
338
  "euiColorWarning": "#fec514",
287
339
  "euiColorDanger": "#bd271e",
@@ -305,6 +357,66 @@
305
357
  "euiColorDangerText": "#bd271e",
306
358
  "euiColorDisabledText": "#abb4c4",
307
359
  "euiLinkColor": "#0071c2",
308
- "euiColorChartLines": "#eef0f3",
309
- "euiColorChartBand": "#f5f7fa"
360
+ "euiColorPlainLight": "#FFFFFF",
361
+ "euiColorPlainDark": "#000000",
362
+ "euiColorTextPrimary": "#006bb8",
363
+ "euiColorTextAccent": "#ba3d76",
364
+ "euiColorTextAccentSecondary": "#007871",
365
+ "euiColorTextSuccess": "#007871",
366
+ "euiColorTextWarning": "#83650a",
367
+ "euiColorTextDanger": "#bd271e",
368
+ "euiColorTextParagraph": "#343741",
369
+ "euiColorTextHeading": "#1a1c21",
370
+ "euiColorTextSubdued": "#646a77",
371
+ "euiColorTextDisabled": "#a2abba",
372
+ "euiColorTextInverse": "#FFFFFF",
373
+ "euiColorBackgroundBasePrimary": "#e6f1fa",
374
+ "euiColorBackgroundBaseAccent": "#feedf5",
375
+ "euiColorBackgroundBaseAccentSecondary": "#e6f9f7",
376
+ "euiColorBackgroundBaseSuccess": "#e6f9f7",
377
+ "euiColorBackgroundBaseWarning": "#fff9e8",
378
+ "euiColorBackgroundBaseDanger": "#f8e9e9",
379
+ "euiColorBackgroundBaseSubdued": "#f7f8fc",
380
+ "euiColorBackgroundBaseDisabled": "#ABB4C4",
381
+ "euiColorBackgroundBaseHighlighted": "#f7f8fc",
382
+ "euiColorBackgroundBasePlain": "#FFFFFF",
383
+ "euiColorBackgroundBaseFormsPrepend": "#e9edf3",
384
+ "euiColorBackgroundBaseFormsControlDisabled": "#98A2B3",
385
+ "euiColorBackgroundBaseInteractiveHover": "rgba(211,218,230,0.2)",
386
+ "euiColorBackgroundBaseInteractiveSelect": "#f5fafd",
387
+ "euiColorBackgroundBaseInteractiveOverlay": "rgba(0,0,0,0.5)",
388
+ "euiColorBackgroundBaseSkeletonEdge": "#f0f2f6",
389
+ "euiColorBackgroundBaseSkeletonMiddle": "#f6f8fa",
390
+ "euiColorBackgroundLightPrimary": "#cce4f5",
391
+ "euiColorBackgroundLightAccent": "#fcdcea",
392
+ "euiColorBackgroundLightAccentSecondary": "#ccf2f0",
393
+ "euiColorBackgroundLightSuccess": "#ccf2f0",
394
+ "euiColorBackgroundLightWarning": "#fff3d0",
395
+ "euiColorBackgroundLightDanger": "#f2d4d2",
396
+ "euiColorBackgroundLightText": "#e9edf3",
397
+ "euiColorBackgroundFilledPrimary": "#0077CC",
398
+ "euiColorBackgroundFilledAccent": "#f583b7",
399
+ "euiColorBackgroundFilledAccentSecondary": "#4dd2ca",
400
+ "euiColorBackgroundFilledSuccess": "#4dd2ca",
401
+ "euiColorBackgroundFilledWarning": "#FEC514",
402
+ "euiColorBackgroundFilledDanger": "#BD271E",
403
+ "euiColorBackgroundFilledText": "#69707D",
404
+ "euiColorBorderBasePrimary": "#99c9eb",
405
+ "euiColorBorderBaseAccent": "#f9b8d6",
406
+ "euiColorBorderBaseAccentSecondary": "#99e5e1",
407
+ "euiColorBorderBaseSuccess": "#99e5e1",
408
+ "euiColorBorderBaseWarning": "#fedc72",
409
+ "euiColorBorderBaseDanger": "#e5a9a5",
410
+ "euiColorBorderBaseSubdued": "#D3DAE6",
411
+ "euiColorBorderBaseDisabled": "rgba(191,198,210,0.1)",
412
+ "euiColorBorderBasePlain": "#D3DAE6",
413
+ "euiColorBorderBaseFloating": "transparent",
414
+ "euiColorBorderBaseFormsColorSwatch": "rgba(0,0,0,0.1)",
415
+ "euiColorBorderBaseFormsControl": "#919296",
416
+ "euiColorBorderStrongPrimary": "#99c9eb",
417
+ "euiColorBorderStrongAccent": "#f9b8d6",
418
+ "euiColorBorderStrongAccentSecondary": "#99e5e1",
419
+ "euiColorBorderStrongSuccess": "#99e5e1",
420
+ "euiColorBorderStrongWarning": "#fedc72",
421
+ "euiColorBorderStrongDanger": "#e5a9a5"
310
422
  }
@@ -0,0 +1,425 @@
1
+ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
2
+ const sassVariables: {
3
+ euiZDataGrid: number;
4
+ euiZHeaderBelowDataGrid: number;
5
+ euiZDataGridCellPopover: number;
6
+ euiDataGridCellPaddingS: string;
7
+ euiDataGridCellPaddingM: string;
8
+ euiDataGridCellPaddingL: string;
9
+ euiTableHoverColor: string;
10
+ euiTableSelectedColor: string;
11
+ euiTableHoverSelectedColor: string;
12
+ euiTableActionsBorderColor: string;
13
+ euiTableHoverClickableColor: string;
14
+ euiTableFocusClickableColor: string;
15
+ euiContrastRatioText: number;
16
+ euiContrastRatioGraphic: number;
17
+ euiContrastRatioDisabled: number;
18
+ euiAnimSlightBounce: string;
19
+ euiAnimSlightResistance: string;
20
+ euiAnimSpeedExtraFast: string;
21
+ euiAnimSpeedFast: string;
22
+ euiAnimSpeedNormal: string;
23
+ euiAnimSpeedSlow: string;
24
+ euiAnimSpeedExtraSlow: string;
25
+ euiBorderWidthThin: string;
26
+ euiBorderWidthThick: string;
27
+ euiBorderColor: string;
28
+ euiBorderRadius: string;
29
+ euiBorderRadiusSmall: string;
30
+ euiBorderThick: string;
31
+ euiBorderThin: string;
32
+ euiBorderEditable: string;
33
+ euiButtonHeight: string;
34
+ euiButtonHeightSmall: string;
35
+ euiButtonHeightXSmall: string;
36
+ euiButtonColorDisabled: string;
37
+ euiButtonColorDisabledText: string;
38
+ euiButtonColorGhostDisabled: string;
39
+ euiButtonTypes: {
40
+ primary: string;
41
+ accent: string;
42
+ accentSecondary: string;
43
+ success: string;
44
+ warning: string;
45
+ danger: string;
46
+ ghost: string;
47
+ text: string;
48
+ };
49
+ euiFontWeightLight: number;
50
+ euiFontWeightRegular: number;
51
+ euiFontWeightMedium: number;
52
+ euiFontWeightSemiBold: number;
53
+ euiFontWeightBold: number;
54
+ euiCodeFontWeightRegular: number;
55
+ euiCodeFontWeightBold: number;
56
+ euiFormMaxWidth: string;
57
+ euiFormControlHeight: string;
58
+ euiFormControlCompressedHeight: string;
59
+ euiFormControlPadding: string;
60
+ euiFormControlCompressedPadding: string;
61
+ euiFormControlBorderRadius: string;
62
+ euiFormControlCompressedBorderRadius: string;
63
+ euiRadioSize: string;
64
+ euiCheckBoxSize: string;
65
+ euiCheckboxBorderRadius: string;
66
+ euiSwitchHeight: string;
67
+ euiSwitchWidth: string;
68
+ euiSwitchThumbSize: string;
69
+ euiSwitchIconHeight: string;
70
+ euiSwitchHeightCompressed: string;
71
+ euiSwitchWidthCompressed: string;
72
+ euiSwitchThumbSizeCompressed: string;
73
+ euiSwitchHeightMini: string;
74
+ euiSwitchWidthMini: string;
75
+ euiSwitchThumbSizeMini: string;
76
+ euiFormBackgroundColor: string;
77
+ euiFormBackgroundDisabledColor: string;
78
+ euiFormBackgroundReadOnlyColor: string;
79
+ euiFormBorderOpaqueColor: string;
80
+ euiFormBorderColor: string;
81
+ euiFormBorderDisabledColor: string;
82
+ euiFormCustomControlDisabledIconColor: string;
83
+ euiFormCustomControlBorderColor: string;
84
+ euiFormControlDisabledColor: string;
85
+ euiFormControlBoxShadow: string;
86
+ euiFormControlPlaceholderText: string;
87
+ euiFormInputGroupLabelBackground: string;
88
+ euiFormInputGroupBorder: string;
89
+ euiSwitchOffColor: string;
90
+ euiFormControlIconSizes: {
91
+ small: string;
92
+ medium: string;
93
+ large: string;
94
+ xLarge: string;
95
+ xxLarge: string;
96
+ };
97
+ euiFormControlLayoutGroupInputHeight: string;
98
+ euiFormControlLayoutGroupInputCompressedHeight: string;
99
+ euiFormControlLayoutGroupInputCompressedBorderRadius: string;
100
+ euiHeaderBackgroundColor: string;
101
+ euiHeaderDarkBackgroundColor: string;
102
+ euiHeaderBorderColor: string;
103
+ euiHeaderBreadcrumbColor: string;
104
+ euiHeaderHeight: string;
105
+ euiHeaderChildSize: string;
106
+ euiHeaderHeightCompensation: string;
107
+ euiPageDefaultMaxWidth: string;
108
+ euiPageSidebarMinWidth: string;
109
+ euiPanelPaddingModifiers: {
110
+ paddingSmall: string;
111
+ paddingMedium: string;
112
+ paddingLarge: string;
113
+ };
114
+ euiPanelBorderRadiusModifiers: {
115
+ borderRadiusNone: number;
116
+ borderRadiusMedium: string;
117
+ };
118
+ euiPanelBackgroundColorModifiers: {
119
+ transparent: string;
120
+ plain: string;
121
+ subdued: string;
122
+ accent: string;
123
+ accentSecondary: string;
124
+ primary: string;
125
+ success: string;
126
+ warning: string;
127
+ danger: string;
128
+ };
129
+ euiBreakpoints: {
130
+ xs: number;
131
+ s: string;
132
+ m: string;
133
+ l: string;
134
+ xl: string;
135
+ };
136
+ euiBreakpointKeys: string;
137
+ euiShadowColor: string;
138
+ euiSize: string;
139
+ euiSizeXS: string;
140
+ euiSizeS: string;
141
+ euiSizeM: string;
142
+ euiSizeL: string;
143
+ euiSizeXL: string;
144
+ euiSizeXXL: string;
145
+ euiScrollBar: string;
146
+ euiScrollBarCorner: string;
147
+ euiScrollBarCornerThin: string;
148
+ euiFocusRingColor: string;
149
+ euiFocusRingAnimStartColor: string;
150
+ euiFocusRingAnimStartSize: string;
151
+ euiFocusRingAnimStartSizeLarge: string;
152
+ euiFocusRingSizeLarge: string;
153
+ euiFocusRingSize: string;
154
+ euiFocusTransparency: number;
155
+ euiFocusTransparencyPercent: string;
156
+ euiFocusBackgroundColor: string;
157
+ euiFontFamily: string;
158
+ euiCodeFontFamily: string;
159
+ euiFontFeatureSettings: string;
160
+ euiTextScale: string;
161
+ euiFontSize: string;
162
+ euiFontSizeXS: string;
163
+ euiFontSizeS: string;
164
+ euiFontSizeM: string;
165
+ euiFontSizeL: string;
166
+ euiFontSizeXL: string;
167
+ euiFontSizeXXL: string;
168
+ euiLineHeight: number;
169
+ euiBodyLineHeight: number;
170
+ euiTitles: {
171
+ xxxs: {
172
+ 'font-size': string;
173
+ 'line-height': string;
174
+ 'font-weight': number;
175
+ };
176
+ xxs: {
177
+ 'font-size': string;
178
+ 'line-height': string;
179
+ 'font-weight': number;
180
+ };
181
+ xs: {
182
+ 'font-size': string;
183
+ 'line-height': string;
184
+ 'font-weight': number;
185
+ };
186
+ s: {
187
+ 'font-size': string;
188
+ 'line-height': string;
189
+ 'font-weight': number;
190
+ };
191
+ m: {
192
+ 'font-size': string;
193
+ 'line-height': string;
194
+ 'font-weight': number;
195
+ };
196
+ l: {
197
+ 'font-size': string;
198
+ 'line-height': string;
199
+ 'font-weight': number;
200
+ };
201
+ };
202
+ euiZLevel0: number;
203
+ euiZLevel1: number;
204
+ euiZLevel2: number;
205
+ euiZLevel3: number;
206
+ euiZLevel4: number;
207
+ euiZLevel5: number;
208
+ euiZLevel6: number;
209
+ euiZLevel7: number;
210
+ euiZLevel8: number;
211
+ euiZLevel9: number;
212
+ euiZToastList: number;
213
+ euiZModal: number;
214
+ euiZMask: number;
215
+ euiZNavigation: number;
216
+ euiZContentMenu: number;
217
+ euiZHeader: number;
218
+ euiZFlyout: number;
219
+ euiZMaskBelowHeader: number;
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;
333
+ euiColorGhost: string;
334
+ euiColorInk: string;
335
+ euiColorPrimary: string;
336
+ euiColorAccent: string;
337
+ euiColorAccentSecondary: string;
338
+ euiColorSuccess: string;
339
+ euiColorWarning: string;
340
+ euiColorDanger: string;
341
+ euiColorEmptyShade: string;
342
+ euiColorLightestShade: string;
343
+ euiColorLightShade: string;
344
+ euiColorMediumShade: string;
345
+ euiColorDarkShade: string;
346
+ euiColorDarkestShade: string;
347
+ euiColorFullShade: string;
348
+ euiPageBackgroundColor: string;
349
+ euiColorHighlight: string;
350
+ euiTextColor: string;
351
+ euiTitleColor: string;
352
+ euiTextSubduedColor: string;
353
+ euiColorDisabled: string;
354
+ euiColorPrimaryText: string;
355
+ euiColorSuccessText: string;
356
+ euiColorAccentText: string;
357
+ euiColorWarningText: string;
358
+ euiColorDangerText: string;
359
+ euiColorDisabledText: string;
360
+ euiLinkColor: 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;
423
+ };
424
+ export default sassVariables;
425
+ }