@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,158 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.forms = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _euiThemeCommon = require("@elastic/eui-theme-common");
11
- var _utils = require("../../../../services/theme/utils");
12
- var _manipulation = require("../../../../services/color/manipulation");
13
- 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; }
14
- 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) { (0, _defineProperty2.default)(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; } /*
15
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
16
- * or more contributor license agreements. Licensed under the Elastic License
17
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
18
- * in compliance with, at your election, the Elastic License 2.0 or the Server
19
- * Side Public License, v 1.
20
- */
21
- var _forms = {
22
- background: (0, _utils.computed)(function (_ref) {
23
- var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
24
- lightestShade = _ref2[0];
25
- return (0, _manipulation.tint)(lightestShade, 0.6);
26
- }, ['colors.lightestShade']),
27
- backgroundDisabled: (0, _utils.computed)(function (_ref3) {
28
- var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
29
- lightestShade = _ref4[0];
30
- return (0, _manipulation.darken)(lightestShade, 0.05);
31
- }, ['colors.lightestShade']),
32
- backgroundReadOnly: (0, _utils.computed)(function (_ref5) {
33
- var _ref6 = (0, _slicedToArray2.default)(_ref5, 1),
34
- emptyShade = _ref6[0];
35
- return emptyShade;
36
- }, ['colors.emptyShade']),
37
- backgroundFocused: (0, _utils.computed)(function (_ref7) {
38
- var _ref8 = (0, _slicedToArray2.default)(_ref7, 1),
39
- emptyShade = _ref8[0];
40
- return emptyShade;
41
- }, ['colors.emptyShade']),
42
- backgroundAutofilled: (0, _utils.computed)(function (_ref9) {
43
- var _ref10 = (0, _slicedToArray2.default)(_ref9, 1),
44
- primary = _ref10[0];
45
- var background = (0, _manipulation.tint)(primary, 0.8);
46
- return (0, _manipulation.tint)(background, 0.7);
47
- }, ['colors.primary']),
48
- prependBackground: (0, _utils.computed)(function (_ref11) {
49
- var _ref12 = (0, _slicedToArray2.default)(_ref11, 1),
50
- lightShade = _ref12[0];
51
- return (0, _manipulation.tint)(lightShade, 0.5);
52
- }, ['colors.lightShade']),
53
- border: (0, _utils.computed)(function (_ref13) {
54
- var _ref14 = (0, _slicedToArray2.default)(_ref13, 1),
55
- lightShade = _ref14[0];
56
- var color = (0, _manipulation.darken)(lightShade, 4);
57
- return (0, _manipulation.transparentize)(color, 0.1);
58
- }, ['colors.lightShade']),
59
- borderAutofilled: (0, _utils.computed)(function (_ref15) {
60
- var _ref16 = (0, _slicedToArray2.default)(_ref15, 1),
61
- primaryText = _ref16[0];
62
- return (0, _manipulation.transparentize)(primaryText, 0.2);
63
- }, ['colors.primaryText']),
64
- controlBorder: (0, _utils.computed)(function (_ref17) {
65
- var _ref18 = (0, _slicedToArray2.default)(_ref17, 1),
66
- lightestShade = _ref18[0];
67
- return (0, _manipulation.shade)(lightestShade, 0.4);
68
- }, ['colors.lightestShade']),
69
- controlBorderSelected: (0, _utils.computed)(function (_ref19) {
70
- var _ref20 = (0, _slicedToArray2.default)(_ref19, 1),
71
- lightestShade = _ref20[0];
72
- return (0, _manipulation.shade)(lightestShade, 0.4);
73
- }, ['colors.lightestShade']),
74
- controlBorderDisabled: (0, _utils.computed)(function (_ref21) {
75
- var _ref22 = (0, _slicedToArray2.default)(_ref21, 1),
76
- lightestShade = _ref22[0];
77
- return (0, _manipulation.shade)(lightestShade, 0.4);
78
- }, ['colors.lightestShade']),
79
- controlBackgroundUnselected: (0, _utils.computed)(function (_ref23) {
80
- var _ref24 = (0, _slicedToArray2.default)(_ref23, 1),
81
- emptyShade = _ref24[0];
82
- return emptyShade;
83
- }, ['colors.emptyShade']),
84
- controlBackgroundDisabled: (0, _utils.computed)(function (_ref25) {
85
- var _ref26 = (0, _slicedToArray2.default)(_ref25, 1),
86
- lightShade = _ref26[0];
87
- return lightShade;
88
- }, ['colors.lightShade']),
89
- colorHasPlaceholder: (0, _utils.computed)(function (_ref27) {
90
- var _ref28 = (0, _slicedToArray2.default)(_ref27, 1),
91
- subduedText = _ref28[0];
92
- return (0, _manipulation.tint)(subduedText, 0.08);
93
- }, ['colors.subduedText']),
94
- colorDisabled: (0, _utils.computed)(function (_ref29) {
95
- var _ref30 = (0, _slicedToArray2.default)(_ref29, 1),
96
- mediumShade = _ref30[0];
97
- return mediumShade;
98
- }, ['colors.mediumShade']),
99
- iconDisabled: (0, _utils.computed)(function (_ref31) {
100
- var _ref32 = (0, _slicedToArray2.default)(_ref31, 1),
101
- darkShade = _ref32[0];
102
- return darkShade;
103
- }, ['colors.darkShade'])
104
- };
105
- var _dark_forms = _objectSpread(_objectSpread({}, _forms), {}, {
106
- background: (0, _utils.computed)(function (_ref33) {
107
- var _ref34 = (0, _slicedToArray2.default)(_ref33, 1),
108
- lightestShade = _ref34[0];
109
- return (0, _manipulation.shade)(lightestShade, 0.4);
110
- }, ['colors.lightestShade']),
111
- backgroundFocused: (0, _utils.computed)(function (_ref35) {
112
- var _ref36 = (0, _slicedToArray2.default)(_ref35, 1),
113
- emptyShade = _ref36[0];
114
- return (0, _manipulation.shade)(emptyShade, 0.4);
115
- }, ['colors.emptyShade']),
116
- backgroundAutofilled: (0, _utils.computed)(function (_ref37) {
117
- var _ref38 = (0, _slicedToArray2.default)(_ref37, 1),
118
- primary = _ref38[0];
119
- var background = (0, _manipulation.shade)(primary, 0.7);
120
- return (0, _manipulation.shade)(background, 0.5);
121
- }, ['colors.primary']),
122
- prependBackground: (0, _utils.computed)(function (_ref39) {
123
- var _ref40 = (0, _slicedToArray2.default)(_ref39, 1),
124
- lightShade = _ref40[0];
125
- return (0, _manipulation.shade)(lightShade, 0.15);
126
- }, ['colors.lightShade']),
127
- border: (0, _utils.computed)(function (_ref41) {
128
- var _ref42 = (0, _slicedToArray2.default)(_ref41, 1),
129
- ghost = _ref42[0];
130
- return (0, _manipulation.transparentize)(ghost, 0.1);
131
- }, ['colors.ghost']),
132
- controlBorder: (0, _utils.computed)(function (_ref43) {
133
- var _ref44 = (0, _slicedToArray2.default)(_ref43, 1),
134
- lightestShade = _ref44[0];
135
- return (0, _manipulation.tint)(lightestShade, 0.31);
136
- }, ['colors.lightestShade']),
137
- controlBorderSelected: (0, _utils.computed)(function (_ref45) {
138
- var _ref46 = (0, _slicedToArray2.default)(_ref45, 1),
139
- lightestShade = _ref46[0];
140
- return (0, _manipulation.tint)(lightestShade, 0.31);
141
- }, ['colors.lightestShade']),
142
- controlBorderDisabled: (0, _utils.computed)(function (_ref47) {
143
- var _ref48 = (0, _slicedToArray2.default)(_ref47, 1),
144
- lightestShade = _ref48[0];
145
- return (0, _manipulation.tint)(lightestShade, 0.31);
146
- }, ['colors.lightestShade'])
147
- });
148
- var forms = exports.forms = {
149
- maxWidth: (0, _utils.computed)(function (_ref49) {
150
- var _ref50 = (0, _slicedToArray2.default)(_ref49, 1),
151
- base = _ref50[0];
152
- return (0, _euiThemeCommon.mathWithUnits)(base, function (x) {
153
- return x * 25;
154
- });
155
- }, ['size.base']),
156
- LIGHT: _forms,
157
- DARK: _dark_forms
158
- };
@@ -1,12 +0,0 @@
1
- // Coloring
2
- $euiFormBackgroundColor: tintOrShade($euiColorLightestShade, 60%, 40%) !default;
3
- $euiFormBackgroundDisabledColor: darken($euiColorLightestShade, 2%) !default;
4
- $euiFormBackgroundReadOnlyColor: $euiColorEmptyShade !default;
5
- $euiFormBorderOpaqueColor: shadeOrTint(desaturate(adjust-hue($euiColorPrimary, 22), 22.95), 26%, 100%) !default;
6
- $euiFormBorderColor: transparentize($euiFormBorderOpaqueColor, .9) !default;
7
- $euiFormBorderDisabledColor: transparentize($euiFormBorderOpaqueColor, .9) !default;
8
- $euiFormControlDisabledColor: $euiColorMediumShade !default;
9
- $euiFormControlBoxShadow: 0 0 transparent !default;
10
- $euiFormControlPlaceholderText: makeHighContrastColor($euiTextSubduedColor, $euiFormBackgroundColor) !default;
11
- $euiFormInputGroupLabelBackground: tintOrShade($euiColorLightShade, 50%, 15%) !default;
12
- $euiFormInputGroupBorder: none !default;
@@ -1,165 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _react = require("@emotion/react");
10
- var _euiThemeCommon = require("@elastic/eui-theme-common");
11
- var _services = require("../../services");
12
- var _templateObject;
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
- var BUTTON_COLORS = exports.BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
21
- var BUTTON_DISPLAYS = exports.BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
22
- /**
23
- * Creates the `base` version of button styles with proper text contrast.
24
- * @param euiThemeContext
25
- * @param color One of the named button colors or 'disabled'
26
- * @returns Style object `{ backgroundColor, color }`
27
- */
28
- var euiButtonColor = exports.euiButtonColor = function euiButtonColor(euiThemeContext, color) {
29
- var euiTheme = euiThemeContext.euiTheme;
30
- var backgroundTokenName = (0, _euiThemeCommon.getTokenName)('background', color);
31
- var textTokenName = (0, _euiThemeCommon.getTokenName)('textColor', color);
32
- var foreground = euiTheme.components.buttons[textTokenName];
33
- var background = euiTheme.components.buttons[backgroundTokenName];
34
- return {
35
- color: background === 'transparent' || color === 'disabled' ? foreground : (0, _services.makeHighContrastColor)(foreground)(background),
36
- backgroundColor: background
37
- };
38
- };
39
-
40
- /**
41
- * Creates the `fill` version of buttons styles with proper text contrast.
42
- * @param euiThemeContext
43
- * @param color One of the named button colors or 'disabled'
44
- * @returns Style object `{ backgroundColor, color }`
45
- */
46
- var euiButtonFillColor = exports.euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
47
- var euiTheme = euiThemeContext.euiTheme;
48
- var backgroundTokenName = (0, _euiThemeCommon.getTokenName)('backgroundFilled', color);
49
- var textColorTokenName = (0, _euiThemeCommon.getTokenName)('textColorFilled', color);
50
- var foreground = euiTheme.components.buttons[textColorTokenName];
51
- var background = euiTheme.components.buttons[backgroundTokenName];
52
- return {
53
- color: foreground,
54
- backgroundColor: background
55
- };
56
- };
57
-
58
- /**
59
- * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
60
- * @param euiThemeContext
61
- * @param color One of the named button colors or 'disabled'
62
- * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
63
- */
64
- var euiButtonEmptyColor = exports.euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, color) {
65
- var foreground;
66
- var background;
67
- switch (color) {
68
- case 'disabled':
69
- foreground = euiButtonColor(euiThemeContext, color).color;
70
- background = 'transparent';
71
- break;
72
- default:
73
- {
74
- var backgroundToken = (0, _euiThemeCommon.getTokenName)('backgroundEmpty', color, 'hover');
75
- foreground = euiButtonColor(euiThemeContext, color).color;
76
- background = euiThemeContext.euiTheme.components.buttons[backgroundToken];
77
- break;
78
- }
79
- }
80
- return {
81
- color: foreground,
82
- backgroundColor: background
83
- };
84
- };
85
-
86
- /**
87
- * Given the button display type, returns the Emotion based color keys.
88
- * @param options Button display type
89
- * @returns An object of `_EuiButtonColor` keys including `disabled`
90
- */
91
- var useEuiButtonColorCSS = exports.useEuiButtonColorCSS = function useEuiButtonColorCSS() {
92
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
93
- var _options$display = options.display,
94
- display = _options$display === void 0 ? 'base' : _options$display;
95
- var colorsDisplaysMap = (0, _services.useEuiMemoizedStyles)(euiButtonDisplaysColors);
96
- return colorsDisplaysMap[display];
97
- };
98
- var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
99
- var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
100
- var displaysColorsMap = {};
101
- BUTTON_DISPLAYS.forEach(function (display) {
102
- displaysColorsMap[display] = {};
103
- COLORS.forEach(function (color) {
104
- switch (display) {
105
- case 'base':
106
- displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
107
- break;
108
- case 'fill':
109
- 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;");
110
- break;
111
- case 'empty':
112
- displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
113
- break;
114
- }
115
-
116
- // Tweak auto-generated Emotion label/className output
117
- var emotionOutput = displaysColorsMap[display][color];
118
- emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
119
- });
120
- });
121
- return displaysColorsMap;
122
- };
123
-
124
- /**
125
- * Creates the translate animation when button is in focus.
126
- * @returns string
127
- */
128
- var useEuiButtonFocusCSS = exports.useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
129
- return (0, _services.useEuiMemoizedStyles)(euiButtonFocusCSS);
130
- };
131
- var euiButtonFocusAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n 50% {\n transform: translateY(1px);\n }\n"])));
132
- var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
133
- var euiTheme = _ref.euiTheme;
134
- 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;");
135
- // Remove the auto-generated label.
136
- // We could typically avoid a label by using a plain string `` instead of css``,
137
- // but we need css`` for keyframes`` to work for the focus animation
138
- focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
139
- return focusCSS;
140
- };
141
-
142
- /**
143
- * Map of `size` props to various sizings/scales
144
- * that should remain consistent across all buttons
145
- */
146
- var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
147
- var euiTheme = _ref2.euiTheme;
148
- return {
149
- xs: {
150
- height: euiTheme.size.l,
151
- radius: euiTheme.border.radius.small,
152
- fontScale: 'xs'
153
- },
154
- s: {
155
- height: euiTheme.size.xl,
156
- radius: euiTheme.border.radius.small,
157
- fontScale: 's'
158
- },
159
- m: {
160
- height: euiTheme.size.xxl,
161
- radius: euiTheme.border.radius.medium,
162
- fontScale: 's'
163
- }
164
- };
165
- };
@@ -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,76 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useEuiPaletteWarm = exports.useEuiPaletteRed = exports.useEuiPaletteGreen = exports.useEuiPaletteGray = exports.useEuiPaletteForTemperature = exports.useEuiPaletteForStatus = exports.useEuiPaletteCool = exports.useEuiPaletteComplementary = exports.useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlind = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = require("react");
10
- var _hooks = require("../theme/hooks");
11
- var _eui_palettes = require("./eui_palettes");
12
- 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; }
13
- 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) { (0, _defineProperty2.default)(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; } /*
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
- var useEuiPaletteColorBlind = exports.useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
21
- return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlind, args);
22
- };
23
- var useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
24
- return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlindBehindText, args);
25
- };
26
- var useEuiPaletteForStatus = exports.useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
27
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForStatus, steps);
28
- };
29
- var useEuiPaletteForTemperature = exports.useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
30
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForTemperature, steps);
31
- };
32
- var useEuiPaletteComplementary = exports.useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
33
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteComplementary, steps);
34
- };
35
- var useEuiPaletteRed = exports.useEuiPaletteRed = function useEuiPaletteRed(steps) {
36
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteRed, steps);
37
- };
38
- var useEuiPaletteGreen = exports.useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
39
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGreen, steps);
40
- };
41
- var useEuiPaletteCool = exports.useEuiPaletteCool = function useEuiPaletteCool(steps) {
42
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteCool, steps);
43
- };
44
- var useEuiPaletteWarm = exports.useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
45
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteWarm, steps);
46
- };
47
- var useEuiPaletteGray = exports.useEuiPaletteGray = function useEuiPaletteGray(steps) {
48
- return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGray, steps);
49
- };
50
-
51
- /* Internal helper utils */
52
-
53
- var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
54
- var _useEuiTheme = (0, _hooks.useEuiTheme)(),
55
- euiTheme = _useEuiTheme.euiTheme;
56
- var colors = euiTheme.colors,
57
- flags = euiTheme.flags;
58
- return (0, _react.useMemo)(function () {
59
- return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
60
- colors: colors.vis,
61
- hasVisColorAdjustment: flags.hasVisColorAdjustment
62
- }));
63
- }, [colors, flags, args, palleteFn]);
64
- };
65
- var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
66
- var _useEuiTheme2 = (0, _hooks.useEuiTheme)(),
67
- euiTheme = _useEuiTheme2.euiTheme;
68
- var colors = euiTheme.colors,
69
- flags = euiTheme.flags;
70
- return (0, _react.useMemo)(function () {
71
- return palleteFn(steps, {
72
- colors: colors.vis,
73
- hasVisColorAdjustment: flags.hasVisColorAdjustment
74
- });
75
- }, [colors, flags, steps, palleteFn]);
76
- };
@@ -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
- };