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