@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,425 +0,0 @@
1
- declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
2
- const sassVariables: {
3
- euiZDataGrid: number;
4
- euiZHeaderBelowDataGrid: number;
5
- euiZDataGridCellPopover: number;
6
- euiDataGridCellPaddingS: string;
7
- euiDataGridCellPaddingM: string;
8
- euiDataGridCellPaddingL: string;
9
- euiTableHoverColor: string;
10
- euiTableSelectedColor: string;
11
- euiTableHoverSelectedColor: string;
12
- euiTableActionsBorderColor: string;
13
- euiTableHoverClickableColor: string;
14
- euiTableFocusClickableColor: string;
15
- euiContrastRatioText: number;
16
- euiContrastRatioGraphic: number;
17
- euiContrastRatioDisabled: number;
18
- euiAnimSlightBounce: string;
19
- euiAnimSlightResistance: string;
20
- euiAnimSpeedExtraFast: string;
21
- euiAnimSpeedFast: string;
22
- euiAnimSpeedNormal: string;
23
- euiAnimSpeedSlow: string;
24
- euiAnimSpeedExtraSlow: string;
25
- euiBorderWidthThin: string;
26
- euiBorderWidthThick: string;
27
- euiBorderColor: string;
28
- euiBorderRadius: string;
29
- euiBorderRadiusSmall: string;
30
- euiBorderThick: string;
31
- euiBorderThin: string;
32
- euiBorderEditable: string;
33
- euiButtonHeight: string;
34
- euiButtonHeightSmall: string;
35
- euiButtonHeightXSmall: string;
36
- euiButtonColorDisabled: string;
37
- euiButtonColorDisabledText: string;
38
- euiButtonColorGhostDisabled: string;
39
- euiButtonTypes: {
40
- primary: string;
41
- accent: string;
42
- accentSecondary: string;
43
- success: string;
44
- warning: string;
45
- danger: string;
46
- ghost: string;
47
- text: string;
48
- };
49
- euiFontWeightLight: number;
50
- euiFontWeightRegular: number;
51
- euiFontWeightMedium: number;
52
- euiFontWeightSemiBold: number;
53
- euiFontWeightBold: number;
54
- euiCodeFontWeightRegular: number;
55
- euiCodeFontWeightBold: number;
56
- euiFormMaxWidth: string;
57
- euiFormControlHeight: string;
58
- euiFormControlCompressedHeight: string;
59
- euiFormControlPadding: string;
60
- euiFormControlCompressedPadding: string;
61
- euiFormControlBorderRadius: string;
62
- euiFormControlCompressedBorderRadius: string;
63
- euiRadioSize: string;
64
- euiCheckBoxSize: string;
65
- euiCheckboxBorderRadius: string;
66
- euiSwitchHeight: string;
67
- euiSwitchWidth: string;
68
- euiSwitchThumbSize: string;
69
- euiSwitchIconHeight: string;
70
- euiSwitchHeightCompressed: string;
71
- euiSwitchWidthCompressed: string;
72
- euiSwitchThumbSizeCompressed: string;
73
- euiSwitchHeightMini: string;
74
- euiSwitchWidthMini: string;
75
- euiSwitchThumbSizeMini: string;
76
- euiFormBackgroundColor: string;
77
- euiFormBackgroundDisabledColor: string;
78
- euiFormBackgroundReadOnlyColor: string;
79
- euiFormBorderOpaqueColor: string;
80
- euiFormBorderColor: string;
81
- euiFormBorderDisabledColor: string;
82
- euiFormCustomControlDisabledIconColor: string;
83
- euiFormCustomControlBorderColor: string;
84
- euiFormControlDisabledColor: string;
85
- euiFormControlBoxShadow: string;
86
- euiFormControlPlaceholderText: string;
87
- euiFormInputGroupLabelBackground: string;
88
- euiFormInputGroupBorder: string;
89
- euiSwitchOffColor: string;
90
- euiFormControlIconSizes: {
91
- small: string;
92
- medium: string;
93
- large: string;
94
- xLarge: string;
95
- xxLarge: string;
96
- };
97
- euiFormControlLayoutGroupInputHeight: string;
98
- euiFormControlLayoutGroupInputCompressedHeight: string;
99
- euiFormControlLayoutGroupInputCompressedBorderRadius: string;
100
- euiHeaderBackgroundColor: string;
101
- euiHeaderDarkBackgroundColor: string;
102
- euiHeaderBorderColor: string;
103
- euiHeaderBreadcrumbColor: string;
104
- euiHeaderHeight: string;
105
- euiHeaderChildSize: string;
106
- euiHeaderHeightCompensation: string;
107
- euiPageDefaultMaxWidth: string;
108
- euiPageSidebarMinWidth: string;
109
- euiPanelPaddingModifiers: {
110
- paddingSmall: string;
111
- paddingMedium: string;
112
- paddingLarge: string;
113
- };
114
- euiPanelBorderRadiusModifiers: {
115
- borderRadiusNone: number;
116
- borderRadiusMedium: string;
117
- };
118
- euiPanelBackgroundColorModifiers: {
119
- transparent: string;
120
- plain: string;
121
- subdued: string;
122
- accent: string;
123
- accentSecondary: string;
124
- primary: string;
125
- success: string;
126
- warning: string;
127
- danger: string;
128
- };
129
- euiBreakpoints: {
130
- xs: number;
131
- s: string;
132
- m: string;
133
- l: string;
134
- xl: string;
135
- };
136
- euiBreakpointKeys: string;
137
- euiShadowColor: string;
138
- euiSize: string;
139
- euiSizeXS: string;
140
- euiSizeS: string;
141
- euiSizeM: string;
142
- euiSizeL: string;
143
- euiSizeXL: string;
144
- euiSizeXXL: string;
145
- euiScrollBar: string;
146
- euiScrollBarCorner: string;
147
- euiScrollBarCornerThin: string;
148
- euiFocusRingColor: string;
149
- euiFocusRingAnimStartColor: string;
150
- euiFocusRingAnimStartSize: string;
151
- euiFocusRingAnimStartSizeLarge: string;
152
- euiFocusRingSizeLarge: string;
153
- euiFocusRingSize: string;
154
- euiFocusTransparency: number;
155
- euiFocusTransparencyPercent: string;
156
- euiFocusBackgroundColor: string;
157
- euiFontFamily: string;
158
- euiCodeFontFamily: string;
159
- euiFontFeatureSettings: string;
160
- euiTextScale: string;
161
- euiFontSize: string;
162
- euiFontSizeXS: string;
163
- euiFontSizeS: string;
164
- euiFontSizeM: string;
165
- euiFontSizeL: string;
166
- euiFontSizeXL: string;
167
- euiFontSizeXXL: string;
168
- euiLineHeight: number;
169
- euiBodyLineHeight: number;
170
- euiTitles: {
171
- xxxs: {
172
- 'font-size': string;
173
- 'line-height': string;
174
- 'font-weight': number;
175
- };
176
- xxs: {
177
- 'font-size': string;
178
- 'line-height': string;
179
- 'font-weight': number;
180
- };
181
- xs: {
182
- 'font-size': string;
183
- 'line-height': string;
184
- 'font-weight': number;
185
- };
186
- s: {
187
- 'font-size': string;
188
- 'line-height': string;
189
- 'font-weight': number;
190
- };
191
- m: {
192
- 'font-size': string;
193
- 'line-height': string;
194
- 'font-weight': number;
195
- };
196
- l: {
197
- 'font-size': string;
198
- 'line-height': string;
199
- 'font-weight': number;
200
- };
201
- };
202
- euiZLevel0: number;
203
- euiZLevel1: number;
204
- euiZLevel2: number;
205
- euiZLevel3: number;
206
- euiZLevel4: number;
207
- euiZLevel5: number;
208
- euiZLevel6: number;
209
- euiZLevel7: number;
210
- euiZLevel8: number;
211
- euiZLevel9: number;
212
- euiZToastList: number;
213
- euiZModal: number;
214
- euiZMask: number;
215
- euiZNavigation: number;
216
- euiZContentMenu: number;
217
- euiZHeader: number;
218
- euiZFlyout: number;
219
- euiZMaskBelowHeader: number;
220
- euiZContent: number;
221
- euiPaletteColorBlind: {
222
- euiColorVis0: {
223
- graphic: string;
224
- behindText: string;
225
- };
226
- euiColorVis1: {
227
- graphic: string;
228
- behindText: string;
229
- };
230
- euiColorVis2: {
231
- graphic: string;
232
- behindText: string;
233
- };
234
- euiColorVis3: {
235
- graphic: string;
236
- behindText: string;
237
- };
238
- euiColorVis4: {
239
- graphic: string;
240
- behindText: string;
241
- };
242
- euiColorVis5: {
243
- graphic: string;
244
- behindText: string;
245
- };
246
- euiColorVis6: {
247
- graphic: string;
248
- behindText: string;
249
- };
250
- euiColorVis7: {
251
- graphic: string;
252
- behindText: string;
253
- };
254
- euiColorVis8: {
255
- graphic: string;
256
- behindText: string;
257
- };
258
- euiColorVis9: {
259
- graphic: string;
260
- behindText: string;
261
- };
262
- };
263
- euiPaletteColorBlindKeys: string;
264
- euiColorVis0: string;
265
- euiColorVis1: string;
266
- euiColorVis2: string;
267
- euiColorVis3: string;
268
- euiColorVis4: string;
269
- euiColorVis5: string;
270
- euiColorVis6: string;
271
- euiColorVis7: string;
272
- euiColorVis8: string;
273
- euiColorVis9: string;
274
- euiColorVis0_behindText: string;
275
- euiColorVis1_behindText: string;
276
- euiColorVis2_behindText: string;
277
- euiColorVis3_behindText: string;
278
- euiColorVis4_behindText: string;
279
- euiColorVis5_behindText: string;
280
- euiColorVis6_behindText: string;
281
- euiColorVis7_behindText: string;
282
- euiColorVis8_behindText: string;
283
- euiColorVis9_behindText: string;
284
- euiColorVisAsTextLight0: string;
285
- euiColorVisAsTextLight1: string;
286
- euiColorVisAsTextLight2: string;
287
- euiColorVisAsTextLight3: string;
288
- euiColorVisAsTextLight4: string;
289
- euiColorVisAsTextLight5: string;
290
- euiColorVisAsTextLight6: string;
291
- euiColorVisAsTextDark0: string;
292
- euiColorVisAsTextDark1: string;
293
- euiColorVisAsTextDark2: string;
294
- euiColorVisAsTextDark3: string;
295
- euiColorVisAsTextDark4: string;
296
- euiColorVisAsTextDark5: string;
297
- euiColorVisAsTextDark6: string;
298
- euiColorVisSuccess0: string;
299
- euiColorVisSuccess1: string;
300
- euiColorVisWarning0: string;
301
- euiColorVisDanger0: string;
302
- euiColorVisDanger1: string;
303
- euiColorVisNeutral0: string;
304
- euiColorVisGrey0: string;
305
- euiColorVisGrey1: string;
306
- euiColorVisGrey2: string;
307
- euiColorVisGrey3: string;
308
- euiColorVisWarm0: string;
309
- euiColorVisWarm1: string;
310
- euiColorVisWarm2: string;
311
- euiColorVisCool0: string;
312
- euiColorVisCool1: string;
313
- euiColorVisCool2: string;
314
- euiColorVisComplementary0: string;
315
- euiColorVisComplementary1: string;
316
- euiColorSeverity0: string;
317
- euiColorSeverity1: string;
318
- euiColorSeverity2: string;
319
- euiColorSeverity3: string;
320
- euiColorSeverity4: string;
321
- euiColorSeverity5: string;
322
- euiColorSeverity6: string;
323
- euiColorSeverity7: string;
324
- euiColorSeverity8: string;
325
- euiColorSeverity9: string;
326
- euiColorSeverity10: string;
327
- euiColorSeverity11: string;
328
- euiColorSeverity12: string;
329
- euiColorSeverity13: string;
330
- euiColorSeverity14: string;
331
- euiColorChartLines: string;
332
- euiColorChartBand: string;
333
- euiColorGhost: string;
334
- euiColorInk: string;
335
- euiColorPrimary: string;
336
- euiColorAccent: string;
337
- euiColorAccentSecondary: string;
338
- euiColorSuccess: string;
339
- euiColorWarning: string;
340
- euiColorDanger: string;
341
- euiColorEmptyShade: string;
342
- euiColorLightestShade: string;
343
- euiColorLightShade: string;
344
- euiColorMediumShade: string;
345
- euiColorDarkShade: string;
346
- euiColorDarkestShade: string;
347
- euiColorFullShade: string;
348
- euiPageBackgroundColor: string;
349
- euiColorHighlight: string;
350
- euiTextColor: string;
351
- euiTitleColor: string;
352
- euiTextSubduedColor: string;
353
- euiColorDisabled: string;
354
- euiColorPrimaryText: string;
355
- euiColorSuccessText: string;
356
- euiColorAccentText: string;
357
- euiColorWarningText: string;
358
- euiColorDangerText: string;
359
- euiColorDisabledText: string;
360
- euiLinkColor: string;
361
- euiColorPlainLight: string;
362
- euiColorPlainDark: string;
363
- euiColorTextPrimary: string;
364
- euiColorTextAccent: string;
365
- euiColorTextAccentSecondary: string;
366
- euiColorTextSuccess: string;
367
- euiColorTextWarning: string;
368
- euiColorTextDanger: string;
369
- euiColorTextParagraph: string;
370
- euiColorTextHeading: string;
371
- euiColorTextSubdued: string;
372
- euiColorTextDisabled: string;
373
- euiColorTextInverse: string;
374
- euiColorBackgroundBasePrimary: string;
375
- euiColorBackgroundBaseAccent: string;
376
- euiColorBackgroundBaseAccentSecondary: string;
377
- euiColorBackgroundBaseSuccess: string;
378
- euiColorBackgroundBaseWarning: string;
379
- euiColorBackgroundBaseDanger: string;
380
- euiColorBackgroundBaseSubdued: string;
381
- euiColorBackgroundBasePlain: string;
382
- euiColorBackgroundBaseDisabled: string;
383
- euiColorBackgroundBaseHighlighted: string;
384
- euiColorBackgroundBaseFormsPrepend: string;
385
- euiColorBackgroundBaseFormsControlDisabled: string;
386
- euiColorBackgroundBaseInteractiveHover: string;
387
- euiColorBackgroundBaseInteractiveSelect: string;
388
- euiColorBackgroundBaseInteractiveOverlay: string;
389
- euiColorBackgroundBaseSkeletonEdge: string;
390
- euiColorBackgroundBaseSkeletonMiddle: string;
391
- euiColorBackgroundLightPrimary: string;
392
- euiColorBackgroundLightAccent: string;
393
- euiColorBackgroundLightAccentSecondary: string;
394
- euiColorBackgroundLightSuccess: string;
395
- euiColorBackgroundLightWarning: string;
396
- euiColorBackgroundLightDanger: string;
397
- euiColorBackgroundLightText: string;
398
- euiColorBackgroundFilledPrimary: string;
399
- euiColorBackgroundFilledAccent: string;
400
- euiColorBackgroundFilledAccentSecondary: string;
401
- euiColorBackgroundFilledSuccess: string;
402
- euiColorBackgroundFilledWarning: string;
403
- euiColorBackgroundFilledDanger: string;
404
- euiColorBackgroundFilledText: string;
405
- euiColorBorderBasePrimary: string;
406
- euiColorBorderBaseAccent: string;
407
- euiColorBorderBaseAccentSecondary: string;
408
- euiColorBorderBaseSuccess: string;
409
- euiColorBorderBaseWarning: string;
410
- euiColorBorderBaseDanger: string;
411
- euiColorBorderBasePlain: string;
412
- euiColorBorderBaseSubdued: string;
413
- euiColorBorderBaseDisabled: string;
414
- euiColorBorderBaseFloating: string;
415
- euiColorBorderBaseFormsColorSwatch: string;
416
- euiColorBorderBaseFormsControl: string;
417
- euiColorBorderStrongPrimary: string;
418
- euiColorBorderStrongAccent: string;
419
- euiColorBorderStrongAccentSecondary: string;
420
- euiColorBorderStrongSuccess: string;
421
- euiColorBorderStrongWarning: string;
422
- euiColorBorderStrongDanger: string;
423
- };
424
- export default sassVariables;
425
- }
@@ -1,159 +0,0 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
- /*
4
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
5
- * or more contributor license agreements. Licensed under the Elastic License
6
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
7
- * in compliance with, at your election, the Elastic License 2.0 or the Server
8
- * Side Public License, v 1.
9
- */
10
-
11
- import { css, keyframes } from '@emotion/react';
12
- import { getTokenName, euiCanAnimate } from '@elastic/eui-theme-common';
13
- import { makeHighContrastColor, useEuiMemoizedStyles } from '../../services';
14
- export var BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
15
- export var BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
16
- /**
17
- * Creates the `base` version of button styles with proper text contrast.
18
- * @param euiThemeContext
19
- * @param color One of the named button colors or 'disabled'
20
- * @returns Style object `{ backgroundColor, color }`
21
- */
22
- export var euiButtonColor = function euiButtonColor(euiThemeContext, color) {
23
- var euiTheme = euiThemeContext.euiTheme;
24
- var backgroundTokenName = getTokenName('background', color);
25
- var textTokenName = getTokenName('textColor', color);
26
- var foreground = euiTheme.components.buttons[textTokenName];
27
- var background = euiTheme.components.buttons[backgroundTokenName];
28
- return {
29
- color: background === 'transparent' || color === 'disabled' ? foreground : makeHighContrastColor(foreground)(background),
30
- backgroundColor: background
31
- };
32
- };
33
-
34
- /**
35
- * Creates the `fill` version of buttons styles with proper text contrast.
36
- * @param euiThemeContext
37
- * @param color One of the named button colors or 'disabled'
38
- * @returns Style object `{ backgroundColor, color }`
39
- */
40
- export var euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
41
- var euiTheme = euiThemeContext.euiTheme;
42
- var backgroundTokenName = getTokenName('backgroundFilled', color);
43
- var textColorTokenName = getTokenName('textColorFilled', color);
44
- var foreground = euiTheme.components.buttons[textColorTokenName];
45
- var background = euiTheme.components.buttons[backgroundTokenName];
46
- return {
47
- color: foreground,
48
- backgroundColor: background
49
- };
50
- };
51
-
52
- /**
53
- * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
54
- * @param euiThemeContext
55
- * @param color One of the named button colors or 'disabled'
56
- * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
57
- */
58
- export var euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, color) {
59
- var foreground;
60
- var background;
61
- switch (color) {
62
- case 'disabled':
63
- foreground = euiButtonColor(euiThemeContext, color).color;
64
- background = 'transparent';
65
- break;
66
- default:
67
- {
68
- var backgroundToken = getTokenName('backgroundEmpty', color, 'hover');
69
- foreground = euiButtonColor(euiThemeContext, color).color;
70
- background = euiThemeContext.euiTheme.components.buttons[backgroundToken];
71
- break;
72
- }
73
- }
74
- return {
75
- color: foreground,
76
- backgroundColor: background
77
- };
78
- };
79
-
80
- /**
81
- * Given the button display type, returns the Emotion based color keys.
82
- * @param options Button display type
83
- * @returns An object of `_EuiButtonColor` keys including `disabled`
84
- */
85
- export var useEuiButtonColorCSS = function useEuiButtonColorCSS() {
86
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
87
- var _options$display = options.display,
88
- display = _options$display === void 0 ? 'base' : _options$display;
89
- var colorsDisplaysMap = useEuiMemoizedStyles(euiButtonDisplaysColors);
90
- return colorsDisplaysMap[display];
91
- };
92
- var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
93
- var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
94
- var displaysColorsMap = {};
95
- BUTTON_DISPLAYS.forEach(function (display) {
96
- displaysColorsMap[display] = {};
97
- COLORS.forEach(function (color) {
98
- switch (display) {
99
- case 'base':
100
- displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
101
- break;
102
- case 'fill':
103
- displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:displaysColorsMap-display-color;");
104
- break;
105
- case 'empty':
106
- displaysColorsMap[display][color] = /*#__PURE__*/css("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
107
- break;
108
- }
109
-
110
- // Tweak auto-generated Emotion label/className output
111
- var emotionOutput = displaysColorsMap[display][color];
112
- emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
113
- });
114
- });
115
- return displaysColorsMap;
116
- };
117
-
118
- /**
119
- * Creates the translate animation when button is in focus.
120
- * @returns string
121
- */
122
- export var useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
123
- return useEuiMemoizedStyles(euiButtonFocusCSS);
124
- };
125
- var euiButtonFocusAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 50% {\n transform: translateY(1px);\n }\n"])));
126
- var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
127
- var euiTheme = _ref.euiTheme;
128
- var focusCSS = /*#__PURE__*/css(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;");
129
- // Remove the auto-generated label.
130
- // We could typically avoid a label by using a plain string `` instead of css``,
131
- // but we need css`` for keyframes`` to work for the focus animation
132
- focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
133
- return focusCSS;
134
- };
135
-
136
- /**
137
- * Map of `size` props to various sizings/scales
138
- * that should remain consistent across all buttons
139
- */
140
- export var euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
141
- var euiTheme = _ref2.euiTheme;
142
- return {
143
- xs: {
144
- height: euiTheme.size.l,
145
- radius: euiTheme.border.radius.small,
146
- fontScale: 'xs'
147
- },
148
- s: {
149
- height: euiTheme.size.xl,
150
- radius: euiTheme.border.radius.small,
151
- fontScale: 's'
152
- },
153
- m: {
154
- height: euiTheme.size.xxl,
155
- radius: euiTheme.border.radius.medium,
156
- fontScale: 's'
157
- }
158
- };
159
- };
@@ -1,31 +0,0 @@
1
- /*
2
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
- * or more contributor license agreements. Licensed under the Elastic License
4
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
- * in compliance with, at your election, the Elastic License 2.0 or the Server
6
- * Side Public License, v 1.
7
- */
8
-
9
- import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge } from '@elastic/eui-theme-common';
10
- import { useEuiTheme } from '../../services/theme';
11
- export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge };
12
- export var useEuiSlightShadowHover = function useEuiSlightShadowHover(color) {
13
- var euiThemeContext = useEuiTheme();
14
- return euiSlightShadowHover(euiThemeContext, {
15
- color: color
16
- });
17
- };
18
- export var useEuiShadowFlat = function useEuiShadowFlat(color) {
19
- var euiThemeContext = useEuiTheme();
20
- return euiShadowFlat(euiThemeContext, {
21
- color: color
22
- });
23
- };
24
- export var useEuiShadow = function useEuiShadow() {
25
- var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'l';
26
- var color = arguments.length > 1 ? arguments[1] : undefined;
27
- var euiThemeContext = useEuiTheme();
28
- return euiShadow(euiThemeContext, size, {
29
- color: color
30
- });
31
- };
@@ -1,74 +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
- /*
8
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
9
- * or more contributor license agreements. Licensed under the Elastic License
10
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
11
- * in compliance with, at your election, the Elastic License 2.0 or the Server
12
- * Side Public License, v 1.
13
- */
14
-
15
- import { useMemo } from 'react';
16
- import { useEuiTheme } from '../theme/hooks';
17
- import { euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteGreen, euiPaletteRed, euiPaletteWarm } from './eui_palettes';
18
- export var useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
19
- return _useEuiPaletteFn(euiPaletteColorBlind, args);
20
- };
21
- export var useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
22
- return _useEuiPaletteFn(euiPaletteColorBlindBehindText, args);
23
- };
24
- export var useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
25
- return _useEuiPaletteWithStepsFn(euiPaletteForStatus, steps);
26
- };
27
- export var useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
28
- return _useEuiPaletteWithStepsFn(euiPaletteForTemperature, steps);
29
- };
30
- export var useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
31
- return _useEuiPaletteWithStepsFn(euiPaletteComplementary, steps);
32
- };
33
- export var useEuiPaletteRed = function useEuiPaletteRed(steps) {
34
- return _useEuiPaletteWithStepsFn(euiPaletteRed, steps);
35
- };
36
- export var useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
37
- return _useEuiPaletteWithStepsFn(euiPaletteGreen, steps);
38
- };
39
- export var useEuiPaletteCool = function useEuiPaletteCool(steps) {
40
- return _useEuiPaletteWithStepsFn(euiPaletteCool, steps);
41
- };
42
- export var useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
43
- return _useEuiPaletteWithStepsFn(euiPaletteWarm, steps);
44
- };
45
- export var useEuiPaletteGray = function useEuiPaletteGray(steps) {
46
- return _useEuiPaletteWithStepsFn(euiPaletteGray, steps);
47
- };
48
-
49
- /* Internal helper utils */
50
-
51
- var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
52
- var _useEuiTheme = useEuiTheme(),
53
- euiTheme = _useEuiTheme.euiTheme;
54
- var colors = euiTheme.colors,
55
- flags = euiTheme.flags;
56
- return useMemo(function () {
57
- return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
58
- colors: colors.vis,
59
- hasVisColorAdjustment: flags.hasVisColorAdjustment
60
- }));
61
- }, [colors, flags, args, palleteFn]);
62
- };
63
- var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
64
- var _useEuiTheme2 = useEuiTheme(),
65
- euiTheme = _useEuiTheme2.euiTheme;
66
- var colors = euiTheme.colors,
67
- flags = euiTheme.flags;
68
- return useMemo(function () {
69
- return palleteFn(steps, {
70
- colors: colors.vis,
71
- hasVisColorAdjustment: flags.hasVisColorAdjustment
72
- });
73
- }, [colors, flags, steps, palleteFn]);
74
- };