@elastic/eui 99.2.0 → 99.3.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 (771) hide show
  1. package/dist/{eui_theme_dark.json → eui_theme_amsterdam_dark.json} +177 -65
  2. package/dist/{eui_theme_light.json.d.ts → eui_theme_amsterdam_dark.json.d.ts} +178 -66
  3. package/dist/{eui_theme_light.json → eui_theme_amsterdam_light.json} +177 -65
  4. package/dist/eui_theme_amsterdam_light.json.d.ts +425 -0
  5. package/dist/eui_theme_borealis_dark.json +422 -0
  6. package/dist/{eui_theme_dark.json.d.ts → eui_theme_borealis_dark.json.d.ts} +178 -66
  7. package/dist/eui_theme_borealis_light.json +422 -0
  8. package/dist/eui_theme_borealis_light.json.d.ts +425 -0
  9. package/es/components/accordion/accordion.js +2 -1
  10. package/es/components/accordion/accordion_children/accordion_children.js +20 -7
  11. package/es/components/accordion/accordion_children/accordion_children.styles.js +5 -0
  12. package/es/components/avatar/avatar.js +4 -4
  13. package/es/components/badge/badge.styles.js +1 -2
  14. package/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
  15. package/es/components/badge/color_utils.js +9 -8
  16. package/es/components/basic_table/basic_table.js +135 -2
  17. package/es/components/basic_table/in_memory_table.js +131 -1
  18. package/es/components/beacon/beacon.styles.js +2 -2
  19. package/es/components/bottom_bar/bottom_bar.styles.js +2 -3
  20. package/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  21. package/es/components/button/button.js +1 -1
  22. package/es/components/button/button_display/_button_display.styles.js +1 -1
  23. package/es/components/button/button_empty/button_empty.js +1 -1
  24. package/es/components/button/button_group/button_group_button.js +1 -1
  25. package/es/components/button/button_group/button_group_button.styles.js +6 -6
  26. package/es/components/button/button_icon/button_icon.js +1 -1
  27. package/es/components/button/button_icon/button_icon.styles.js +1 -1
  28. package/es/components/call_out/call_out.js +1 -1
  29. package/es/components/call_out/call_out.styles.js +5 -4
  30. package/es/components/card/card.js +1 -1
  31. package/es/components/card/card.styles.js +6 -3
  32. package/es/components/code/code.styles.js +1 -1
  33. package/es/components/code/code_block_annotations.js +1 -1
  34. package/es/components/code/code_block_line.styles.js +1 -2
  35. package/es/components/code/code_syntax.styles.js +24 -27
  36. package/es/components/code/utils.js +5 -2
  37. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  38. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  39. package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  40. package/es/components/color_picker/color_picker.js +4 -3
  41. package/es/components/color_picker/color_picker.styles.js +1 -2
  42. package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  43. package/es/components/comment_list/comment.js +1 -1
  44. package/es/components/comment_list/comment_event.js +5 -4
  45. package/es/components/comment_list/comment_list.js +1 -1
  46. package/es/components/common.js +0 -28
  47. package/es/components/datagrid/data_grid.stories.utils.js +0 -1090
  48. package/es/components/datagrid/data_grid.styles.js +6 -7
  49. package/es/components/date_picker/date_picker.styles.js +1 -1
  50. package/es/components/date_picker/date_picker_range.styles.js +1 -1
  51. package/es/components/date_picker/react_date_picker.styles.js +2 -1
  52. package/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +3 -0
  53. package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
  54. package/es/components/drag_and_drop/droppable.styles.js +2 -4
  55. package/es/components/empty_prompt/empty_prompt.js +1 -1
  56. package/es/components/empty_prompt/empty_prompt.styles.js +6 -2
  57. package/es/components/expression/expression.styles.js +13 -13
  58. package/es/components/filter_group/filter_select_item.styles.js +1 -2
  59. package/es/components/flyout/_flyout_close_button.styles.js +2 -3
  60. package/es/components/flyout/flyout.js +1 -1
  61. package/es/components/flyout/flyout.styles.js +8 -3
  62. package/es/components/flyout/flyout_footer.styles.js +1 -1
  63. package/es/components/form/form.styles.js +28 -32
  64. package/es/components/form/range/range_tooltip.styles.js +11 -13
  65. package/es/components/form/switch/switch.js +3 -7
  66. package/es/components/form/switch/switch.styles.js +16 -19
  67. package/es/components/header/header.styles.js +7 -8
  68. package/es/components/icon/icon.styles.js +9 -8
  69. package/es/components/icon/named_colors.js +1 -1
  70. package/es/components/image/image.styles.js +1 -1
  71. package/es/components/image/image_button.styles.js +1 -1
  72. package/es/components/inline_edit/inline_edit_form.js +4 -4
  73. package/es/components/inline_edit/inline_edit_form.styles.js +1 -2
  74. package/es/components/inline_edit/inline_edit_text.js +4 -4
  75. package/es/components/inline_edit/inline_edit_title.js +4 -4
  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 +1 -1
  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_header_cell.js +76 -4
  109. package/es/components/table/table_row.styles.js +9 -11
  110. package/es/components/tabs/tab.styles.js +2 -2
  111. package/es/components/text/text.styles.js +2 -2
  112. package/es/components/text/text_color.js +1 -1
  113. package/es/components/text/text_color.styles.js +6 -5
  114. package/es/components/text_diff/text_diff.styles.js +1 -1
  115. package/es/components/toast/toast.styles.js +2 -2
  116. package/es/components/token/token.js +10 -4
  117. package/es/components/token/token.styles.js +14 -5
  118. package/es/components/token/token_map.js +243 -1
  119. package/es/components/tool_tip/tool_tip.styles.js +13 -25
  120. package/es/components/tour/_tour_footer.styles.js +2 -4
  121. package/es/components/tour/tour.styles.js +8 -12
  122. package/es/components/tree_view/tree_view_item.styles.js +1 -2
  123. package/es/global_styling/functions/math.js +1 -49
  124. package/es/global_styling/functions/size.js +1 -17
  125. package/es/global_styling/mixins/_button.js +159 -0
  126. package/es/global_styling/mixins/_color.js +39 -31
  127. package/es/global_styling/mixins/_shadow.js +31 -0
  128. package/es/global_styling/mixins/index.js +3 -1
  129. package/es/global_styling/reset/global_styles.js +3 -3
  130. package/es/global_styling/variables/animations.js +1 -22
  131. package/es/global_styling/variables/breakpoint.js +1 -7
  132. package/es/global_styling/variables/levels.js +1 -17
  133. package/es/global_styling/variables/shadow.js +1 -11
  134. package/es/global_styling/variables/size.js +1 -1
  135. package/es/global_styling/variables/typography.js +1 -32
  136. package/es/services/color/eui_palettes.js +148 -54
  137. package/es/services/color/eui_palettes_hooks.js +74 -0
  138. package/es/services/color/index.js +2 -0
  139. package/es/services/color/vis_color_store.js +13 -0
  140. package/es/services/index.js +2 -1
  141. package/es/services/popover/index.js +4 -1
  142. package/es/services/popover/popover_arrow.styles.js +31 -0
  143. package/es/services/popover/popover_positioning.js +6 -17
  144. package/es/services/theme/provider.js +15 -2
  145. package/es/services/theme/types.js +1 -6
  146. package/es/services/theme/utils.js +1 -303
  147. package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
  148. package/es/themes/amsterdam/global_styling/mixins/button.js +1 -203
  149. package/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
  150. package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  151. package/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
  152. package/es/themes/amsterdam/global_styling/variables/_buttons.js +281 -0
  153. package/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
  154. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
  155. package/es/themes/amsterdam/global_styling/variables/_components.js +619 -0
  156. package/es/themes/amsterdam/global_styling/variables/_forms.js +161 -0
  157. package/es/themes/amsterdam/theme.js +7 -1
  158. package/es/themes/index.js +1 -2
  159. package/es/themes/themes.js +1 -21
  160. package/eui.d.ts +3267 -3692
  161. package/i18ntokens.json +36 -36
  162. package/lib/components/accordion/accordion.js +2 -1
  163. package/lib/components/accordion/accordion_children/accordion_children.js +19 -6
  164. package/lib/components/accordion/accordion_children/accordion_children.styles.js +5 -0
  165. package/lib/components/avatar/avatar.js +2 -2
  166. package/lib/components/badge/badge.styles.js +1 -2
  167. package/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
  168. package/lib/components/badge/color_utils.js +14 -13
  169. package/lib/components/basic_table/basic_table.js +135 -2
  170. package/lib/components/basic_table/in_memory_table.js +131 -1
  171. package/lib/components/beacon/beacon.styles.js +2 -2
  172. package/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
  173. package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  174. package/lib/components/button/button.js +1 -1
  175. package/lib/components/button/button_display/_button_display.styles.js +1 -1
  176. package/lib/components/button/button_empty/button_empty.js +1 -1
  177. package/lib/components/button/button_group/button_group_button.js +1 -1
  178. package/lib/components/button/button_group/button_group_button.styles.js +5 -5
  179. package/lib/components/button/button_icon/button_icon.js +1 -1
  180. package/lib/components/button/button_icon/button_icon.styles.js +1 -1
  181. package/lib/components/call_out/call_out.js +1 -1
  182. package/lib/components/call_out/call_out.styles.js +5 -4
  183. package/lib/components/card/card.js +1 -1
  184. package/lib/components/card/card.styles.js +5 -2
  185. package/lib/components/code/code.styles.js +1 -1
  186. package/lib/components/code/code_block_annotations.js +1 -1
  187. package/lib/components/code/code_block_line.styles.js +1 -2
  188. package/lib/components/code/code_syntax.styles.js +24 -27
  189. package/lib/components/code/utils.js +6 -1
  190. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  191. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  192. package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  193. package/lib/components/color_picker/color_picker.js +3 -2
  194. package/lib/components/color_picker/color_picker.styles.js +1 -2
  195. package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  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.stories.utils.js +1 -1092
  201. package/lib/components/datagrid/data_grid.styles.js +6 -7
  202. package/lib/components/date_picker/date_picker.styles.js +2 -2
  203. package/lib/components/date_picker/date_picker_range.styles.js +2 -2
  204. package/lib/components/date_picker/react_date_picker.styles.js +3 -2
  205. package/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +3 -0
  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.styles.js +1 -2
  212. package/lib/components/flyout/_flyout_close_button.styles.js +3 -4
  213. package/lib/components/flyout/flyout.js +1 -1
  214. package/lib/components/flyout/flyout.styles.js +8 -3
  215. package/lib/components/flyout/flyout_footer.styles.js +1 -1
  216. package/lib/components/form/form.styles.js +27 -31
  217. package/lib/components/form/range/range_tooltip.styles.js +11 -13
  218. package/lib/components/form/switch/switch.js +3 -7
  219. package/lib/components/form/switch/switch.styles.js +16 -19
  220. package/lib/components/header/header.styles.js +7 -8
  221. package/lib/components/icon/icon.styles.js +9 -8
  222. package/lib/components/icon/named_colors.js +1 -1
  223. package/lib/components/image/image.styles.js +2 -2
  224. package/lib/components/image/image_button.styles.js +3 -3
  225. package/lib/components/inline_edit/inline_edit_form.js +4 -4
  226. package/lib/components/inline_edit/inline_edit_form.styles.js +1 -2
  227. package/lib/components/inline_edit/inline_edit_text.js +4 -4
  228. package/lib/components/inline_edit/inline_edit_title.js +4 -4
  229. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  230. package/lib/components/link/link.styles.js +6 -6
  231. package/lib/components/list_group/list_group_item.styles.js +8 -10
  232. package/lib/components/loading/loading_chart.styles.js +18 -5
  233. package/lib/components/loading/loading_spinner.styles.js +2 -2
  234. package/lib/components/mark/mark.styles.js +2 -9
  235. package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  236. package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  237. package/lib/components/modal/modal.styles.js +3 -3
  238. package/lib/components/overlay_mask/overlay_mask.styles.js +1 -2
  239. package/lib/components/page_template/inner/page_inner.styles.js +2 -2
  240. package/lib/components/pagination/pagination.styles.js +2 -2
  241. package/lib/components/panel/panel.js +1 -1
  242. package/lib/components/panel/panel.styles.js +4 -3
  243. package/lib/components/panel/split_panel/split_panel.js +1 -1
  244. package/lib/components/popover/popover.js +1 -1
  245. package/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
  246. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +18 -15
  247. package/lib/components/popover/popover_footer.styles.js +1 -1
  248. package/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  249. package/lib/components/progress/progress.js +1 -1
  250. package/lib/components/progress/progress.styles.js +29 -27
  251. package/lib/components/provider/provider.js +1 -1
  252. package/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  253. package/lib/components/resizable_container/resizable_panel.js +1 -1
  254. package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  255. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  256. package/lib/components/side_nav/side_nav_item.styles.js +6 -7
  257. package/lib/components/skeleton/utils.js +4 -6
  258. package/lib/components/stat/stat.styles.js +5 -5
  259. package/lib/components/steps/step_number.styles.js +1 -1
  260. package/lib/components/table/table_cells_shared.styles.js +3 -8
  261. package/lib/components/table/table_header_cell.js +79 -8
  262. package/lib/components/table/table_row.styles.js +8 -10
  263. package/lib/components/tabs/tab.styles.js +2 -2
  264. package/lib/components/text/text.styles.js +1 -1
  265. package/lib/components/text/text_color.js +1 -1
  266. package/lib/components/text/text_color.styles.js +6 -5
  267. package/lib/components/text_diff/text_diff.styles.js +1 -1
  268. package/lib/components/toast/toast.styles.js +2 -2
  269. package/lib/components/token/token.js +12 -4
  270. package/lib/components/token/token.styles.js +14 -5
  271. package/lib/components/token/token_map.js +244 -2
  272. package/lib/components/tool_tip/tool_tip.styles.js +12 -24
  273. package/lib/components/tour/_tour_footer.styles.js +2 -4
  274. package/lib/components/tour/tour.styles.js +8 -12
  275. package/lib/components/tree_view/tree_view_item.styles.js +1 -2
  276. package/lib/global_styling/functions/math.js +7 -58
  277. package/lib/global_styling/functions/size.js +7 -26
  278. package/lib/global_styling/mixins/_button.js +164 -0
  279. package/lib/global_styling/mixins/_color.js +38 -30
  280. package/lib/global_styling/mixins/_shadow.js +84 -0
  281. package/lib/global_styling/mixins/index.js +22 -0
  282. package/lib/global_styling/reset/global_styles.js +2 -2
  283. package/lib/global_styling/variables/animations.js +25 -31
  284. package/lib/global_styling/variables/breakpoint.js +7 -16
  285. package/lib/global_styling/variables/levels.js +7 -26
  286. package/lib/global_styling/variables/shadow.js +13 -20
  287. package/lib/global_styling/variables/size.js +7 -10
  288. package/lib/global_styling/variables/typography.js +19 -41
  289. package/lib/services/color/eui_palettes.js +148 -54
  290. package/lib/services/color/eui_palettes_hooks.js +78 -0
  291. package/lib/services/color/index.js +20 -0
  292. package/lib/services/color/vis_color_store.js +18 -0
  293. package/lib/services/index.js +19 -0
  294. package/lib/services/popover/index.js +8 -1
  295. package/lib/services/popover/popover_arrow.styles.js +37 -0
  296. package/lib/services/popover/popover_positioning.js +6 -17
  297. package/lib/services/theme/provider.js +15 -2
  298. package/lib/services/theme/types.js +13 -14
  299. package/lib/services/theme/utils.js +54 -303
  300. package/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  301. package/lib/themes/amsterdam/global_styling/mixins/button.js +45 -206
  302. package/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  303. package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  304. package/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  305. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +285 -0
  306. package/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  307. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  308. package/lib/themes/amsterdam/global_styling/variables/_components.js +623 -0
  309. package/lib/themes/amsterdam/global_styling/variables/_forms.js +165 -0
  310. package/lib/themes/amsterdam/theme.js +7 -1
  311. package/lib/themes/index.js +4 -11
  312. package/lib/themes/themes.js +1 -23
  313. package/optimize/es/components/accordion/accordion.js +2 -1
  314. package/optimize/es/components/accordion/accordion_children/accordion_children.js +20 -7
  315. package/optimize/es/components/accordion/accordion_children/accordion_children.styles.js +5 -0
  316. package/optimize/es/components/avatar/avatar.js +4 -4
  317. package/optimize/es/components/badge/badge.styles.js +1 -2
  318. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
  319. package/optimize/es/components/badge/color_utils.js +9 -8
  320. package/optimize/es/components/basic_table/basic_table.js +4 -1
  321. package/optimize/es/components/beacon/beacon.styles.js +2 -2
  322. package/optimize/es/components/bottom_bar/bottom_bar.styles.js +2 -3
  323. package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  324. package/optimize/es/components/button/button.js +1 -1
  325. package/optimize/es/components/button/button_display/_button_display.styles.js +1 -1
  326. package/optimize/es/components/button/button_empty/button_empty.js +1 -1
  327. package/optimize/es/components/button/button_group/button_group_button.js +1 -1
  328. package/optimize/es/components/button/button_group/button_group_button.styles.js +6 -6
  329. package/optimize/es/components/button/button_icon/button_icon.js +1 -1
  330. package/optimize/es/components/button/button_icon/button_icon.styles.js +1 -1
  331. package/optimize/es/components/call_out/call_out.js +1 -1
  332. package/optimize/es/components/call_out/call_out.styles.js +5 -4
  333. package/optimize/es/components/card/card.styles.js +6 -3
  334. package/optimize/es/components/code/code.styles.js +1 -1
  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 -27
  338. package/optimize/es/components/code/utils.js +5 -2
  339. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  340. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  341. package/optimize/es/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  342. package/optimize/es/components/color_picker/color_picker.js +4 -3
  343. package/optimize/es/components/color_picker/color_picker.styles.js +1 -2
  344. package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -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.stories.utils.js +0 -18
  348. package/optimize/es/components/datagrid/data_grid.styles.js +6 -7
  349. package/optimize/es/components/date_picker/date_picker.styles.js +1 -1
  350. package/optimize/es/components/date_picker/date_picker_range.styles.js +1 -1
  351. package/optimize/es/components/date_picker/react_date_picker.styles.js +2 -1
  352. package/optimize/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +3 -0
  353. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
  354. package/optimize/es/components/drag_and_drop/droppable.styles.js +2 -4
  355. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +6 -2
  356. package/optimize/es/components/expression/expression.styles.js +13 -13
  357. package/optimize/es/components/filter_group/filter_select_item.styles.js +1 -2
  358. package/optimize/es/components/flyout/_flyout_close_button.styles.js +2 -3
  359. package/optimize/es/components/flyout/flyout.js +1 -1
  360. package/optimize/es/components/flyout/flyout.styles.js +8 -3
  361. package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
  362. package/optimize/es/components/form/form.styles.js +28 -32
  363. package/optimize/es/components/form/range/range_tooltip.styles.js +11 -13
  364. package/optimize/es/components/form/switch/switch.js +3 -2
  365. package/optimize/es/components/form/switch/switch.styles.js +16 -19
  366. package/optimize/es/components/header/header.styles.js +7 -8
  367. package/optimize/es/components/icon/icon.styles.js +9 -8
  368. package/optimize/es/components/icon/named_colors.js +1 -1
  369. package/optimize/es/components/image/image.styles.js +1 -1
  370. package/optimize/es/components/image/image_button.styles.js +1 -1
  371. package/optimize/es/components/inline_edit/inline_edit_form.styles.js +1 -2
  372. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  373. package/optimize/es/components/link/link.styles.js +6 -6
  374. package/optimize/es/components/list_group/list_group_item.styles.js +9 -11
  375. package/optimize/es/components/loading/loading_chart.styles.js +13 -5
  376. package/optimize/es/components/loading/loading_spinner.styles.js +2 -2
  377. package/optimize/es/components/mark/mark.styles.js +2 -9
  378. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  379. package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -2
  380. package/optimize/es/components/modal/modal.styles.js +2 -2
  381. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +1 -2
  382. package/optimize/es/components/page_template/inner/page_inner.styles.js +3 -3
  383. package/optimize/es/components/pagination/pagination.styles.js +2 -2
  384. package/optimize/es/components/panel/panel.styles.js +3 -2
  385. package/optimize/es/components/popover/popover.js +1 -1
  386. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +8 -3
  387. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +15 -13
  388. package/optimize/es/components/popover/popover_footer.styles.js +1 -1
  389. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +7 -6
  390. package/optimize/es/components/progress/progress.js +1 -1
  391. package/optimize/es/components/progress/progress.styles.js +30 -28
  392. package/optimize/es/components/provider/provider.js +1 -1
  393. package/optimize/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
  394. package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  395. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  396. package/optimize/es/components/side_nav/side_nav_item.styles.js +6 -7
  397. package/optimize/es/components/skeleton/utils.js +5 -7
  398. package/optimize/es/components/stat/stat.styles.js +5 -5
  399. package/optimize/es/components/steps/step_number.styles.js +1 -1
  400. package/optimize/es/components/table/table_cells_shared.styles.js +3 -8
  401. package/optimize/es/components/table/table_header_cell.js +14 -3
  402. package/optimize/es/components/table/table_row.styles.js +9 -11
  403. package/optimize/es/components/tabs/tab.styles.js +2 -2
  404. package/optimize/es/components/text/text.styles.js +2 -2
  405. package/optimize/es/components/text/text_color.js +1 -1
  406. package/optimize/es/components/text/text_color.styles.js +6 -5
  407. package/optimize/es/components/text_diff/text_diff.styles.js +1 -1
  408. package/optimize/es/components/toast/toast.styles.js +2 -2
  409. package/optimize/es/components/token/token.js +10 -4
  410. package/optimize/es/components/token/token.styles.js +14 -5
  411. package/optimize/es/components/token/token_map.js +243 -1
  412. package/optimize/es/components/tool_tip/tool_tip.styles.js +13 -25
  413. package/optimize/es/components/tour/_tour_footer.styles.js +2 -4
  414. package/optimize/es/components/tour/tour.styles.js +8 -12
  415. package/optimize/es/components/tree_view/tree_view_item.styles.js +1 -2
  416. package/optimize/es/global_styling/functions/math.js +1 -49
  417. package/optimize/es/global_styling/functions/size.js +1 -17
  418. package/optimize/es/global_styling/mixins/_button.js +159 -0
  419. package/optimize/es/global_styling/mixins/_color.js +39 -31
  420. package/optimize/es/global_styling/mixins/_shadow.js +31 -0
  421. package/optimize/es/global_styling/mixins/index.js +3 -1
  422. package/optimize/es/global_styling/reset/global_styles.js +3 -3
  423. package/optimize/es/global_styling/variables/animations.js +1 -22
  424. package/optimize/es/global_styling/variables/breakpoint.js +1 -7
  425. package/optimize/es/global_styling/variables/levels.js +1 -17
  426. package/optimize/es/global_styling/variables/shadow.js +1 -11
  427. package/optimize/es/global_styling/variables/size.js +1 -1
  428. package/optimize/es/global_styling/variables/typography.js +1 -32
  429. package/optimize/es/services/color/eui_palettes.js +148 -54
  430. package/optimize/es/services/color/eui_palettes_hooks.js +71 -0
  431. package/optimize/es/services/color/index.js +2 -0
  432. package/optimize/es/services/color/vis_color_store.js +13 -0
  433. package/optimize/es/services/index.js +2 -1
  434. package/optimize/es/services/popover/index.js +4 -1
  435. package/optimize/es/services/popover/popover_arrow.styles.js +31 -0
  436. package/optimize/es/services/popover/popover_positioning.js +6 -17
  437. package/optimize/es/services/theme/provider.js +15 -2
  438. package/optimize/es/services/theme/types.js +1 -6
  439. package/optimize/es/services/theme/utils.js +1 -295
  440. package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
  441. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +1 -198
  442. package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
  443. package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  444. package/optimize/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
  445. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +270 -0
  446. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
  447. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
  448. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +611 -0
  449. package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +153 -0
  450. package/optimize/es/themes/amsterdam/theme.js +7 -1
  451. package/optimize/es/themes/index.js +1 -2
  452. package/optimize/es/themes/themes.js +1 -21
  453. package/optimize/lib/components/accordion/accordion.js +2 -1
  454. package/optimize/lib/components/accordion/accordion_children/accordion_children.js +19 -6
  455. package/optimize/lib/components/accordion/accordion_children/accordion_children.styles.js +5 -0
  456. package/optimize/lib/components/avatar/avatar.js +2 -2
  457. package/optimize/lib/components/badge/badge.styles.js +1 -2
  458. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
  459. package/optimize/lib/components/badge/color_utils.js +14 -13
  460. package/optimize/lib/components/basic_table/basic_table.js +4 -1
  461. package/optimize/lib/components/beacon/beacon.styles.js +2 -2
  462. package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
  463. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  464. package/optimize/lib/components/button/button.js +1 -1
  465. package/optimize/lib/components/button/button_display/_button_display.styles.js +1 -1
  466. package/optimize/lib/components/button/button_empty/button_empty.js +1 -1
  467. package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
  468. package/optimize/lib/components/button/button_group/button_group_button.styles.js +5 -5
  469. package/optimize/lib/components/button/button_icon/button_icon.js +1 -1
  470. package/optimize/lib/components/button/button_icon/button_icon.styles.js +1 -1
  471. package/optimize/lib/components/call_out/call_out.js +1 -1
  472. package/optimize/lib/components/call_out/call_out.styles.js +5 -4
  473. package/optimize/lib/components/card/card.styles.js +5 -2
  474. package/optimize/lib/components/code/code.styles.js +1 -1
  475. package/optimize/lib/components/code/code_block_annotations.js +1 -1
  476. package/optimize/lib/components/code/code_block_line.styles.js +1 -2
  477. package/optimize/lib/components/code/code_syntax.styles.js +24 -27
  478. package/optimize/lib/components/code/utils.js +6 -1
  479. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  480. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  481. package/optimize/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  482. package/optimize/lib/components/color_picker/color_picker.js +3 -2
  483. package/optimize/lib/components/color_picker/color_picker.styles.js +1 -2
  484. package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  485. package/optimize/lib/components/comment_list/comment_event.js +4 -3
  486. package/optimize/lib/components/common.js +0 -28
  487. package/optimize/lib/components/datagrid/data_grid.stories.utils.js +1 -19
  488. package/optimize/lib/components/datagrid/data_grid.styles.js +6 -7
  489. package/optimize/lib/components/date_picker/date_picker.styles.js +2 -2
  490. package/optimize/lib/components/date_picker/date_picker_range.styles.js +2 -2
  491. package/optimize/lib/components/date_picker/react_date_picker.styles.js +3 -2
  492. package/optimize/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +3 -0
  493. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
  494. package/optimize/lib/components/drag_and_drop/droppable.styles.js +2 -4
  495. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +5 -1
  496. package/optimize/lib/components/expression/expression.styles.js +13 -13
  497. package/optimize/lib/components/filter_group/filter_select_item.styles.js +1 -2
  498. package/optimize/lib/components/flyout/_flyout_close_button.styles.js +3 -4
  499. package/optimize/lib/components/flyout/flyout.js +1 -1
  500. package/optimize/lib/components/flyout/flyout.styles.js +8 -3
  501. package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
  502. package/optimize/lib/components/form/form.styles.js +27 -31
  503. package/optimize/lib/components/form/range/range_tooltip.styles.js +11 -13
  504. package/optimize/lib/components/form/switch/switch.js +3 -2
  505. package/optimize/lib/components/form/switch/switch.styles.js +16 -19
  506. package/optimize/lib/components/header/header.styles.js +7 -8
  507. package/optimize/lib/components/icon/icon.styles.js +9 -8
  508. package/optimize/lib/components/icon/named_colors.js +1 -1
  509. package/optimize/lib/components/image/image.styles.js +2 -2
  510. package/optimize/lib/components/image/image_button.styles.js +3 -3
  511. package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +1 -2
  512. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  513. package/optimize/lib/components/link/link.styles.js +6 -6
  514. package/optimize/lib/components/list_group/list_group_item.styles.js +8 -10
  515. package/optimize/lib/components/loading/loading_chart.styles.js +13 -5
  516. package/optimize/lib/components/loading/loading_spinner.styles.js +2 -2
  517. package/optimize/lib/components/mark/mark.styles.js +2 -9
  518. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  519. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  520. package/optimize/lib/components/modal/modal.styles.js +3 -3
  521. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +1 -2
  522. package/optimize/lib/components/page_template/inner/page_inner.styles.js +2 -2
  523. package/optimize/lib/components/pagination/pagination.styles.js +2 -2
  524. package/optimize/lib/components/panel/panel.styles.js +4 -3
  525. package/optimize/lib/components/popover/popover.js +1 -1
  526. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
  527. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
  528. package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
  529. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  530. package/optimize/lib/components/progress/progress.js +1 -1
  531. package/optimize/lib/components/progress/progress.styles.js +29 -27
  532. package/optimize/lib/components/provider/provider.js +1 -1
  533. package/optimize/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  534. package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  535. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  536. package/optimize/lib/components/side_nav/side_nav_item.styles.js +6 -7
  537. package/optimize/lib/components/skeleton/utils.js +4 -6
  538. package/optimize/lib/components/stat/stat.styles.js +5 -5
  539. package/optimize/lib/components/steps/step_number.styles.js +1 -1
  540. package/optimize/lib/components/table/table_cells_shared.styles.js +3 -8
  541. package/optimize/lib/components/table/table_header_cell.js +14 -3
  542. package/optimize/lib/components/table/table_row.styles.js +8 -10
  543. package/optimize/lib/components/tabs/tab.styles.js +2 -2
  544. package/optimize/lib/components/text/text.styles.js +1 -1
  545. package/optimize/lib/components/text/text_color.js +1 -1
  546. package/optimize/lib/components/text/text_color.styles.js +6 -5
  547. package/optimize/lib/components/text_diff/text_diff.styles.js +1 -1
  548. package/optimize/lib/components/toast/toast.styles.js +2 -2
  549. package/optimize/lib/components/token/token.js +13 -4
  550. package/optimize/lib/components/token/token.styles.js +14 -5
  551. package/optimize/lib/components/token/token_map.js +244 -2
  552. package/optimize/lib/components/tool_tip/tool_tip.styles.js +12 -24
  553. package/optimize/lib/components/tour/_tour_footer.styles.js +2 -4
  554. package/optimize/lib/components/tour/tour.styles.js +8 -12
  555. package/optimize/lib/components/tree_view/tree_view_item.styles.js +1 -2
  556. package/optimize/lib/global_styling/functions/math.js +7 -59
  557. package/optimize/lib/global_styling/functions/size.js +7 -27
  558. package/optimize/lib/global_styling/mixins/_button.js +165 -0
  559. package/optimize/lib/global_styling/mixins/_color.js +38 -30
  560. package/optimize/lib/global_styling/mixins/_shadow.js +84 -0
  561. package/optimize/lib/global_styling/mixins/index.js +22 -0
  562. package/optimize/lib/global_styling/reset/global_styles.js +2 -2
  563. package/optimize/lib/global_styling/variables/animations.js +25 -31
  564. package/optimize/lib/global_styling/variables/breakpoint.js +7 -16
  565. package/optimize/lib/global_styling/variables/levels.js +7 -26
  566. package/optimize/lib/global_styling/variables/shadow.js +13 -20
  567. package/optimize/lib/global_styling/variables/size.js +7 -10
  568. package/optimize/lib/global_styling/variables/typography.js +19 -41
  569. package/optimize/lib/services/color/eui_palettes.js +148 -54
  570. package/optimize/lib/services/color/eui_palettes_hooks.js +76 -0
  571. package/optimize/lib/services/color/index.js +20 -0
  572. package/optimize/lib/services/color/vis_color_store.js +18 -0
  573. package/optimize/lib/services/index.js +19 -0
  574. package/optimize/lib/services/popover/index.js +8 -1
  575. package/optimize/lib/services/popover/popover_arrow.styles.js +37 -0
  576. package/optimize/lib/services/popover/popover_positioning.js +6 -17
  577. package/optimize/lib/services/theme/provider.js +15 -2
  578. package/optimize/lib/services/theme/types.js +13 -14
  579. package/optimize/lib/services/theme/utils.js +54 -296
  580. package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  581. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +45 -203
  582. package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  583. package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  584. package/optimize/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  585. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
  586. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  587. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  588. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +616 -0
  589. package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +158 -0
  590. package/optimize/lib/themes/amsterdam/theme.js +7 -1
  591. package/optimize/lib/themes/index.js +4 -11
  592. package/optimize/lib/themes/themes.js +1 -23
  593. package/package.json +8 -3
  594. package/src/global_styling/functions/_colors.scss +3 -3
  595. package/src/global_styling/functions/_index.scss +1 -5
  596. package/src/global_styling/index.scss +1 -10
  597. package/src/global_styling/mixins/_shadow.scss +1 -1
  598. package/src/global_styling/mixins/_typography.scss +2 -2
  599. package/src/global_styling/variables/_animations.scss +1 -8
  600. package/src/global_styling/variables/_borders.scss +1 -9
  601. package/src/global_styling/variables/_buttons.scss +1 -18
  602. package/src/global_styling/variables/_font_weight.scss +1 -7
  603. package/src/global_styling/variables/_form.scss +2 -21
  604. package/src/global_styling/variables/_index.scss +0 -1
  605. package/src/global_styling/variables/_responsive.scss +1 -9
  606. package/src/global_styling/variables/_shadows.scss +1 -1
  607. package/src/global_styling/variables/_size.scss +1 -13
  608. package/src/global_styling/variables/_states.scss +1 -14
  609. package/src/global_styling/variables/_typography.scss +1 -75
  610. package/src/global_styling/variables/_z_index.scss +1 -33
  611. package/src/themes/amsterdam/_colors_dark.scss +80 -8
  612. package/src/themes/amsterdam/_colors_light.scss +80 -8
  613. package/src/themes/amsterdam/global_styling/variables/_forms.scss +12 -0
  614. package/src/themes/amsterdam/global_styling/variables/_index.scss +2 -0
  615. package/test-env/components/accordion/accordion.js +2 -1
  616. package/test-env/components/accordion/accordion_children/accordion_children.js +19 -6
  617. package/test-env/components/accordion/accordion_children/accordion_children.styles.js +5 -0
  618. package/test-env/components/avatar/avatar.js +2 -2
  619. package/test-env/components/badge/badge.styles.js +1 -2
  620. package/test-env/components/badge/beta_badge/beta_badge.styles.js +3 -1
  621. package/test-env/components/badge/color_utils.js +14 -13
  622. package/test-env/components/basic_table/basic_table.js +135 -2
  623. package/test-env/components/basic_table/in_memory_table.js +131 -1
  624. package/test-env/components/beacon/beacon.styles.js +2 -2
  625. package/test-env/components/bottom_bar/bottom_bar.styles.js +2 -3
  626. package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
  627. package/test-env/components/button/button.js +1 -1
  628. package/test-env/components/button/button_display/_button_display.styles.js +1 -1
  629. package/test-env/components/button/button_empty/button_empty.js +1 -1
  630. package/test-env/components/button/button_group/button_group_button.js +1 -1
  631. package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
  632. package/test-env/components/button/button_icon/button_icon.js +1 -1
  633. package/test-env/components/button/button_icon/button_icon.styles.js +1 -1
  634. package/test-env/components/call_out/call_out.js +1 -1
  635. package/test-env/components/call_out/call_out.styles.js +5 -4
  636. package/test-env/components/card/card.js +1 -1
  637. package/test-env/components/card/card.styles.js +5 -2
  638. package/test-env/components/code/code.styles.js +1 -1
  639. package/test-env/components/code/code_block_annotations.js +1 -1
  640. package/test-env/components/code/code_block_line.styles.js +1 -2
  641. package/test-env/components/code/code_syntax.styles.js +24 -27
  642. package/test-env/components/code/utils.js +6 -1
  643. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
  644. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  645. package/test-env/components/color_picker/color_palette_display/color_palette_display.styles.js +1 -2
  646. package/test-env/components/color_picker/color_picker.js +3 -2
  647. package/test-env/components/color_picker/color_picker.styles.js +1 -2
  648. package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
  649. package/test-env/components/comment_list/comment.js +1 -1
  650. package/test-env/components/comment_list/comment_event.js +5 -4
  651. package/test-env/components/comment_list/comment_list.js +1 -1
  652. package/test-env/components/common.js +0 -28
  653. package/test-env/components/datagrid/data_grid.stories.utils.js +1 -1091
  654. package/test-env/components/datagrid/data_grid.styles.js +6 -7
  655. package/test-env/components/date_picker/date_picker.styles.js +2 -2
  656. package/test-env/components/date_picker/date_picker_range.styles.js +2 -2
  657. package/test-env/components/date_picker/react_date_picker.styles.js +3 -2
  658. package/test-env/components/date_picker/super_date_picker/date_popover/absolute_tab.js +3 -0
  659. package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
  660. package/test-env/components/drag_and_drop/droppable.styles.js +2 -4
  661. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  662. package/test-env/components/empty_prompt/empty_prompt.styles.js +5 -1
  663. package/test-env/components/expression/expression.styles.js +13 -13
  664. package/test-env/components/filter_group/filter_select_item.styles.js +1 -2
  665. package/test-env/components/flyout/_flyout_close_button.styles.js +3 -4
  666. package/test-env/components/flyout/flyout.styles.js +8 -3
  667. package/test-env/components/flyout/flyout_footer.styles.js +1 -1
  668. package/test-env/components/form/form.styles.js +27 -31
  669. package/test-env/components/form/range/range_tooltip.styles.js +11 -13
  670. package/test-env/components/form/switch/switch.js +3 -2
  671. package/test-env/components/form/switch/switch.styles.js +16 -19
  672. package/test-env/components/header/header.styles.js +7 -8
  673. package/test-env/components/icon/icon.styles.js +9 -8
  674. package/test-env/components/icon/named_colors.js +1 -1
  675. package/test-env/components/image/image.styles.js +2 -2
  676. package/test-env/components/image/image_button.styles.js +3 -3
  677. package/test-env/components/inline_edit/inline_edit_form.js +4 -4
  678. package/test-env/components/inline_edit/inline_edit_form.styles.js +1 -2
  679. package/test-env/components/inline_edit/inline_edit_text.js +4 -4
  680. package/test-env/components/inline_edit/inline_edit_title.js +4 -4
  681. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
  682. package/test-env/components/link/link.styles.js +6 -6
  683. package/test-env/components/list_group/list_group_item.styles.js +8 -10
  684. package/test-env/components/loading/loading_chart.styles.js +13 -5
  685. package/test-env/components/loading/loading_spinner.styles.js +2 -2
  686. package/test-env/components/mark/mark.styles.js +2 -9
  687. package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
  688. package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
  689. package/test-env/components/modal/modal.styles.js +3 -3
  690. package/test-env/components/overlay_mask/overlay_mask.styles.js +1 -2
  691. package/test-env/components/page_template/inner/page_inner.styles.js +2 -2
  692. package/test-env/components/pagination/pagination.styles.js +2 -2
  693. package/test-env/components/panel/panel.js +1 -1
  694. package/test-env/components/panel/panel.styles.js +4 -3
  695. package/test-env/components/panel/split_panel/split_panel.js +1 -1
  696. package/test-env/components/popover/popover.js +1 -1
  697. package/test-env/components/popover/popover_arrow/_popover_arrow.js +8 -3
  698. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
  699. package/test-env/components/popover/popover_footer.styles.js +1 -1
  700. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +10 -9
  701. package/test-env/components/progress/progress.js +1 -1
  702. package/test-env/components/progress/progress.styles.js +29 -27
  703. package/test-env/components/provider/provider.js +1 -1
  704. package/test-env/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  705. package/test-env/components/resizable_container/resizable_panel.js +1 -1
  706. package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +2 -3
  707. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  708. package/test-env/components/side_nav/side_nav_item.styles.js +6 -7
  709. package/test-env/components/skeleton/utils.js +4 -6
  710. package/test-env/components/stat/stat.styles.js +5 -5
  711. package/test-env/components/steps/step_number.styles.js +1 -1
  712. package/test-env/components/table/table_cells_shared.styles.js +3 -8
  713. package/test-env/components/table/table_header_cell.js +76 -4
  714. package/test-env/components/table/table_row.styles.js +8 -10
  715. package/test-env/components/tabs/tab.styles.js +2 -2
  716. package/test-env/components/text/text.styles.js +1 -1
  717. package/test-env/components/text/text_color.js +1 -1
  718. package/test-env/components/text/text_color.styles.js +6 -5
  719. package/test-env/components/text_diff/text_diff.styles.js +1 -1
  720. package/test-env/components/toast/toast.styles.js +2 -2
  721. package/test-env/components/token/token.js +13 -4
  722. package/test-env/components/token/token.styles.js +14 -5
  723. package/test-env/components/token/token_map.js +244 -2
  724. package/test-env/components/tool_tip/tool_tip.styles.js +12 -24
  725. package/test-env/components/tour/_tour_footer.styles.js +2 -4
  726. package/test-env/components/tour/tour.styles.js +8 -12
  727. package/test-env/components/tree_view/tree_view_item.styles.js +1 -2
  728. package/test-env/global_styling/functions/math.js +7 -59
  729. package/test-env/global_styling/functions/size.js +7 -27
  730. package/test-env/global_styling/mixins/_button.js +165 -0
  731. package/test-env/global_styling/mixins/_color.js +38 -30
  732. package/test-env/global_styling/mixins/_shadow.js +84 -0
  733. package/test-env/global_styling/mixins/index.js +22 -0
  734. package/test-env/global_styling/reset/global_styles.js +2 -2
  735. package/test-env/global_styling/variables/animations.js +25 -31
  736. package/test-env/global_styling/variables/breakpoint.js +7 -16
  737. package/test-env/global_styling/variables/levels.js +7 -26
  738. package/test-env/global_styling/variables/shadow.js +13 -20
  739. package/test-env/global_styling/variables/size.js +7 -10
  740. package/test-env/global_styling/variables/typography.js +19 -41
  741. package/test-env/services/breakpoint/current_breakpoint_hook.js +3 -3
  742. package/test-env/services/color/eui_palettes.js +148 -54
  743. package/test-env/services/color/eui_palettes_hooks.js +76 -0
  744. package/test-env/services/color/index.js +20 -0
  745. package/test-env/services/color/vis_color_store.js +18 -0
  746. package/test-env/services/index.js +19 -0
  747. package/test-env/services/popover/index.js +8 -1
  748. package/test-env/services/popover/popover_arrow.styles.js +37 -0
  749. package/test-env/services/popover/popover_positioning.js +6 -17
  750. package/test-env/services/theme/provider.js +15 -2
  751. package/test-env/services/theme/types.js +13 -14
  752. package/test-env/services/theme/utils.js +54 -296
  753. package/test-env/themes/amsterdam/global_styling/functions/shadows.js +7 -19
  754. package/test-env/themes/amsterdam/global_styling/mixins/button.js +45 -203
  755. package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
  756. package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  757. package/test-env/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
  758. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
  759. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +616 -24
  760. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
  761. package/test-env/themes/amsterdam/global_styling/variables/_components.js +616 -0
  762. package/test-env/themes/amsterdam/global_styling/variables/_forms.js +158 -0
  763. package/test-env/themes/amsterdam/theme.js +7 -1
  764. package/test-env/themes/index.js +4 -11
  765. package/test-env/themes/themes.js +1 -23
  766. package/es/global_styling/variables/_colors_vis.js +0 -61
  767. package/lib/global_styling/variables/_colors_vis.js +0 -67
  768. package/optimize/es/global_styling/variables/_colors_vis.js +0 -61
  769. package/optimize/lib/global_styling/variables/_colors_vis.js +0 -67
  770. package/test-env/global_styling/variables/_colors_vis.js +0 -67
  771. /package/src/{global_styling → themes/amsterdam/global_styling}/variables/_colors_vis.scss +0 -0
@@ -0,0 +1,139 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.colorVis = void 0;
7
+ /*
8
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
9
+ * or more contributor license agreements. Licensed under the Elastic License
10
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
11
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
12
+ * Side Public License, v 1.
13
+ */
14
+
15
+ /**
16
+ * NOTE: These were quick conversions of their Sass counterparts.
17
+ * They have yet to be used/tested.
18
+ * TODO: Make the graphic version available from `euiPaletteColorBlind()`
19
+ */
20
+
21
+ // Maps allow for easier JSON usage
22
+ // Use map_merge(euiColorVisColors, $yourMap) to change individual colors after importing ths file
23
+ // The `behindText` variant is a direct copy of the hex output by the JS euiPaletteColorBlindBehindText() function
24
+ var euiPaletteColorBlind = {
25
+ euiColorVis0: {
26
+ graphic: '#54B399',
27
+ behindText: '#6DCCB1'
28
+ },
29
+ euiColorVis1: {
30
+ graphic: '#6092C0',
31
+ behindText: '#79AAD9'
32
+ },
33
+ euiColorVis2: {
34
+ graphic: '#D36086',
35
+ behindText: '#EE789D'
36
+ },
37
+ euiColorVis3: {
38
+ graphic: '#9170B8',
39
+ behindText: '#A987D1'
40
+ },
41
+ euiColorVis4: {
42
+ graphic: '#CA8EAE',
43
+ behindText: '#E4A6C7'
44
+ },
45
+ euiColorVis5: {
46
+ graphic: '#D6BF57',
47
+ behindText: '#F1D86F'
48
+ },
49
+ euiColorVis6: {
50
+ graphic: '#B9A888',
51
+ behindText: '#D2C0A0'
52
+ },
53
+ euiColorVis7: {
54
+ graphic: '#DA8B45',
55
+ behindText: '#F5A35C'
56
+ },
57
+ euiColorVis8: {
58
+ graphic: '#AA6556',
59
+ behindText: '#C47C6C'
60
+ },
61
+ euiColorVis9: {
62
+ graphic: '#E7664C',
63
+ behindText: '#FF7E62'
64
+ }
65
+ };
66
+ var colorVis = exports.colorVis = {
67
+ euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
68
+ euiColorVis1: euiPaletteColorBlind.euiColorVis1.graphic,
69
+ euiColorVis2: euiPaletteColorBlind.euiColorVis2.graphic,
70
+ euiColorVis3: euiPaletteColorBlind.euiColorVis3.graphic,
71
+ euiColorVis4: euiPaletteColorBlind.euiColorVis4.graphic,
72
+ euiColorVis5: euiPaletteColorBlind.euiColorVis5.graphic,
73
+ euiColorVis6: euiPaletteColorBlind.euiColorVis6.graphic,
74
+ euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
75
+ euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
76
+ euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
77
+ /**
78
+ * behindText variables are temp tokens; used only during theme migration.
79
+ * TODO: remove once Amsterdam is fully migrated
80
+ */
81
+ euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.behindText,
82
+ euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.behindText,
83
+ euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.behindText,
84
+ euiColorVisBehindText3: euiPaletteColorBlind.euiColorVis3.behindText,
85
+ euiColorVisBehindText4: euiPaletteColorBlind.euiColorVis4.behindText,
86
+ euiColorVisBehindText5: euiPaletteColorBlind.euiColorVis5.behindText,
87
+ euiColorVisBehindText6: euiPaletteColorBlind.euiColorVis6.behindText,
88
+ euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.behindText,
89
+ euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.behindText,
90
+ euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.behindText,
91
+ euiColorVisAsTextLight0: '#006BB4',
92
+ euiColorVisAsTextLight1: '#017D73',
93
+ euiColorVisAsTextLight2: '#F5A700',
94
+ euiColorVisAsTextLight3: '#BD271E',
95
+ euiColorVisAsTextLight4: '#DD0A73',
96
+ euiColorVisAsTextLight5: '#006BB4',
97
+ // duplicated to handle color amount difference between themes
98
+ euiColorVisAsTextLight6: '#017D73',
99
+ euiColorVisAsTextDark0: '#1BA9F5',
100
+ euiColorVisAsTextDark1: '#7DE2D1',
101
+ euiColorVisAsTextDark2: '#F990C0',
102
+ euiColorVisAsTextDark3: '#F66',
103
+ euiColorVisAsTextDark4: '#FFCE7A',
104
+ euiColorVisAsTextDark5: '#1BA9F5',
105
+ euiColorVisAsTextDark6: '#7DE2D1',
106
+ euiColorVisSuccess0: '#209280',
107
+ euiColorVisSuccess1: euiPaletteColorBlind.euiColorVis0.graphic,
108
+ euiColorVisWarning0: '#D6BF57',
109
+ euiColorVisDanger0: '#CC5642',
110
+ euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
111
+ euiColorVisNeutral0: '#FFFFFF',
112
+ euiColorSeverity0: '#D3DAE6',
113
+ euiColorSeverity1: '#6092C0',
114
+ euiColorSeverity2: '#78A2C9',
115
+ euiColorSeverity3: '#90B0D1',
116
+ euiColorSeverity4: '#A6C0DA',
117
+ euiColorSeverity5: '#BECFE3',
118
+ euiColorSeverity6: '#DECC79',
119
+ euiColorSeverity7: '#D6BF57',
120
+ euiColorSeverity8: '#E69D8F',
121
+ euiColorSeverity9: '#E2907F',
122
+ euiColorSeverity10: '#E18773',
123
+ euiColorSeverity11: '#DD7B67',
124
+ euiColorSeverity12: '#D66E5C',
125
+ euiColorSeverity13: '#D2634E',
126
+ euiColorSeverity14: '#CC5642',
127
+ euiColorVisGrey0: '#d3dae6',
128
+ euiColorVisGrey1: '#98a2b3',
129
+ euiColorVisGrey2: '#69707d',
130
+ euiColorVisGrey3: '#343741',
131
+ euiColorVisWarm0: '#FBFBDC',
132
+ euiColorVisWarm1: euiPaletteColorBlind.euiColorVis7.graphic,
133
+ euiColorVisWarm2: euiPaletteColorBlind.euiColorVis9.graphic,
134
+ euiColorVisCool0: '#EBEFF5',
135
+ euiColorVisCool1: euiPaletteColorBlind.euiColorVis1.graphic,
136
+ euiColorVisCool2: '#6092C0',
137
+ euiColorVisComplementary0: euiPaletteColorBlind.euiColorVis1.graphic,
138
+ euiColorVisComplementary1: euiPaletteColorBlind.euiColorVis7.graphic
139
+ };