@elastic/eui 99.3.0-classic.0 → 99.4.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 (763) hide show
  1. package/dist/{eui_theme_amsterdam_dark.json → eui_theme_dark.json} +65 -177
  2. package/dist/{eui_theme_borealis_dark.json.d.ts → eui_theme_dark.json.d.ts} +66 -178
  3. package/dist/{eui_theme_amsterdam_light.json → eui_theme_light.json} +65 -177
  4. package/dist/{eui_theme_amsterdam_dark.json.d.ts → eui_theme_light.json.d.ts} +66 -178
  5. package/es/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
  6. package/es/components/avatar/avatar.js +4 -4
  7. package/es/components/badge/badge.styles.js +2 -1
  8. package/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
  9. package/es/components/badge/color_utils.js +8 -9
  10. package/es/components/beacon/beacon.styles.js +2 -2
  11. package/es/components/bottom_bar/bottom_bar.styles.js +3 -2
  12. package/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  13. package/es/components/button/button.js +1 -1
  14. package/es/components/button/button_display/_button_display.styles.js +1 -1
  15. package/es/components/button/button_empty/button_empty.js +1 -1
  16. package/es/components/button/button_group/button_group_button.js +1 -1
  17. package/es/components/button/button_group/button_group_button.styles.js +6 -6
  18. package/es/components/button/button_icon/button_icon.js +1 -1
  19. package/es/components/button/button_icon/button_icon.styles.js +1 -1
  20. package/es/components/call_out/call_out.styles.js +4 -4
  21. package/es/components/card/card.js +1 -1
  22. package/es/components/card/card.styles.js +3 -6
  23. package/es/components/code/code_block_annotations.js +1 -1
  24. package/es/components/code/code_block_line.styles.js +2 -1
  25. package/es/components/code/code_syntax.styles.js +28 -24
  26. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  27. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
  28. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
  29. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
  30. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
  31. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
  32. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
  33. package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  34. package/es/components/color_picker/color_picker.js +3 -4
  35. package/es/components/color_picker/color_picker.styles.js +2 -1
  36. package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  37. package/es/components/combo_box/combo_box.js +5 -1
  38. package/es/components/combo_box/combo_box_input/combo_box_input.js +1 -0
  39. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
  40. package/es/components/comment_list/comment.js +1 -1
  41. package/es/components/comment_list/comment_event.js +4 -5
  42. package/es/components/comment_list/comment_list.js +1 -1
  43. package/es/components/common.js +28 -0
  44. package/es/components/datagrid/data_grid.styles.js +7 -6
  45. package/es/components/date_picker/date_picker.styles.js +1 -1
  46. package/es/components/date_picker/date_picker_range.styles.js +1 -1
  47. package/es/components/date_picker/react_date_picker.styles.js +1 -2
  48. package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +63 -7
  49. package/es/components/date_picker/super_date_picker/super_date_picker.js +12 -2
  50. package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +5 -4
  51. package/es/components/drag_and_drop/droppable.styles.js +4 -2
  52. package/es/components/empty_prompt/empty_prompt.js +1 -1
  53. package/es/components/empty_prompt/empty_prompt.styles.js +2 -6
  54. package/es/components/expression/expression.styles.js +13 -13
  55. package/es/components/filter_group/filter_select_item.js +1 -1
  56. package/es/components/filter_group/filter_select_item.styles.js +2 -1
  57. package/es/components/flyout/_flyout_close_button.styles.js +3 -2
  58. package/es/components/flyout/flyout.js +1 -1
  59. package/es/components/flyout/flyout.styles.js +3 -8
  60. package/es/components/flyout/flyout_footer.styles.js +1 -1
  61. package/es/components/form/form.styles.js +32 -28
  62. package/es/components/form/range/range_tooltip.styles.js +13 -11
  63. package/es/components/form/switch/switch.js +7 -3
  64. package/es/components/form/switch/switch.styles.js +19 -16
  65. package/es/components/header/header.styles.js +10 -9
  66. package/es/components/icon/icon.styles.js +8 -9
  67. package/es/components/icon/named_colors.js +1 -1
  68. package/es/components/image/image.styles.js +1 -1
  69. package/es/components/image/image_button.styles.js +1 -1
  70. package/es/components/inline_edit/inline_edit_form.styles.js +2 -1
  71. package/es/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
  72. package/es/components/link/link.styles.js +6 -6
  73. package/es/components/list_group/list_group_item.styles.js +11 -9
  74. package/es/components/loading/loading_chart.styles.js +5 -18
  75. package/es/components/loading/loading_spinner.styles.js +2 -2
  76. package/es/components/mark/mark.styles.js +9 -2
  77. package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  78. package/es/components/markdown_editor/markdown_format.styles.js +2 -2
  79. package/es/components/modal/modal.styles.js +2 -2
  80. package/es/components/overlay_mask/overlay_mask.styles.js +2 -1
  81. package/es/components/page_template/inner/page_inner.styles.js +3 -3
  82. package/es/components/pagination/pagination.styles.js +2 -2
  83. package/es/components/panel/panel.js +1 -1
  84. package/es/components/panel/panel.styles.js +2 -3
  85. package/es/components/panel/split_panel/split_panel.js +1 -1
  86. package/es/components/popover/popover.js +4 -3
  87. package/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
  88. package/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -18
  89. package/es/components/popover/popover_footer.styles.js +1 -1
  90. package/es/components/popover/popover_panel/_popover_panel.styles.js +6 -7
  91. package/es/components/progress/progress.js +1 -1
  92. package/es/components/progress/progress.styles.js +28 -30
  93. package/es/components/provider/provider.js +1 -1
  94. package/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
  95. package/es/components/resizable_container/resizable_panel.js +1 -1
  96. package/es/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
  97. package/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  98. package/es/components/side_nav/side_nav_item.styles.js +7 -6
  99. package/es/components/skeleton/utils.js +7 -5
  100. package/es/components/stat/stat.styles.js +5 -5
  101. package/es/components/steps/step_number.styles.js +1 -1
  102. package/es/components/table/table_cells_shared.styles.js +8 -3
  103. package/es/components/table/table_row.styles.js +11 -9
  104. package/es/components/tabs/tab.styles.js +2 -2
  105. package/es/components/text/text.styles.js +2 -2
  106. package/es/components/text/text_color.js +1 -1
  107. package/es/components/text/text_color.styles.js +5 -6
  108. package/es/components/text_diff/text_diff.styles.js +1 -1
  109. package/es/components/toast/toast.styles.js +2 -2
  110. package/es/components/token/token.js +4 -10
  111. package/es/components/token/token.styles.js +5 -14
  112. package/es/components/token/token_map.js +1 -243
  113. package/es/components/tool_tip/tool_tip.styles.js +25 -13
  114. package/es/components/tour/_tour_footer.styles.js +4 -2
  115. package/es/components/tour/tour.styles.js +12 -8
  116. package/es/components/tree_view/tree_view_item.styles.js +2 -1
  117. package/es/global_styling/functions/math.js +49 -1
  118. package/es/global_styling/functions/size.js +17 -1
  119. package/es/global_styling/mixins/_color.js +31 -39
  120. package/es/global_styling/mixins/index.js +1 -3
  121. package/es/global_styling/reset/global_styles.js +3 -3
  122. package/es/global_styling/variables/_colors_vis.js +61 -0
  123. package/es/global_styling/variables/animations.js +22 -1
  124. package/es/global_styling/variables/breakpoint.js +7 -1
  125. package/es/global_styling/variables/levels.js +17 -1
  126. package/es/global_styling/variables/shadow.js +11 -1
  127. package/es/global_styling/variables/size.js +1 -1
  128. package/es/global_styling/variables/typography.js +32 -1
  129. package/es/services/color/eui_palettes.js +54 -148
  130. package/es/services/color/index.js +0 -2
  131. package/es/services/index.js +1 -2
  132. package/es/services/popover/index.js +1 -4
  133. package/es/services/popover/popover_positioning.js +17 -6
  134. package/es/services/theme/provider.js +2 -15
  135. package/es/services/theme/types.js +6 -1
  136. package/es/services/theme/utils.js +303 -1
  137. package/es/themes/amsterdam/global_styling/functions/shadows.js +10 -1
  138. package/es/themes/amsterdam/global_styling/mixins/button.js +203 -1
  139. package/es/themes/amsterdam/global_styling/mixins/shadow.js +146 -1
  140. package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  141. package/es/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -1
  142. package/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
  143. package/es/themes/amsterdam/theme.js +1 -7
  144. package/es/themes/index.js +2 -1
  145. package/es/themes/themes.js +21 -1
  146. package/eui.d.ts +1362 -897
  147. package/i18ntokens.json +36 -36
  148. package/lib/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
  149. package/lib/components/avatar/avatar.js +2 -2
  150. package/lib/components/badge/badge.styles.js +2 -1
  151. package/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
  152. package/lib/components/badge/color_utils.js +13 -14
  153. package/lib/components/beacon/beacon.styles.js +2 -2
  154. package/lib/components/bottom_bar/bottom_bar.styles.js +3 -2
  155. package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  156. package/lib/components/button/button.js +1 -1
  157. package/lib/components/button/button_display/_button_display.styles.js +1 -1
  158. package/lib/components/button/button_empty/button_empty.js +1 -1
  159. package/lib/components/button/button_group/button_group_button.js +1 -1
  160. package/lib/components/button/button_group/button_group_button.styles.js +5 -5
  161. package/lib/components/button/button_icon/button_icon.js +1 -1
  162. package/lib/components/button/button_icon/button_icon.styles.js +1 -1
  163. package/lib/components/call_out/call_out.styles.js +4 -4
  164. package/lib/components/card/card.js +1 -1
  165. package/lib/components/card/card.styles.js +2 -5
  166. package/lib/components/code/code_block_annotations.js +1 -1
  167. package/lib/components/code/code_block_line.styles.js +2 -1
  168. package/lib/components/code/code_syntax.styles.js +28 -24
  169. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  170. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
  171. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
  172. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
  173. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
  174. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
  175. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
  176. package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  177. package/lib/components/color_picker/color_picker.js +2 -3
  178. package/lib/components/color_picker/color_picker.styles.js +2 -1
  179. package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  180. package/lib/components/combo_box/combo_box.js +5 -1
  181. package/lib/components/combo_box/combo_box_input/combo_box_input.js +1 -0
  182. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
  183. package/lib/components/comment_list/comment.js +1 -1
  184. package/lib/components/comment_list/comment_event.js +4 -5
  185. package/lib/components/comment_list/comment_list.js +1 -1
  186. package/lib/components/common.js +28 -0
  187. package/lib/components/datagrid/data_grid.styles.js +7 -6
  188. package/lib/components/date_picker/date_picker.styles.js +2 -2
  189. package/lib/components/date_picker/date_picker_range.styles.js +2 -2
  190. package/lib/components/date_picker/react_date_picker.styles.js +2 -3
  191. package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +62 -7
  192. package/lib/components/date_picker/super_date_picker/super_date_picker.js +12 -2
  193. package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
  194. package/lib/components/drag_and_drop/droppable.styles.js +4 -2
  195. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  196. package/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
  197. package/lib/components/expression/expression.styles.js +13 -13
  198. package/lib/components/filter_group/filter_select_item.js +1 -1
  199. package/lib/components/filter_group/filter_select_item.styles.js +2 -1
  200. package/lib/components/flyout/_flyout_close_button.styles.js +4 -3
  201. package/lib/components/flyout/flyout.js +1 -1
  202. package/lib/components/flyout/flyout.styles.js +3 -8
  203. package/lib/components/flyout/flyout_footer.styles.js +1 -1
  204. package/lib/components/form/form.styles.js +31 -27
  205. package/lib/components/form/range/range_tooltip.styles.js +13 -11
  206. package/lib/components/form/switch/switch.js +7 -3
  207. package/lib/components/form/switch/switch.styles.js +19 -16
  208. package/lib/components/header/header.styles.js +9 -8
  209. package/lib/components/icon/icon.styles.js +8 -9
  210. package/lib/components/icon/named_colors.js +1 -1
  211. package/lib/components/image/image.styles.js +2 -2
  212. package/lib/components/image/image_button.styles.js +3 -3
  213. package/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
  214. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
  215. package/lib/components/link/link.styles.js +6 -6
  216. package/lib/components/list_group/list_group_item.styles.js +10 -8
  217. package/lib/components/loading/loading_chart.styles.js +5 -18
  218. package/lib/components/loading/loading_spinner.styles.js +2 -2
  219. package/lib/components/mark/mark.styles.js +9 -2
  220. package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  221. package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  222. package/lib/components/modal/modal.styles.js +3 -3
  223. package/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
  224. package/lib/components/page_template/inner/page_inner.styles.js +2 -2
  225. package/lib/components/pagination/pagination.styles.js +2 -2
  226. package/lib/components/panel/panel.js +1 -1
  227. package/lib/components/panel/panel.styles.js +3 -4
  228. package/lib/components/panel/split_panel/split_panel.js +1 -1
  229. package/lib/components/popover/popover.js +4 -3
  230. package/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
  231. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -18
  232. package/lib/components/popover/popover_footer.styles.js +1 -1
  233. package/lib/components/popover/popover_panel/_popover_panel.styles.js +9 -10
  234. package/lib/components/progress/progress.js +1 -1
  235. package/lib/components/progress/progress.styles.js +27 -29
  236. package/lib/components/provider/provider.js +1 -1
  237. package/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  238. package/lib/components/resizable_container/resizable_panel.js +1 -1
  239. package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
  240. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  241. package/lib/components/side_nav/side_nav_item.styles.js +7 -6
  242. package/lib/components/skeleton/utils.js +6 -4
  243. package/lib/components/stat/stat.styles.js +5 -5
  244. package/lib/components/steps/step_number.styles.js +1 -1
  245. package/lib/components/table/table_cells_shared.styles.js +8 -3
  246. package/lib/components/table/table_row.styles.js +10 -8
  247. package/lib/components/tabs/tab.styles.js +2 -2
  248. package/lib/components/text/text.styles.js +1 -1
  249. package/lib/components/text/text_color.js +1 -1
  250. package/lib/components/text/text_color.styles.js +5 -6
  251. package/lib/components/text_diff/text_diff.styles.js +1 -1
  252. package/lib/components/toast/toast.styles.js +2 -2
  253. package/lib/components/token/token.js +4 -12
  254. package/lib/components/token/token.styles.js +5 -14
  255. package/lib/components/token/token_map.js +2 -244
  256. package/lib/components/tool_tip/tool_tip.styles.js +24 -12
  257. package/lib/components/tour/_tour_footer.styles.js +4 -2
  258. package/lib/components/tour/tour.styles.js +12 -8
  259. package/lib/components/tree_view/tree_view_item.styles.js +2 -1
  260. package/lib/global_styling/functions/math.js +58 -7
  261. package/lib/global_styling/functions/size.js +26 -7
  262. package/lib/global_styling/mixins/_color.js +30 -38
  263. package/lib/global_styling/mixins/index.js +0 -22
  264. package/lib/global_styling/reset/global_styles.js +2 -2
  265. package/lib/global_styling/variables/_colors_vis.js +67 -0
  266. package/lib/global_styling/variables/animations.js +31 -25
  267. package/lib/global_styling/variables/breakpoint.js +16 -7
  268. package/lib/global_styling/variables/levels.js +26 -7
  269. package/lib/global_styling/variables/shadow.js +20 -13
  270. package/lib/global_styling/variables/size.js +10 -7
  271. package/lib/global_styling/variables/typography.js +41 -19
  272. package/lib/services/color/eui_palettes.js +54 -148
  273. package/lib/services/color/index.js +0 -20
  274. package/lib/services/index.js +0 -19
  275. package/lib/services/popover/index.js +1 -8
  276. package/lib/services/popover/popover_positioning.js +17 -6
  277. package/lib/services/theme/provider.js +2 -15
  278. package/lib/services/theme/types.js +14 -13
  279. package/lib/services/theme/utils.js +303 -54
  280. package/lib/themes/amsterdam/global_styling/functions/shadows.js +19 -7
  281. package/lib/themes/amsterdam/global_styling/mixins/button.js +206 -45
  282. package/lib/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
  283. package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  284. package/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
  285. package/lib/themes/amsterdam/global_styling/variables/_colors.js +24 -616
  286. package/lib/themes/amsterdam/theme.js +1 -7
  287. package/lib/themes/index.js +11 -4
  288. package/lib/themes/themes.js +23 -1
  289. package/optimize/es/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
  290. package/optimize/es/components/avatar/avatar.js +4 -4
  291. package/optimize/es/components/badge/badge.styles.js +2 -1
  292. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
  293. package/optimize/es/components/badge/color_utils.js +8 -9
  294. package/optimize/es/components/beacon/beacon.styles.js +2 -2
  295. package/optimize/es/components/bottom_bar/bottom_bar.styles.js +3 -2
  296. package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  297. package/optimize/es/components/button/button.js +1 -1
  298. package/optimize/es/components/button/button_display/_button_display.styles.js +1 -1
  299. package/optimize/es/components/button/button_empty/button_empty.js +1 -1
  300. package/optimize/es/components/button/button_group/button_group_button.js +1 -1
  301. package/optimize/es/components/button/button_group/button_group_button.styles.js +6 -6
  302. package/optimize/es/components/button/button_icon/button_icon.js +1 -1
  303. package/optimize/es/components/button/button_icon/button_icon.styles.js +1 -1
  304. package/optimize/es/components/call_out/call_out.styles.js +4 -4
  305. package/optimize/es/components/card/card.styles.js +3 -6
  306. package/optimize/es/components/code/code_block_annotations.js +1 -1
  307. package/optimize/es/components/code/code_block_line.styles.js +2 -1
  308. package/optimize/es/components/code/code_syntax.styles.js +28 -24
  309. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  310. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +2 -2
  311. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  312. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
  313. package/optimize/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  314. package/optimize/es/components/color_picker/color_picker.js +3 -4
  315. package/optimize/es/components/color_picker/color_picker.styles.js +2 -1
  316. package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  317. package/optimize/es/components/combo_box/combo_box.js +5 -1
  318. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +1 -0
  319. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
  320. package/optimize/es/components/comment_list/comment_event.js +3 -4
  321. package/optimize/es/components/common.js +28 -0
  322. package/optimize/es/components/datagrid/data_grid.styles.js +7 -6
  323. package/optimize/es/components/date_picker/date_picker.styles.js +1 -1
  324. package/optimize/es/components/date_picker/date_picker_range.styles.js +1 -1
  325. package/optimize/es/components/date_picker/react_date_picker.styles.js +1 -2
  326. package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +19 -6
  327. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +4 -2
  328. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +5 -4
  329. package/optimize/es/components/drag_and_drop/droppable.styles.js +4 -2
  330. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +2 -6
  331. package/optimize/es/components/expression/expression.styles.js +13 -13
  332. package/optimize/es/components/filter_group/filter_select_item.js +1 -1
  333. package/optimize/es/components/filter_group/filter_select_item.styles.js +2 -1
  334. package/optimize/es/components/flyout/_flyout_close_button.styles.js +3 -2
  335. package/optimize/es/components/flyout/flyout.js +1 -1
  336. package/optimize/es/components/flyout/flyout.styles.js +3 -8
  337. package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
  338. package/optimize/es/components/form/form.styles.js +32 -28
  339. package/optimize/es/components/form/range/range_tooltip.styles.js +13 -11
  340. package/optimize/es/components/form/switch/switch.js +2 -3
  341. package/optimize/es/components/form/switch/switch.styles.js +19 -16
  342. package/optimize/es/components/header/header.styles.js +10 -9
  343. package/optimize/es/components/icon/icon.styles.js +8 -9
  344. package/optimize/es/components/icon/named_colors.js +1 -1
  345. package/optimize/es/components/image/image.styles.js +1 -1
  346. package/optimize/es/components/image/image_button.styles.js +1 -1
  347. package/optimize/es/components/inline_edit/inline_edit_form.styles.js +2 -1
  348. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
  349. package/optimize/es/components/link/link.styles.js +6 -6
  350. package/optimize/es/components/list_group/list_group_item.styles.js +11 -9
  351. package/optimize/es/components/loading/loading_chart.styles.js +5 -13
  352. package/optimize/es/components/loading/loading_spinner.styles.js +2 -2
  353. package/optimize/es/components/mark/mark.styles.js +9 -2
  354. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  355. package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -2
  356. package/optimize/es/components/modal/modal.styles.js +2 -2
  357. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +2 -1
  358. package/optimize/es/components/page_template/inner/page_inner.styles.js +3 -3
  359. package/optimize/es/components/pagination/pagination.styles.js +2 -2
  360. package/optimize/es/components/panel/panel.styles.js +2 -3
  361. package/optimize/es/components/popover/popover.js +4 -3
  362. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
  363. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -15
  364. package/optimize/es/components/popover/popover_footer.styles.js +1 -1
  365. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +6 -7
  366. package/optimize/es/components/progress/progress.js +1 -1
  367. package/optimize/es/components/progress/progress.styles.js +28 -30
  368. package/optimize/es/components/provider/provider.js +1 -1
  369. package/optimize/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
  370. package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
  371. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  372. package/optimize/es/components/side_nav/side_nav_item.styles.js +7 -6
  373. package/optimize/es/components/skeleton/utils.js +7 -5
  374. package/optimize/es/components/stat/stat.styles.js +5 -5
  375. package/optimize/es/components/steps/step_number.styles.js +1 -1
  376. package/optimize/es/components/table/table_cells_shared.styles.js +8 -3
  377. package/optimize/es/components/table/table_row.styles.js +11 -9
  378. package/optimize/es/components/tabs/tab.styles.js +2 -2
  379. package/optimize/es/components/text/text.styles.js +2 -2
  380. package/optimize/es/components/text/text_color.js +1 -1
  381. package/optimize/es/components/text/text_color.styles.js +5 -6
  382. package/optimize/es/components/text_diff/text_diff.styles.js +1 -1
  383. package/optimize/es/components/toast/toast.styles.js +2 -2
  384. package/optimize/es/components/token/token.js +4 -10
  385. package/optimize/es/components/token/token.styles.js +5 -14
  386. package/optimize/es/components/token/token_map.js +1 -243
  387. package/optimize/es/components/tool_tip/tool_tip.styles.js +25 -13
  388. package/optimize/es/components/tour/_tour_footer.styles.js +4 -2
  389. package/optimize/es/components/tour/tour.styles.js +12 -8
  390. package/optimize/es/components/tree_view/tree_view_item.styles.js +2 -1
  391. package/optimize/es/global_styling/functions/math.js +49 -1
  392. package/optimize/es/global_styling/functions/size.js +17 -1
  393. package/optimize/es/global_styling/mixins/_color.js +31 -39
  394. package/optimize/es/global_styling/mixins/index.js +1 -3
  395. package/optimize/es/global_styling/reset/global_styles.js +3 -3
  396. package/optimize/es/global_styling/variables/_colors_vis.js +61 -0
  397. package/optimize/es/global_styling/variables/animations.js +22 -1
  398. package/optimize/es/global_styling/variables/breakpoint.js +7 -1
  399. package/optimize/es/global_styling/variables/levels.js +17 -1
  400. package/optimize/es/global_styling/variables/shadow.js +11 -1
  401. package/optimize/es/global_styling/variables/size.js +1 -1
  402. package/optimize/es/global_styling/variables/typography.js +32 -1
  403. package/optimize/es/services/color/eui_palettes.js +54 -148
  404. package/optimize/es/services/color/index.js +0 -2
  405. package/optimize/es/services/index.js +1 -2
  406. package/optimize/es/services/popover/index.js +1 -4
  407. package/optimize/es/services/popover/popover_positioning.js +17 -6
  408. package/optimize/es/services/theme/provider.js +2 -15
  409. package/optimize/es/services/theme/types.js +6 -1
  410. package/optimize/es/services/theme/utils.js +295 -1
  411. package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +10 -1
  412. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +198 -1
  413. package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +146 -1
  414. package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  415. package/optimize/es/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -1
  416. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
  417. package/optimize/es/themes/amsterdam/theme.js +1 -7
  418. package/optimize/es/themes/index.js +2 -1
  419. package/optimize/es/themes/themes.js +21 -1
  420. package/optimize/lib/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
  421. package/optimize/lib/components/avatar/avatar.js +2 -2
  422. package/optimize/lib/components/badge/badge.styles.js +2 -1
  423. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
  424. package/optimize/lib/components/badge/color_utils.js +13 -14
  425. package/optimize/lib/components/beacon/beacon.styles.js +2 -2
  426. package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +3 -2
  427. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  428. package/optimize/lib/components/button/button.js +1 -1
  429. package/optimize/lib/components/button/button_display/_button_display.styles.js +1 -1
  430. package/optimize/lib/components/button/button_empty/button_empty.js +1 -1
  431. package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
  432. package/optimize/lib/components/button/button_group/button_group_button.styles.js +5 -5
  433. package/optimize/lib/components/button/button_icon/button_icon.js +1 -1
  434. package/optimize/lib/components/button/button_icon/button_icon.styles.js +1 -1
  435. package/optimize/lib/components/call_out/call_out.styles.js +4 -4
  436. package/optimize/lib/components/card/card.styles.js +2 -5
  437. package/optimize/lib/components/code/code_block_annotations.js +1 -1
  438. package/optimize/lib/components/code/code_block_line.styles.js +2 -1
  439. package/optimize/lib/components/code/code_syntax.styles.js +28 -24
  440. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  441. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +2 -2
  442. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  443. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
  444. package/optimize/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  445. package/optimize/lib/components/color_picker/color_picker.js +2 -3
  446. package/optimize/lib/components/color_picker/color_picker.styles.js +2 -1
  447. package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  448. package/optimize/lib/components/combo_box/combo_box.js +5 -1
  449. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +1 -0
  450. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
  451. package/optimize/lib/components/comment_list/comment_event.js +3 -4
  452. package/optimize/lib/components/common.js +28 -0
  453. package/optimize/lib/components/datagrid/data_grid.styles.js +7 -6
  454. package/optimize/lib/components/date_picker/date_picker.styles.js +2 -2
  455. package/optimize/lib/components/date_picker/date_picker_range.styles.js +2 -2
  456. package/optimize/lib/components/date_picker/react_date_picker.styles.js +2 -3
  457. package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +19 -6
  458. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +4 -2
  459. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
  460. package/optimize/lib/components/drag_and_drop/droppable.styles.js +4 -2
  461. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
  462. package/optimize/lib/components/expression/expression.styles.js +13 -13
  463. package/optimize/lib/components/filter_group/filter_select_item.js +1 -1
  464. package/optimize/lib/components/filter_group/filter_select_item.styles.js +2 -1
  465. package/optimize/lib/components/flyout/_flyout_close_button.styles.js +4 -3
  466. package/optimize/lib/components/flyout/flyout.js +1 -1
  467. package/optimize/lib/components/flyout/flyout.styles.js +3 -8
  468. package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
  469. package/optimize/lib/components/form/form.styles.js +31 -27
  470. package/optimize/lib/components/form/range/range_tooltip.styles.js +13 -11
  471. package/optimize/lib/components/form/switch/switch.js +2 -3
  472. package/optimize/lib/components/form/switch/switch.styles.js +19 -16
  473. package/optimize/lib/components/header/header.styles.js +9 -8
  474. package/optimize/lib/components/icon/icon.styles.js +8 -9
  475. package/optimize/lib/components/icon/named_colors.js +1 -1
  476. package/optimize/lib/components/image/image.styles.js +2 -2
  477. package/optimize/lib/components/image/image_button.styles.js +3 -3
  478. package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
  479. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
  480. package/optimize/lib/components/link/link.styles.js +6 -6
  481. package/optimize/lib/components/list_group/list_group_item.styles.js +10 -8
  482. package/optimize/lib/components/loading/loading_chart.styles.js +5 -13
  483. package/optimize/lib/components/loading/loading_spinner.styles.js +2 -2
  484. package/optimize/lib/components/mark/mark.styles.js +9 -2
  485. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  486. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  487. package/optimize/lib/components/modal/modal.styles.js +3 -3
  488. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
  489. package/optimize/lib/components/page_template/inner/page_inner.styles.js +2 -2
  490. package/optimize/lib/components/pagination/pagination.styles.js +2 -2
  491. package/optimize/lib/components/panel/panel.styles.js +3 -4
  492. package/optimize/lib/components/popover/popover.js +4 -3
  493. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
  494. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
  495. package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
  496. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +9 -10
  497. package/optimize/lib/components/progress/progress.js +1 -1
  498. package/optimize/lib/components/progress/progress.styles.js +27 -29
  499. package/optimize/lib/components/provider/provider.js +1 -1
  500. package/optimize/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  501. package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
  502. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  503. package/optimize/lib/components/side_nav/side_nav_item.styles.js +7 -6
  504. package/optimize/lib/components/skeleton/utils.js +6 -4
  505. package/optimize/lib/components/stat/stat.styles.js +5 -5
  506. package/optimize/lib/components/steps/step_number.styles.js +1 -1
  507. package/optimize/lib/components/table/table_cells_shared.styles.js +8 -3
  508. package/optimize/lib/components/table/table_row.styles.js +10 -8
  509. package/optimize/lib/components/tabs/tab.styles.js +2 -2
  510. package/optimize/lib/components/text/text.styles.js +1 -1
  511. package/optimize/lib/components/text/text_color.js +1 -1
  512. package/optimize/lib/components/text/text_color.styles.js +5 -6
  513. package/optimize/lib/components/text_diff/text_diff.styles.js +1 -1
  514. package/optimize/lib/components/toast/toast.styles.js +2 -2
  515. package/optimize/lib/components/token/token.js +4 -13
  516. package/optimize/lib/components/token/token.styles.js +5 -14
  517. package/optimize/lib/components/token/token_map.js +2 -244
  518. package/optimize/lib/components/tool_tip/tool_tip.styles.js +24 -12
  519. package/optimize/lib/components/tour/_tour_footer.styles.js +4 -2
  520. package/optimize/lib/components/tour/tour.styles.js +12 -8
  521. package/optimize/lib/components/tree_view/tree_view_item.styles.js +2 -1
  522. package/optimize/lib/global_styling/functions/math.js +59 -7
  523. package/optimize/lib/global_styling/functions/size.js +27 -7
  524. package/optimize/lib/global_styling/mixins/_color.js +30 -38
  525. package/optimize/lib/global_styling/mixins/index.js +0 -22
  526. package/optimize/lib/global_styling/reset/global_styles.js +2 -2
  527. package/optimize/lib/global_styling/variables/_colors_vis.js +67 -0
  528. package/optimize/lib/global_styling/variables/animations.js +31 -25
  529. package/optimize/lib/global_styling/variables/breakpoint.js +16 -7
  530. package/optimize/lib/global_styling/variables/levels.js +26 -7
  531. package/optimize/lib/global_styling/variables/shadow.js +20 -13
  532. package/optimize/lib/global_styling/variables/size.js +10 -7
  533. package/optimize/lib/global_styling/variables/typography.js +41 -19
  534. package/optimize/lib/services/color/eui_palettes.js +54 -148
  535. package/optimize/lib/services/color/index.js +0 -20
  536. package/optimize/lib/services/index.js +0 -19
  537. package/optimize/lib/services/popover/index.js +1 -8
  538. package/optimize/lib/services/popover/popover_positioning.js +17 -6
  539. package/optimize/lib/services/theme/provider.js +2 -15
  540. package/optimize/lib/services/theme/types.js +14 -13
  541. package/optimize/lib/services/theme/utils.js +296 -54
  542. package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +19 -7
  543. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +203 -45
  544. package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
  545. package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  546. package/optimize/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
  547. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +24 -616
  548. package/optimize/lib/themes/amsterdam/theme.js +1 -7
  549. package/optimize/lib/themes/index.js +11 -4
  550. package/optimize/lib/themes/themes.js +23 -1
  551. package/package.json +3 -7
  552. package/src/global_styling/functions/_colors.scss +3 -3
  553. package/src/global_styling/functions/_index.scss +5 -1
  554. package/src/global_styling/index.scss +10 -1
  555. package/src/global_styling/mixins/_shadow.scss +1 -1
  556. package/src/global_styling/mixins/_typography.scss +2 -2
  557. package/src/global_styling/variables/_animations.scss +8 -1
  558. package/src/global_styling/variables/_borders.scss +9 -1
  559. package/src/global_styling/variables/_buttons.scss +18 -1
  560. package/src/global_styling/variables/_font_weight.scss +7 -1
  561. package/src/global_styling/variables/_form.scss +21 -2
  562. package/src/global_styling/variables/_index.scss +1 -0
  563. package/src/global_styling/variables/_responsive.scss +9 -1
  564. package/src/global_styling/variables/_shadows.scss +1 -1
  565. package/src/global_styling/variables/_size.scss +13 -1
  566. package/src/global_styling/variables/_states.scss +14 -1
  567. package/src/global_styling/variables/_typography.scss +75 -1
  568. package/src/global_styling/variables/_z_index.scss +33 -1
  569. package/src/themes/amsterdam/_colors_dark.scss +8 -80
  570. package/src/themes/amsterdam/_colors_light.scss +8 -80
  571. package/src/themes/amsterdam/global_styling/variables/_index.scss +0 -2
  572. package/test-env/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
  573. package/test-env/components/avatar/avatar.js +2 -2
  574. package/test-env/components/badge/badge.styles.js +2 -1
  575. package/test-env/components/badge/beta_badge/beta_badge.styles.js +1 -3
  576. package/test-env/components/badge/color_utils.js +13 -14
  577. package/test-env/components/beacon/beacon.styles.js +2 -2
  578. package/test-env/components/bottom_bar/bottom_bar.styles.js +3 -2
  579. package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  580. package/test-env/components/button/button.js +1 -1
  581. package/test-env/components/button/button_display/_button_display.styles.js +1 -1
  582. package/test-env/components/button/button_empty/button_empty.js +1 -1
  583. package/test-env/components/button/button_group/button_group_button.js +1 -1
  584. package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
  585. package/test-env/components/button/button_icon/button_icon.js +1 -1
  586. package/test-env/components/button/button_icon/button_icon.styles.js +1 -1
  587. package/test-env/components/call_out/call_out.styles.js +4 -4
  588. package/test-env/components/card/card.js +1 -1
  589. package/test-env/components/card/card.styles.js +2 -5
  590. package/test-env/components/code/code_block_annotations.js +1 -1
  591. package/test-env/components/code/code_block_line.styles.js +2 -1
  592. package/test-env/components/code/code_syntax.styles.js +28 -24
  593. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  594. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
  595. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
  596. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
  597. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
  598. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
  599. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
  600. package/test-env/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  601. package/test-env/components/color_picker/color_picker.js +2 -3
  602. package/test-env/components/color_picker/color_picker.styles.js +2 -1
  603. package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
  604. package/test-env/components/combo_box/combo_box.js +5 -1
  605. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +1 -0
  606. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
  607. package/test-env/components/comment_list/comment.js +1 -1
  608. package/test-env/components/comment_list/comment_event.js +4 -5
  609. package/test-env/components/comment_list/comment_list.js +1 -1
  610. package/test-env/components/common.js +28 -0
  611. package/test-env/components/datagrid/data_grid.styles.js +7 -6
  612. package/test-env/components/date_picker/date_picker.styles.js +2 -2
  613. package/test-env/components/date_picker/date_picker_range.styles.js +2 -2
  614. package/test-env/components/date_picker/react_date_picker.styles.js +2 -3
  615. package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +60 -7
  616. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +12 -2
  617. package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
  618. package/test-env/components/drag_and_drop/droppable.styles.js +4 -2
  619. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  620. package/test-env/components/empty_prompt/empty_prompt.styles.js +1 -5
  621. package/test-env/components/expression/expression.styles.js +13 -13
  622. package/test-env/components/filter_group/filter_select_item.js +1 -1
  623. package/test-env/components/filter_group/filter_select_item.styles.js +2 -1
  624. package/test-env/components/flyout/_flyout_close_button.styles.js +4 -3
  625. package/test-env/components/flyout/flyout.styles.js +3 -8
  626. package/test-env/components/flyout/flyout_footer.styles.js +1 -1
  627. package/test-env/components/form/form.styles.js +31 -27
  628. package/test-env/components/form/range/range_tooltip.styles.js +13 -11
  629. package/test-env/components/form/switch/switch.js +2 -3
  630. package/test-env/components/form/switch/switch.styles.js +19 -16
  631. package/test-env/components/header/header.styles.js +9 -8
  632. package/test-env/components/icon/icon.styles.js +8 -9
  633. package/test-env/components/icon/named_colors.js +1 -1
  634. package/test-env/components/image/image.styles.js +2 -2
  635. package/test-env/components/image/image_button.styles.js +3 -3
  636. package/test-env/components/inline_edit/inline_edit_form.styles.js +2 -1
  637. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
  638. package/test-env/components/link/link.styles.js +6 -6
  639. package/test-env/components/list_group/list_group_item.styles.js +10 -8
  640. package/test-env/components/loading/loading_chart.styles.js +5 -13
  641. package/test-env/components/loading/loading_spinner.styles.js +2 -2
  642. package/test-env/components/mark/mark.styles.js +9 -2
  643. package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  644. package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
  645. package/test-env/components/modal/modal.styles.js +3 -3
  646. package/test-env/components/overlay_mask/overlay_mask.styles.js +2 -1
  647. package/test-env/components/page_template/inner/page_inner.styles.js +2 -2
  648. package/test-env/components/pagination/pagination.styles.js +2 -2
  649. package/test-env/components/panel/panel.js +1 -1
  650. package/test-env/components/panel/panel.styles.js +3 -4
  651. package/test-env/components/panel/split_panel/split_panel.js +1 -1
  652. package/test-env/components/popover/popover.js +4 -3
  653. package/test-env/components/popover/popover_arrow/_popover_arrow.js +3 -8
  654. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
  655. package/test-env/components/popover/popover_footer.styles.js +1 -1
  656. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +9 -10
  657. package/test-env/components/progress/progress.js +1 -1
  658. package/test-env/components/progress/progress.styles.js +27 -29
  659. package/test-env/components/provider/provider.js +1 -1
  660. package/test-env/components/resizable_container/resizable_collapse_button.styles.js +2 -2
  661. package/test-env/components/resizable_container/resizable_panel.js +1 -1
  662. package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
  663. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
  664. package/test-env/components/side_nav/side_nav_item.styles.js +7 -6
  665. package/test-env/components/skeleton/utils.js +6 -4
  666. package/test-env/components/stat/stat.styles.js +5 -5
  667. package/test-env/components/steps/step_number.styles.js +1 -1
  668. package/test-env/components/table/table_cells_shared.styles.js +8 -3
  669. package/test-env/components/table/table_row.styles.js +10 -8
  670. package/test-env/components/tabs/tab.styles.js +2 -2
  671. package/test-env/components/text/text.styles.js +1 -1
  672. package/test-env/components/text/text_color.js +1 -1
  673. package/test-env/components/text/text_color.styles.js +5 -6
  674. package/test-env/components/text_diff/text_diff.styles.js +1 -1
  675. package/test-env/components/toast/toast.styles.js +2 -2
  676. package/test-env/components/token/token.js +4 -13
  677. package/test-env/components/token/token.styles.js +5 -14
  678. package/test-env/components/token/token_map.js +2 -244
  679. package/test-env/components/tool_tip/tool_tip.styles.js +24 -12
  680. package/test-env/components/tour/_tour_footer.styles.js +4 -2
  681. package/test-env/components/tour/tour.styles.js +12 -8
  682. package/test-env/components/tree_view/tree_view_item.styles.js +2 -1
  683. package/test-env/global_styling/functions/math.js +59 -7
  684. package/test-env/global_styling/functions/size.js +27 -7
  685. package/test-env/global_styling/mixins/_color.js +30 -38
  686. package/test-env/global_styling/mixins/index.js +0 -22
  687. package/test-env/global_styling/reset/global_styles.js +2 -2
  688. package/test-env/global_styling/variables/_colors_vis.js +67 -0
  689. package/test-env/global_styling/variables/animations.js +31 -25
  690. package/test-env/global_styling/variables/breakpoint.js +16 -7
  691. package/test-env/global_styling/variables/levels.js +26 -7
  692. package/test-env/global_styling/variables/shadow.js +20 -13
  693. package/test-env/global_styling/variables/size.js +10 -7
  694. package/test-env/global_styling/variables/typography.js +41 -19
  695. package/test-env/services/breakpoint/current_breakpoint_hook.js +3 -3
  696. package/test-env/services/color/eui_palettes.js +54 -148
  697. package/test-env/services/color/index.js +0 -20
  698. package/test-env/services/index.js +0 -19
  699. package/test-env/services/popover/index.js +1 -8
  700. package/test-env/services/popover/popover_positioning.js +17 -6
  701. package/test-env/services/theme/provider.js +2 -15
  702. package/test-env/services/theme/types.js +14 -13
  703. package/test-env/services/theme/utils.js +296 -54
  704. package/test-env/themes/amsterdam/global_styling/functions/shadows.js +19 -7
  705. package/test-env/themes/amsterdam/global_styling/mixins/button.js +203 -45
  706. package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
  707. package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  708. package/test-env/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
  709. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +24 -616
  710. package/test-env/themes/amsterdam/theme.js +1 -7
  711. package/test-env/themes/index.js +11 -4
  712. package/test-env/themes/themes.js +23 -1
  713. package/dist/eui_theme_amsterdam_light.json.d.ts +0 -425
  714. package/dist/eui_theme_borealis_dark.json +0 -422
  715. package/dist/eui_theme_borealis_light.json +0 -422
  716. package/dist/eui_theme_borealis_light.json.d.ts +0 -425
  717. package/es/global_styling/mixins/_button.js +0 -159
  718. package/es/global_styling/mixins/_shadow.js +0 -31
  719. package/es/services/color/eui_palettes_hooks.js +0 -74
  720. package/es/services/color/vis_color_store.js +0 -13
  721. package/es/services/popover/popover_arrow.styles.js +0 -31
  722. package/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -281
  723. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -133
  724. package/es/themes/amsterdam/global_styling/variables/_components.js +0 -619
  725. package/es/themes/amsterdam/global_styling/variables/_forms.js +0 -161
  726. package/lib/global_styling/mixins/_button.js +0 -164
  727. package/lib/global_styling/mixins/_shadow.js +0 -84
  728. package/lib/services/color/eui_palettes_hooks.js +0 -78
  729. package/lib/services/color/vis_color_store.js +0 -18
  730. package/lib/services/popover/popover_arrow.styles.js +0 -37
  731. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -285
  732. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -139
  733. package/lib/themes/amsterdam/global_styling/variables/_components.js +0 -623
  734. package/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -165
  735. package/optimize/es/global_styling/mixins/_button.js +0 -159
  736. package/optimize/es/global_styling/mixins/_shadow.js +0 -31
  737. package/optimize/es/services/color/eui_palettes_hooks.js +0 -71
  738. package/optimize/es/services/color/vis_color_store.js +0 -13
  739. package/optimize/es/services/popover/popover_arrow.styles.js +0 -31
  740. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -270
  741. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -133
  742. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +0 -611
  743. package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +0 -153
  744. package/optimize/lib/global_styling/mixins/_button.js +0 -165
  745. package/optimize/lib/global_styling/mixins/_shadow.js +0 -84
  746. package/optimize/lib/services/color/eui_palettes_hooks.js +0 -76
  747. package/optimize/lib/services/color/vis_color_store.js +0 -18
  748. package/optimize/lib/services/popover/popover_arrow.styles.js +0 -37
  749. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
  750. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -139
  751. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +0 -616
  752. package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -158
  753. package/src/themes/amsterdam/global_styling/variables/_forms.scss +0 -12
  754. package/test-env/global_styling/mixins/_button.js +0 -165
  755. package/test-env/global_styling/mixins/_shadow.js +0 -84
  756. package/test-env/services/color/eui_palettes_hooks.js +0 -76
  757. package/test-env/services/color/vis_color_store.js +0 -18
  758. package/test-env/services/popover/popover_arrow.styles.js +0 -37
  759. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
  760. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -139
  761. package/test-env/themes/amsterdam/global_styling/variables/_components.js +0 -616
  762. package/test-env/themes/amsterdam/global_styling/variables/_forms.js +0 -158
  763. /package/src/{themes/amsterdam/global_styling → global_styling}/variables/_colors_vis.scss +0 -0
@@ -1,161 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
8
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
10
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
11
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
13
- /*
14
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
15
- * or more contributor license agreements. Licensed under the Elastic License
16
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
17
- * in compliance with, at your election, the Elastic License 2.0 or the Server
18
- * Side Public License, v 1.
19
- */
20
-
21
- import { mathWithUnits } from '@elastic/eui-theme-common';
22
- import { computed } from '../../../../services/theme/utils';
23
- import { darken, shade, tint, transparentize } from '../../../../services/color/manipulation';
24
- var _forms = {
25
- background: computed(function (_ref) {
26
- var _ref2 = _slicedToArray(_ref, 1),
27
- lightestShade = _ref2[0];
28
- return tint(lightestShade, 0.6);
29
- }, ['colors.lightestShade']),
30
- backgroundDisabled: computed(function (_ref3) {
31
- var _ref4 = _slicedToArray(_ref3, 1),
32
- lightestShade = _ref4[0];
33
- return darken(lightestShade, 0.05);
34
- }, ['colors.lightestShade']),
35
- backgroundReadOnly: computed(function (_ref5) {
36
- var _ref6 = _slicedToArray(_ref5, 1),
37
- emptyShade = _ref6[0];
38
- return emptyShade;
39
- }, ['colors.emptyShade']),
40
- backgroundFocused: computed(function (_ref7) {
41
- var _ref8 = _slicedToArray(_ref7, 1),
42
- emptyShade = _ref8[0];
43
- return emptyShade;
44
- }, ['colors.emptyShade']),
45
- backgroundAutofilled: computed(function (_ref9) {
46
- var _ref10 = _slicedToArray(_ref9, 1),
47
- primary = _ref10[0];
48
- var background = tint(primary, 0.8);
49
- return tint(background, 0.7);
50
- }, ['colors.primary']),
51
- prependBackground: computed(function (_ref11) {
52
- var _ref12 = _slicedToArray(_ref11, 1),
53
- lightShade = _ref12[0];
54
- return tint(lightShade, 0.5);
55
- }, ['colors.lightShade']),
56
- border: computed(function (_ref13) {
57
- var _ref14 = _slicedToArray(_ref13, 1),
58
- lightShade = _ref14[0];
59
- var color = darken(lightShade, 4);
60
- return transparentize(color, 0.1);
61
- }, ['colors.lightShade']),
62
- borderAutofilled: computed(function (_ref15) {
63
- var _ref16 = _slicedToArray(_ref15, 1),
64
- primaryText = _ref16[0];
65
- return transparentize(primaryText, 0.2);
66
- }, ['colors.primaryText']),
67
- controlBorder: computed(function (_ref17) {
68
- var _ref18 = _slicedToArray(_ref17, 1),
69
- lightestShade = _ref18[0];
70
- return shade(lightestShade, 0.4);
71
- }, ['colors.lightestShade']),
72
- controlBorderSelected: computed(function (_ref19) {
73
- var _ref20 = _slicedToArray(_ref19, 1),
74
- lightestShade = _ref20[0];
75
- return shade(lightestShade, 0.4);
76
- }, ['colors.lightestShade']),
77
- controlBorderDisabled: computed(function (_ref21) {
78
- var _ref22 = _slicedToArray(_ref21, 1),
79
- lightestShade = _ref22[0];
80
- return shade(lightestShade, 0.4);
81
- }, ['colors.lightestShade']),
82
- controlBackgroundUnselected: computed(function (_ref23) {
83
- var _ref24 = _slicedToArray(_ref23, 1),
84
- emptyShade = _ref24[0];
85
- return emptyShade;
86
- }, ['colors.emptyShade']),
87
- controlBackgroundDisabled: computed(function (_ref25) {
88
- var _ref26 = _slicedToArray(_ref25, 1),
89
- lightShade = _ref26[0];
90
- return lightShade;
91
- }, ['colors.lightShade']),
92
- colorHasPlaceholder: computed(function (_ref27) {
93
- var _ref28 = _slicedToArray(_ref27, 1),
94
- subduedText = _ref28[0];
95
- return tint(subduedText, 0.08);
96
- }, ['colors.subduedText']),
97
- colorDisabled: computed(function (_ref29) {
98
- var _ref30 = _slicedToArray(_ref29, 1),
99
- mediumShade = _ref30[0];
100
- return mediumShade;
101
- }, ['colors.mediumShade']),
102
- iconDisabled: computed(function (_ref31) {
103
- var _ref32 = _slicedToArray(_ref31, 1),
104
- darkShade = _ref32[0];
105
- return darkShade;
106
- }, ['colors.darkShade'])
107
- };
108
- var _dark_forms = _objectSpread(_objectSpread({}, _forms), {}, {
109
- background: computed(function (_ref33) {
110
- var _ref34 = _slicedToArray(_ref33, 1),
111
- lightestShade = _ref34[0];
112
- return shade(lightestShade, 0.4);
113
- }, ['colors.lightestShade']),
114
- backgroundFocused: computed(function (_ref35) {
115
- var _ref36 = _slicedToArray(_ref35, 1),
116
- emptyShade = _ref36[0];
117
- return shade(emptyShade, 0.4);
118
- }, ['colors.emptyShade']),
119
- backgroundAutofilled: computed(function (_ref37) {
120
- var _ref38 = _slicedToArray(_ref37, 1),
121
- primary = _ref38[0];
122
- var background = shade(primary, 0.7);
123
- return shade(background, 0.5);
124
- }, ['colors.primary']),
125
- prependBackground: computed(function (_ref39) {
126
- var _ref40 = _slicedToArray(_ref39, 1),
127
- lightShade = _ref40[0];
128
- return shade(lightShade, 0.15);
129
- }, ['colors.lightShade']),
130
- border: computed(function (_ref41) {
131
- var _ref42 = _slicedToArray(_ref41, 1),
132
- ghost = _ref42[0];
133
- return transparentize(ghost, 0.1);
134
- }, ['colors.ghost']),
135
- controlBorder: computed(function (_ref43) {
136
- var _ref44 = _slicedToArray(_ref43, 1),
137
- lightestShade = _ref44[0];
138
- return tint(lightestShade, 0.31);
139
- }, ['colors.lightestShade']),
140
- controlBorderSelected: computed(function (_ref45) {
141
- var _ref46 = _slicedToArray(_ref45, 1),
142
- lightestShade = _ref46[0];
143
- return tint(lightestShade, 0.31);
144
- }, ['colors.lightestShade']),
145
- controlBorderDisabled: computed(function (_ref47) {
146
- var _ref48 = _slicedToArray(_ref47, 1),
147
- lightestShade = _ref48[0];
148
- return tint(lightestShade, 0.31);
149
- }, ['colors.lightestShade'])
150
- });
151
- export var forms = {
152
- maxWidth: computed(function (_ref49) {
153
- var _ref50 = _slicedToArray(_ref49, 1),
154
- base = _ref50[0];
155
- return mathWithUnits(base, function (x) {
156
- return x * 25;
157
- });
158
- }, ['size.base']),
159
- LIGHT: _forms,
160
- DARK: _dark_forms
161
- };
@@ -1,164 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
7
- var _react = require("@emotion/react");
8
- var _euiThemeCommon = require("@elastic/eui-theme-common");
9
- var _services = require("../../services");
10
- var _templateObject;
11
- /*
12
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
13
- * or more contributor license agreements. Licensed under the Elastic License
14
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
15
- * in compliance with, at your election, the Elastic License 2.0 or the Server
16
- * Side Public License, v 1.
17
- */
18
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
19
- var BUTTON_COLORS = exports.BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
20
- var BUTTON_DISPLAYS = exports.BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
21
- /**
22
- * Creates the `base` version of button styles with proper text contrast.
23
- * @param euiThemeContext
24
- * @param color One of the named button colors or 'disabled'
25
- * @returns Style object `{ backgroundColor, color }`
26
- */
27
- var euiButtonColor = exports.euiButtonColor = function euiButtonColor(euiThemeContext, color) {
28
- var euiTheme = euiThemeContext.euiTheme;
29
- var backgroundTokenName = (0, _euiThemeCommon.getTokenName)('background', color);
30
- var textTokenName = (0, _euiThemeCommon.getTokenName)('textColor', color);
31
- var foreground = euiTheme.components.buttons[textTokenName];
32
- var background = euiTheme.components.buttons[backgroundTokenName];
33
- return {
34
- color: background === 'transparent' || color === 'disabled' ? foreground : (0, _services.makeHighContrastColor)(foreground)(background),
35
- backgroundColor: background
36
- };
37
- };
38
-
39
- /**
40
- * Creates the `fill` version of buttons styles with proper text contrast.
41
- * @param euiThemeContext
42
- * @param color One of the named button colors or 'disabled'
43
- * @returns Style object `{ backgroundColor, color }`
44
- */
45
- var euiButtonFillColor = exports.euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
46
- var euiTheme = euiThemeContext.euiTheme;
47
- var backgroundTokenName = (0, _euiThemeCommon.getTokenName)('backgroundFilled', color);
48
- var textColorTokenName = (0, _euiThemeCommon.getTokenName)('textColorFilled', color);
49
- var foreground = euiTheme.components.buttons[textColorTokenName];
50
- var background = euiTheme.components.buttons[backgroundTokenName];
51
- return {
52
- color: foreground,
53
- backgroundColor: background
54
- };
55
- };
56
-
57
- /**
58
- * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
59
- * @param euiThemeContext
60
- * @param color One of the named button colors or 'disabled'
61
- * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
62
- */
63
- var euiButtonEmptyColor = exports.euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, color) {
64
- var foreground;
65
- var background;
66
- switch (color) {
67
- case 'disabled':
68
- foreground = euiButtonColor(euiThemeContext, color).color;
69
- background = 'transparent';
70
- break;
71
- default:
72
- {
73
- var backgroundToken = (0, _euiThemeCommon.getTokenName)('backgroundEmpty', color, 'hover');
74
- foreground = euiButtonColor(euiThemeContext, color).color;
75
- background = euiThemeContext.euiTheme.components.buttons[backgroundToken];
76
- break;
77
- }
78
- }
79
- return {
80
- color: foreground,
81
- backgroundColor: background
82
- };
83
- };
84
-
85
- /**
86
- * Given the button display type, returns the Emotion based color keys.
87
- * @param options Button display type
88
- * @returns An object of `_EuiButtonColor` keys including `disabled`
89
- */
90
- var useEuiButtonColorCSS = exports.useEuiButtonColorCSS = function useEuiButtonColorCSS() {
91
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
92
- var _options$display = options.display,
93
- display = _options$display === void 0 ? 'base' : _options$display;
94
- var colorsDisplaysMap = (0, _services.useEuiMemoizedStyles)(euiButtonDisplaysColors);
95
- return colorsDisplaysMap[display];
96
- };
97
- var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
98
- var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
99
- var displaysColorsMap = {};
100
- BUTTON_DISPLAYS.forEach(function (display) {
101
- displaysColorsMap[display] = {};
102
- COLORS.forEach(function (color) {
103
- switch (display) {
104
- case 'base':
105
- displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
106
- break;
107
- case 'fill':
108
- displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:displaysColorsMap-display-color;");
109
- break;
110
- case 'empty':
111
- displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
112
- break;
113
- }
114
-
115
- // Tweak auto-generated Emotion label/className output
116
- var emotionOutput = displaysColorsMap[display][color];
117
- emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
118
- });
119
- });
120
- return displaysColorsMap;
121
- };
122
-
123
- /**
124
- * Creates the translate animation when button is in focus.
125
- * @returns string
126
- */
127
- var useEuiButtonFocusCSS = exports.useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
128
- return (0, _services.useEuiMemoizedStyles)(euiButtonFocusCSS);
129
- };
130
- var euiButtonFocusAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 50% {\n transform: translateY(1px);\n }\n"])));
131
- var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
132
- var euiTheme = _ref.euiTheme;
133
- var focusCSS = /*#__PURE__*/(0, _react.css)(_euiThemeCommon.euiCanAnimate, "{transition:transform ", euiTheme.animation.normal, " ease-in-out,background-color ", euiTheme.animation.normal, " ease-in-out;&:hover:not(:disabled){transform:translateY(-1px);}&:focus{animation:", euiButtonFocusAnimation, " ", euiTheme.animation.normal, " ", euiTheme.animation.bounce, ";}&:active:not(:disabled){transform:translateY(1px);}};label:focusCSS;");
134
- // Remove the auto-generated label.
135
- // We could typically avoid a label by using a plain string `` instead of css``,
136
- // but we need css`` for keyframes`` to work for the focus animation
137
- focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
138
- return focusCSS;
139
- };
140
-
141
- /**
142
- * Map of `size` props to various sizings/scales
143
- * that should remain consistent across all buttons
144
- */
145
- var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
146
- var euiTheme = _ref2.euiTheme;
147
- return {
148
- xs: {
149
- height: euiTheme.size.l,
150
- radius: euiTheme.border.radius.small,
151
- fontScale: 'xs'
152
- },
153
- s: {
154
- height: euiTheme.size.xl,
155
- radius: euiTheme.border.radius.small,
156
- fontScale: 's'
157
- },
158
- m: {
159
- height: euiTheme.size.xxl,
160
- radius: euiTheme.border.radius.medium,
161
- fontScale: 's'
162
- }
163
- };
164
- };
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "euiShadow", {
7
- enumerable: true,
8
- get: function get() {
9
- return _euiThemeCommon.euiShadow;
10
- }
11
- });
12
- Object.defineProperty(exports, "euiShadowFlat", {
13
- enumerable: true,
14
- get: function get() {
15
- return _euiThemeCommon.euiShadowFlat;
16
- }
17
- });
18
- Object.defineProperty(exports, "euiShadowLarge", {
19
- enumerable: true,
20
- get: function get() {
21
- return _euiThemeCommon.euiShadowLarge;
22
- }
23
- });
24
- Object.defineProperty(exports, "euiShadowMedium", {
25
- enumerable: true,
26
- get: function get() {
27
- return _euiThemeCommon.euiShadowMedium;
28
- }
29
- });
30
- Object.defineProperty(exports, "euiShadowSmall", {
31
- enumerable: true,
32
- get: function get() {
33
- return _euiThemeCommon.euiShadowSmall;
34
- }
35
- });
36
- Object.defineProperty(exports, "euiShadowXLarge", {
37
- enumerable: true,
38
- get: function get() {
39
- return _euiThemeCommon.euiShadowXLarge;
40
- }
41
- });
42
- Object.defineProperty(exports, "euiShadowXSmall", {
43
- enumerable: true,
44
- get: function get() {
45
- return _euiThemeCommon.euiShadowXSmall;
46
- }
47
- });
48
- Object.defineProperty(exports, "euiSlightShadowHover", {
49
- enumerable: true,
50
- get: function get() {
51
- return _euiThemeCommon.euiSlightShadowHover;
52
- }
53
- });
54
- exports.useEuiSlightShadowHover = exports.useEuiShadowFlat = exports.useEuiShadow = void 0;
55
- var _euiThemeCommon = require("@elastic/eui-theme-common");
56
- var _theme = require("../../services/theme");
57
- /*
58
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
59
- * or more contributor license agreements. Licensed under the Elastic License
60
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
61
- * in compliance with, at your election, the Elastic License 2.0 or the Server
62
- * Side Public License, v 1.
63
- */
64
-
65
- var useEuiSlightShadowHover = exports.useEuiSlightShadowHover = function useEuiSlightShadowHover(color) {
66
- var euiThemeContext = (0, _theme.useEuiTheme)();
67
- return (0, _euiThemeCommon.euiSlightShadowHover)(euiThemeContext, {
68
- color: color
69
- });
70
- };
71
- var useEuiShadowFlat = exports.useEuiShadowFlat = function useEuiShadowFlat(color) {
72
- var euiThemeContext = (0, _theme.useEuiTheme)();
73
- return (0, _euiThemeCommon.euiShadowFlat)(euiThemeContext, {
74
- color: color
75
- });
76
- };
77
- var useEuiShadow = exports.useEuiShadow = function useEuiShadow() {
78
- var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'l';
79
- var color = arguments.length > 1 ? arguments[1] : undefined;
80
- var euiThemeContext = (0, _theme.useEuiTheme)();
81
- return (0, _euiThemeCommon.euiShadow)(euiThemeContext, size, {
82
- color: color
83
- });
84
- };
@@ -1,78 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useEuiPaletteWarm = exports.useEuiPaletteRed = exports.useEuiPaletteGreen = exports.useEuiPaletteGray = exports.useEuiPaletteForTemperature = exports.useEuiPaletteForStatus = exports.useEuiPaletteCool = exports.useEuiPaletteComplementary = exports.useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlind = void 0;
7
- var _react = require("react");
8
- var _hooks = require("../theme/hooks");
9
- var _eui_palettes = require("./eui_palettes");
10
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
11
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
15
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
16
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
17
- * or more contributor license agreements. Licensed under the Elastic License
18
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
19
- * in compliance with, at your election, the Elastic License 2.0 or the Server
20
- * Side Public License, v 1.
21
- */
22
- var useEuiPaletteColorBlind = exports.useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
23
- return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlind, args);
24
- };
25
- var useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
26
- return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlindBehindText, args);
27
- };
28
- var useEuiPaletteForStatus = exports.useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
29
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForStatus, steps);
30
- };
31
- var useEuiPaletteForTemperature = exports.useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
32
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForTemperature, steps);
33
- };
34
- var useEuiPaletteComplementary = exports.useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
35
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteComplementary, steps);
36
- };
37
- var useEuiPaletteRed = exports.useEuiPaletteRed = function useEuiPaletteRed(steps) {
38
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteRed, steps);
39
- };
40
- var useEuiPaletteGreen = exports.useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
41
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGreen, steps);
42
- };
43
- var useEuiPaletteCool = exports.useEuiPaletteCool = function useEuiPaletteCool(steps) {
44
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteCool, steps);
45
- };
46
- var useEuiPaletteWarm = exports.useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
47
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteWarm, steps);
48
- };
49
- var useEuiPaletteGray = exports.useEuiPaletteGray = function useEuiPaletteGray(steps) {
50
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGray, steps);
51
- };
52
-
53
- /* Internal helper utils */
54
-
55
- var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
56
- var _useEuiTheme = (0, _hooks.useEuiTheme)(),
57
- euiTheme = _useEuiTheme.euiTheme;
58
- var colors = euiTheme.colors,
59
- flags = euiTheme.flags;
60
- return (0, _react.useMemo)(function () {
61
- return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
62
- colors: colors.vis,
63
- hasVisColorAdjustment: flags.hasVisColorAdjustment
64
- }));
65
- }, [colors, flags, args, palleteFn]);
66
- };
67
- var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
68
- var _useEuiTheme2 = (0, _hooks.useEuiTheme)(),
69
- euiTheme = _useEuiTheme2.euiTheme;
70
- var colors = euiTheme.colors,
71
- flags = euiTheme.flags;
72
- return (0, _react.useMemo)(function () {
73
- return palleteFn(steps, {
74
- colors: colors.vis,
75
- hasVisColorAdjustment: flags.hasVisColorAdjustment
76
- });
77
- }, [colors, flags, steps, palleteFn]);
78
- };
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.EUI_VIS_COLOR_STORE = void 0;
7
- var _euiThemeCommon = require("@elastic/eui-theme-common");
8
- var _colors_vis = require("../../themes/amsterdam/global_styling/variables/_colors_vis");
9
- /*
10
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
- * or more contributor license agreements. Licensed under the Elastic License
12
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
13
- * in compliance with, at your election, the Elastic License 2.0 or the Server
14
- * Side Public License, v 1.
15
- */
16
-
17
- // initialsetup of Vis color storage with default colors
18
- var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_colors_vis.colorVis, true);
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports._popoverArrowStyles = void 0;
7
- var _react = require("@emotion/react");
8
- var _functions = require("../../global_styling/functions");
9
- /*
10
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
- * or more contributor license agreements. Licensed under the Elastic License
12
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
13
- * in compliance with, at your election, the Elastic License 2.0 or the Server
14
- * Side Public License, v 1.
15
- */
16
-
17
- /**
18
- * Arrow clipping/transform/positioning CSS shared between EuiPopover and EuiToolTip
19
- */
20
- var _popoverArrowStyles = exports._popoverArrowStyles = function _popoverArrowStyles(_ref, arrowSize) {
21
- var euiTheme = _ref.euiTheme;
22
- var arrowOffset = (0, _functions.mathWithUnits)(arrowSize, function (x) {
23
- return x / -2;
24
- });
25
- var arrowBorderRadius = (0, _functions.mathWithUnits)(euiTheme.border.radius.small, function (x) {
26
- return x / 2;
27
- });
28
- return {
29
- _arrowStyles: "\n position: absolute;\n ".concat((0, _functions.logicalSizeCSS)(arrowSize), "\n border-radius: ").concat(arrowBorderRadius, ";\n /* Use clip-path to ensure that arrows don't overlap into popover content */\n clip-path: polygon(0 0, 100% 100%, 0 100%);\n transform-origin: center;\n "),
30
- positions: {
31
- top: /*#__PURE__*/(0, _react.css)((0, _functions.logicalCSS)('margin-top', arrowOffset), " transform:rotate(-45deg);;label:top;"),
32
- bottom: /*#__PURE__*/(0, _react.css)((0, _functions.logicalCSS)('bottom', 0), " ", (0, _functions.logicalCSS)('margin-bottom', arrowOffset), " transform:rotate(135deg);;label:bottom;"),
33
- left: /*#__PURE__*/(0, _react.css)((0, _functions.logicalCSS)('margin-left', arrowOffset), " transform:rotate(-135deg);;label:left;"),
34
- right: /*#__PURE__*/(0, _react.css)((0, _functions.logicalCSS)('right', 0), " ", (0, _functions.logicalCSS)('margin-right', arrowOffset), " transform:rotate(45deg);;label:right;")
35
- }
36
- };
37
- };