@elastic/eui 98.2.1-borealis.2 → 99.0.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 (821) hide show
  1. package/dist/{eui_theme_amsterdam_dark.json.d.ts → eui_theme_dark.json.d.ts} +1 -1
  2. package/dist/{eui_theme_amsterdam_light.json.d.ts → eui_theme_light.json.d.ts} +1 -1
  3. package/es/components/avatar/avatar.js +5 -11
  4. package/es/components/badge/badge.js +1 -1
  5. package/es/components/badge/badge.styles.js +2 -1
  6. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  7. package/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
  8. package/es/components/badge/color_utils.js +8 -9
  9. package/es/components/basic_table/basic_table.js +1 -1
  10. package/es/components/basic_table/in_memory_table.js +1 -1
  11. package/es/components/beacon/beacon.styles.js +2 -2
  12. package/es/components/bottom_bar/bottom_bar.styles.js +2 -1
  13. package/es/components/breadcrumbs/_breadcrumb_content.js +0 -7
  14. package/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  15. package/es/components/breadcrumbs/breadcrumbs.js +0 -7
  16. package/es/components/button/button.js +2 -2
  17. package/es/components/button/button_display/_button_display.js +1 -1
  18. package/es/components/button/button_display/_button_display.styles.js +1 -1
  19. package/es/components/button/button_display/_button_display_content.js +1 -1
  20. package/es/components/button/button_empty/button_empty.js +2 -2
  21. package/es/components/button/button_group/button_group.js +1 -1
  22. package/es/components/button/button_group/button_group_button.js +2 -2
  23. package/es/components/button/button_group/button_group_button.styles.js +6 -6
  24. package/es/components/button/button_icon/button_icon.js +2 -2
  25. package/es/components/call_out/call_out.js +1 -1
  26. package/es/components/card/card.js +3 -3
  27. package/es/components/card/card.styles.js +3 -6
  28. package/es/components/card/card_select/card_select.js +1 -1
  29. package/es/components/code/code_block_annotations.js +1 -1
  30. package/es/components/code/code_block_line.styles.js +2 -1
  31. package/es/components/code/code_syntax.styles.js +27 -23
  32. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  33. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  34. package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  35. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  36. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  37. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  38. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  39. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  40. package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  41. package/es/components/color_picker/color_picker.js +3 -9
  42. package/es/components/color_picker/color_picker.styles.js +2 -1
  43. package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  44. package/es/components/comment_list/comment.js +3 -3
  45. package/es/components/comment_list/comment_event.js +5 -6
  46. package/es/components/comment_list/comment_list.js +3 -3
  47. package/es/components/comment_list/comment_timeline.js +1 -1
  48. package/es/components/common.js +28 -0
  49. package/es/components/context_menu/context_menu_item.js +1 -1
  50. package/es/components/datagrid/body/cell/data_grid_cell.js +12 -12
  51. package/es/components/datagrid/body/data_grid_body.js +7 -7
  52. package/es/components/datagrid/body/data_grid_body_custom.js +7 -7
  53. package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  54. package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  55. package/es/components/datagrid/controls/column_sorting.js +7 -7
  56. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  57. package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  58. package/es/components/datagrid/data_grid.stories.utils.js +7 -7
  59. package/es/components/datagrid/data_grid.styles.js +7 -6
  60. package/es/components/datagrid/utils/in_memory.js +6 -6
  61. package/es/components/date_picker/date_picker.js +2 -2
  62. package/es/components/date_picker/date_picker_range.js +1 -1
  63. package/es/components/date_picker/react_date_picker.styles.js +1 -2
  64. package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
  65. package/es/components/drag_and_drop/droppable.styles.js +4 -2
  66. package/es/components/empty_prompt/empty_prompt.js +2 -2
  67. package/es/components/empty_prompt/empty_prompt.styles.js +2 -6
  68. package/es/components/facet/facet_button.js +1 -1
  69. package/es/components/filter_group/filter_select_item.styles.js +2 -1
  70. package/es/components/flyout/_flyout_close_button.styles.js +2 -1
  71. package/es/components/flyout/flyout.js +1 -1
  72. package/es/components/flyout/flyout.styles.js +2 -7
  73. package/es/components/flyout/flyout_footer.styles.js +1 -1
  74. package/es/components/form/field_number/field_number.js +2 -2
  75. package/es/components/form/field_text/field_text.js +2 -2
  76. package/es/components/form/form.styles.js +32 -28
  77. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  78. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  79. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  80. package/es/components/form/range/range_tooltip.styles.js +13 -11
  81. package/es/components/form/switch/switch.js +7 -3
  82. package/es/components/form/switch/switch.styles.js +19 -16
  83. package/es/components/form/text_area/text_area.js +2 -2
  84. package/es/components/header/header.styles.js +7 -6
  85. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +0 -7
  86. package/es/components/header/header_links/header_link.js +1 -1
  87. package/es/components/header/header_links/header_links.js +1 -8
  88. package/es/components/header/header_logo/header_logo.js +1 -1
  89. package/es/components/header/header_section/header_section_item_button.js +1 -1
  90. package/es/components/icon/assets/ml_create_generic_job.js +36 -0
  91. package/es/components/icon/assets/ml_create_geo_job.js +36 -0
  92. package/es/components/icon/assets/section.js +33 -0
  93. package/es/components/icon/icon.js +1 -1
  94. package/es/components/icon/icon.styles.js +8 -9
  95. package/es/components/icon/icon_map.js +3 -0
  96. package/es/components/icon/named_colors.js +1 -1
  97. package/es/components/inline_edit/inline_edit_form.styles.js +2 -1
  98. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  99. package/es/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
  100. package/es/components/list_group/list_group.js +2 -2
  101. package/es/components/list_group/list_group_item.js +2 -2
  102. package/es/components/list_group/list_group_item.styles.js +11 -9
  103. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  104. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  105. package/es/components/loading/loading_chart.styles.js +5 -18
  106. package/es/components/loading/loading_logo.js +1 -1
  107. package/es/components/mark/mark.styles.js +9 -2
  108. package/es/components/markdown_editor/markdown_editor.js +1 -1
  109. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  110. package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  111. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  112. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  113. package/es/components/markdown_editor/markdown_format.styles.js +2 -2
  114. package/es/components/modal/modal.styles.js +1 -1
  115. package/es/components/overlay_mask/overlay_mask.styles.js +2 -1
  116. package/es/components/page/page_header/page_header_content.js +1 -8
  117. package/es/components/page_template/inner/page_inner.styles.js +2 -2
  118. package/es/components/pagination/pagination.js +6 -2
  119. package/es/components/pagination/pagination_button.js +1 -1
  120. package/es/components/panel/panel.js +1 -1
  121. package/es/components/panel/panel.styles.js +1 -1
  122. package/es/components/panel/split_panel/split_panel.js +1 -1
  123. package/es/components/popover/popover.js +2 -11
  124. package/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
  125. package/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -18
  126. package/es/components/popover/popover_footer.styles.js +1 -1
  127. package/es/components/popover/popover_panel/_popover_panel.js +3 -8
  128. package/es/components/popover/popover_panel/_popover_panel.styles.js +5 -19
  129. package/es/components/progress/progress.js +1 -1
  130. package/es/components/progress/progress.styles.js +28 -30
  131. package/es/components/resizable_container/resizable_panel.js +1 -1
  132. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  133. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  134. package/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
  135. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  136. package/es/components/side_nav/side_nav_item.styles.js +2 -1
  137. package/es/components/skeleton/utils.js +7 -5
  138. package/es/components/steps/step_number.styles.js +1 -1
  139. package/es/components/table/table_cells_shared.styles.js +7 -2
  140. package/es/components/table/table_row.styles.js +10 -8
  141. package/es/components/text/text.styles.js +2 -2
  142. package/es/components/text/text_color.js +1 -1
  143. package/es/components/text/text_color.styles.js +5 -6
  144. package/es/components/timeline/timeline_item_icon.js +1 -1
  145. package/es/components/toast/global_toast_list.js +1 -1
  146. package/es/components/toast/toast.js +1 -1
  147. package/es/components/toast/toast.styles.js +1 -1
  148. package/es/components/token/token.js +4 -10
  149. package/es/components/token/token.styles.js +5 -14
  150. package/es/components/token/token_map.js +1 -243
  151. package/es/components/tool_tip/icon_tip.js +1 -1
  152. package/es/components/tool_tip/tool_tip.styles.js +24 -12
  153. package/es/components/tour/_tour_footer.styles.js +4 -2
  154. package/es/components/tour/tour.styles.js +12 -8
  155. package/es/components/tour/tour_step.js +0 -7
  156. package/es/components/tree_view/tree_view_item.styles.js +2 -1
  157. package/es/global_styling/functions/math.js +49 -1
  158. package/es/global_styling/functions/size.js +17 -1
  159. package/es/global_styling/mixins/_color.js +31 -39
  160. package/es/global_styling/mixins/index.js +1 -2
  161. package/es/global_styling/reset/global_styles.js +2 -2
  162. package/es/global_styling/variables/_colors_vis.js +53 -1
  163. package/es/global_styling/variables/animations.js +22 -1
  164. package/es/global_styling/variables/breakpoint.js +7 -1
  165. package/es/global_styling/variables/levels.js +17 -1
  166. package/es/global_styling/variables/shadow.js +11 -1
  167. package/es/global_styling/variables/size.js +1 -1
  168. package/es/global_styling/variables/typography.js +32 -1
  169. package/es/services/color/eui_palettes.js +47 -116
  170. package/es/services/color/index.js +0 -1
  171. package/es/services/index.js +1 -1
  172. package/es/services/popover/index.js +1 -4
  173. package/es/services/popover/popover_positioning.js +17 -6
  174. package/es/services/theme/provider.js +2 -26
  175. package/es/services/theme/types.js +6 -1
  176. package/es/services/theme/utils.js +303 -1
  177. package/es/themes/amsterdam/global_styling/mixins/button.js +203 -1
  178. package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  179. package/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
  180. package/es/themes/amsterdam/theme.js +1 -7
  181. package/es/themes/index.js +1 -1
  182. package/es/themes/themes.js +6 -9
  183. package/eui.d.ts +3073 -2604
  184. package/i18ntokens.json +19 -19
  185. package/lib/components/avatar/avatar.js +3 -9
  186. package/lib/components/badge/badge.js +1 -1
  187. package/lib/components/badge/badge.styles.js +2 -1
  188. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  189. package/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
  190. package/lib/components/badge/color_utils.js +13 -14
  191. package/lib/components/basic_table/basic_table.js +1 -1
  192. package/lib/components/basic_table/in_memory_table.js +1 -1
  193. package/lib/components/beacon/beacon.styles.js +2 -2
  194. package/lib/components/bottom_bar/bottom_bar.styles.js +2 -1
  195. package/lib/components/breadcrumbs/_breadcrumb_content.js +0 -7
  196. package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  197. package/lib/components/button/button.js +2 -2
  198. package/lib/components/button/button_display/_button_display.js +1 -1
  199. package/lib/components/button/button_display/_button_display.styles.js +1 -1
  200. package/lib/components/button/button_display/_button_display_content.js +1 -1
  201. package/lib/components/button/button_empty/button_empty.js +2 -2
  202. package/lib/components/button/button_group/button_group.js +1 -1
  203. package/lib/components/button/button_group/button_group_button.js +2 -2
  204. package/lib/components/button/button_group/button_group_button.styles.js +5 -5
  205. package/lib/components/button/button_icon/button_icon.js +2 -2
  206. package/lib/components/call_out/call_out.js +1 -1
  207. package/lib/components/card/card.js +3 -3
  208. package/lib/components/card/card.styles.js +2 -5
  209. package/lib/components/card/card_select/card_select.js +1 -1
  210. package/lib/components/code/code_block_annotations.js +1 -1
  211. package/lib/components/code/code_block_line.styles.js +2 -1
  212. package/lib/components/code/code_syntax.styles.js +27 -23
  213. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  214. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  215. package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  216. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  217. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  218. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  219. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  220. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  221. package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  222. package/lib/components/color_picker/color_picker.js +2 -8
  223. package/lib/components/color_picker/color_picker.styles.js +2 -1
  224. package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  225. package/lib/components/comment_list/comment.js +3 -3
  226. package/lib/components/comment_list/comment_event.js +5 -6
  227. package/lib/components/comment_list/comment_list.js +3 -3
  228. package/lib/components/comment_list/comment_timeline.js +1 -1
  229. package/lib/components/common.js +28 -0
  230. package/lib/components/context_menu/context_menu_item.js +1 -1
  231. package/lib/components/datagrid/body/cell/data_grid_cell.js +12 -12
  232. package/lib/components/datagrid/body/data_grid_body.js +7 -7
  233. package/lib/components/datagrid/body/data_grid_body_custom.js +7 -7
  234. package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  235. package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  236. package/lib/components/datagrid/controls/column_sorting.js +7 -7
  237. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  238. package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  239. package/lib/components/datagrid/data_grid.stories.utils.js +7 -7
  240. package/lib/components/datagrid/data_grid.styles.js +7 -6
  241. package/lib/components/datagrid/utils/in_memory.js +6 -6
  242. package/lib/components/date_picker/date_picker.js +2 -2
  243. package/lib/components/date_picker/date_picker_range.js +1 -1
  244. package/lib/components/date_picker/react_date_picker.styles.js +2 -3
  245. package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
  246. package/lib/components/drag_and_drop/droppable.styles.js +4 -2
  247. package/lib/components/empty_prompt/empty_prompt.js +2 -2
  248. package/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
  249. package/lib/components/facet/facet_button.js +1 -1
  250. package/lib/components/filter_group/filter_select_item.styles.js +2 -1
  251. package/lib/components/flyout/_flyout_close_button.styles.js +2 -1
  252. package/lib/components/flyout/flyout.js +1 -1
  253. package/lib/components/flyout/flyout.styles.js +2 -7
  254. package/lib/components/flyout/flyout_footer.styles.js +1 -1
  255. package/lib/components/form/field_number/field_number.js +2 -2
  256. package/lib/components/form/field_text/field_text.js +2 -2
  257. package/lib/components/form/form.styles.js +31 -27
  258. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  259. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  260. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  261. package/lib/components/form/range/range_tooltip.styles.js +13 -11
  262. package/lib/components/form/switch/switch.js +7 -3
  263. package/lib/components/form/switch/switch.styles.js +19 -16
  264. package/lib/components/form/text_area/text_area.js +2 -2
  265. package/lib/components/header/header.styles.js +6 -5
  266. package/lib/components/header/header_links/header_link.js +1 -1
  267. package/lib/components/header/header_links/header_links.js +1 -1
  268. package/lib/components/header/header_logo/header_logo.js +1 -1
  269. package/lib/components/header/header_section/header_section_item_button.js +1 -1
  270. package/lib/components/icon/assets/ml_create_generic_job.js +43 -0
  271. package/lib/components/icon/assets/ml_create_geo_job.js +43 -0
  272. package/lib/components/icon/assets/section.js +40 -0
  273. package/lib/components/icon/icon.js +1 -1
  274. package/lib/components/icon/icon.styles.js +8 -9
  275. package/lib/components/icon/icon_map.js +3 -0
  276. package/lib/components/icon/named_colors.js +1 -1
  277. package/lib/components/icon/svgs/ml_create_generic_job.svg +9 -0
  278. package/lib/components/icon/svgs/ml_create_geo_job.svg +12 -0
  279. package/lib/components/icon/svgs/section.svg +1 -0
  280. package/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
  281. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  282. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
  283. package/lib/components/list_group/list_group.js +2 -2
  284. package/lib/components/list_group/list_group_item.js +2 -2
  285. package/lib/components/list_group/list_group_item.styles.js +10 -8
  286. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  287. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  288. package/lib/components/loading/loading_chart.styles.js +5 -18
  289. package/lib/components/loading/loading_logo.js +1 -1
  290. package/lib/components/mark/mark.styles.js +9 -2
  291. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  292. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  293. package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  294. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  295. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  296. package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  297. package/lib/components/modal/modal.styles.js +1 -1
  298. package/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
  299. package/lib/components/page/page_header/page_header_content.js +1 -1
  300. package/lib/components/page_template/inner/page_inner.styles.js +1 -1
  301. package/lib/components/pagination/pagination.js +6 -2
  302. package/lib/components/pagination/pagination_button.js +1 -1
  303. package/lib/components/panel/panel.js +1 -1
  304. package/lib/components/panel/panel.styles.js +1 -1
  305. package/lib/components/panel/split_panel/split_panel.js +1 -1
  306. package/lib/components/popover/popover.js +2 -11
  307. package/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
  308. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -18
  309. package/lib/components/popover/popover_footer.styles.js +1 -1
  310. package/lib/components/popover/popover_panel/_popover_panel.js +3 -8
  311. package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -19
  312. package/lib/components/progress/progress.js +1 -1
  313. package/lib/components/progress/progress.styles.js +27 -29
  314. package/lib/components/resizable_container/resizable_panel.js +1 -1
  315. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  316. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  317. package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
  318. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  319. package/lib/components/side_nav/side_nav_item.styles.js +2 -1
  320. package/lib/components/skeleton/utils.js +6 -4
  321. package/lib/components/steps/step_number.styles.js +1 -1
  322. package/lib/components/table/table_cells_shared.styles.js +7 -2
  323. package/lib/components/table/table_row.styles.js +9 -7
  324. package/lib/components/text/text.styles.js +1 -1
  325. package/lib/components/text/text_color.js +1 -1
  326. package/lib/components/text/text_color.styles.js +5 -6
  327. package/lib/components/timeline/timeline_item_icon.js +1 -1
  328. package/lib/components/toast/global_toast_list.js +1 -1
  329. package/lib/components/toast/toast.js +1 -1
  330. package/lib/components/toast/toast.styles.js +1 -1
  331. package/lib/components/token/token.js +4 -12
  332. package/lib/components/token/token.styles.js +5 -14
  333. package/lib/components/token/token_map.js +2 -244
  334. package/lib/components/tool_tip/icon_tip.js +1 -1
  335. package/lib/components/tool_tip/tool_tip.styles.js +23 -11
  336. package/lib/components/tour/_tour_footer.styles.js +4 -2
  337. package/lib/components/tour/tour.styles.js +12 -8
  338. package/lib/components/tree_view/tree_view_item.styles.js +2 -1
  339. package/lib/global_styling/functions/math.js +58 -7
  340. package/lib/global_styling/functions/size.js +26 -7
  341. package/lib/global_styling/mixins/_color.js +30 -38
  342. package/lib/global_styling/mixins/index.js +0 -11
  343. package/lib/global_styling/reset/global_styles.js +1 -1
  344. package/lib/global_styling/variables/_colors_vis.js +61 -6
  345. package/lib/global_styling/variables/animations.js +31 -25
  346. package/lib/global_styling/variables/breakpoint.js +16 -7
  347. package/lib/global_styling/variables/levels.js +26 -7
  348. package/lib/global_styling/variables/shadow.js +20 -13
  349. package/lib/global_styling/variables/size.js +10 -7
  350. package/lib/global_styling/variables/typography.js +41 -19
  351. package/lib/services/color/eui_palettes.js +47 -116
  352. package/lib/services/color/index.js +0 -8
  353. package/lib/services/index.js +0 -7
  354. package/lib/services/popover/index.js +1 -8
  355. package/lib/services/popover/popover_positioning.js +17 -6
  356. package/lib/services/theme/provider.js +2 -26
  357. package/lib/services/theme/types.js +14 -13
  358. package/lib/services/theme/utils.js +303 -54
  359. package/lib/themes/amsterdam/global_styling/mixins/button.js +206 -45
  360. package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  361. package/lib/themes/amsterdam/global_styling/variables/_colors.js +19 -611
  362. package/lib/themes/amsterdam/theme.js +1 -7
  363. package/lib/themes/index.js +0 -7
  364. package/lib/themes/themes.js +7 -10
  365. package/optimize/es/components/avatar/avatar.js +4 -10
  366. package/optimize/es/components/badge/badge.styles.js +2 -1
  367. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
  368. package/optimize/es/components/badge/color_utils.js +8 -9
  369. package/optimize/es/components/beacon/beacon.styles.js +2 -2
  370. package/optimize/es/components/bottom_bar/bottom_bar.styles.js +2 -1
  371. package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  372. package/optimize/es/components/button/button.js +1 -1
  373. package/optimize/es/components/button/button_display/_button_display.styles.js +1 -1
  374. package/optimize/es/components/button/button_empty/button_empty.js +1 -1
  375. package/optimize/es/components/button/button_group/button_group_button.js +1 -1
  376. package/optimize/es/components/button/button_group/button_group_button.styles.js +6 -6
  377. package/optimize/es/components/button/button_icon/button_icon.js +1 -1
  378. package/optimize/es/components/card/card.styles.js +3 -6
  379. package/optimize/es/components/code/code_block_annotations.js +1 -1
  380. package/optimize/es/components/code/code_block_line.styles.js +2 -1
  381. package/optimize/es/components/code/code_syntax.styles.js +27 -23
  382. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  383. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  384. package/optimize/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  385. package/optimize/es/components/color_picker/color_picker.js +3 -9
  386. package/optimize/es/components/color_picker/color_picker.styles.js +2 -1
  387. package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -1
  388. package/optimize/es/components/comment_list/comment_event.js +3 -4
  389. package/optimize/es/components/common.js +28 -0
  390. package/optimize/es/components/datagrid/data_grid.styles.js +7 -6
  391. package/optimize/es/components/date_picker/react_date_picker.styles.js +1 -2
  392. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
  393. package/optimize/es/components/drag_and_drop/droppable.styles.js +4 -2
  394. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +2 -6
  395. package/optimize/es/components/filter_group/filter_select_item.styles.js +2 -1
  396. package/optimize/es/components/flyout/_flyout_close_button.styles.js +2 -1
  397. package/optimize/es/components/flyout/flyout.js +1 -1
  398. package/optimize/es/components/flyout/flyout.styles.js +2 -7
  399. package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
  400. package/optimize/es/components/form/form.styles.js +32 -28
  401. package/optimize/es/components/form/range/range_tooltip.styles.js +13 -11
  402. package/optimize/es/components/form/switch/switch.js +2 -3
  403. package/optimize/es/components/form/switch/switch.styles.js +19 -16
  404. package/optimize/es/components/header/header.styles.js +7 -6
  405. package/optimize/es/components/icon/assets/ml_create_generic_job.js +35 -0
  406. package/optimize/es/components/icon/assets/ml_create_geo_job.js +35 -0
  407. package/optimize/es/components/icon/assets/section.js +32 -0
  408. package/optimize/es/components/icon/icon.styles.js +8 -9
  409. package/optimize/es/components/icon/icon_map.js +3 -0
  410. package/optimize/es/components/icon/named_colors.js +1 -1
  411. package/optimize/es/components/inline_edit/inline_edit_form.styles.js +2 -1
  412. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
  413. package/optimize/es/components/list_group/list_group_item.styles.js +11 -9
  414. package/optimize/es/components/loading/loading_chart.styles.js +5 -13
  415. package/optimize/es/components/mark/mark.styles.js +9 -2
  416. package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  417. package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -2
  418. package/optimize/es/components/modal/modal.styles.js +1 -1
  419. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +2 -1
  420. package/optimize/es/components/page_template/inner/page_inner.styles.js +2 -2
  421. package/optimize/es/components/pagination/pagination.js +6 -2
  422. package/optimize/es/components/panel/panel.styles.js +1 -1
  423. package/optimize/es/components/popover/popover.js +2 -4
  424. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
  425. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -15
  426. package/optimize/es/components/popover/popover_footer.styles.js +1 -1
  427. package/optimize/es/components/popover/popover_panel/_popover_panel.js +2 -6
  428. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +5 -19
  429. package/optimize/es/components/progress/progress.js +1 -1
  430. package/optimize/es/components/progress/progress.styles.js +28 -30
  431. package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
  432. package/optimize/es/components/side_nav/side_nav_item.styles.js +2 -1
  433. package/optimize/es/components/skeleton/utils.js +7 -5
  434. package/optimize/es/components/steps/step_number.styles.js +1 -1
  435. package/optimize/es/components/table/table_cells_shared.styles.js +7 -2
  436. package/optimize/es/components/table/table_row.styles.js +10 -8
  437. package/optimize/es/components/text/text.styles.js +2 -2
  438. package/optimize/es/components/text/text_color.js +1 -1
  439. package/optimize/es/components/text/text_color.styles.js +5 -6
  440. package/optimize/es/components/toast/toast.styles.js +1 -1
  441. package/optimize/es/components/token/token.js +4 -10
  442. package/optimize/es/components/token/token.styles.js +5 -14
  443. package/optimize/es/components/token/token_map.js +1 -243
  444. package/optimize/es/components/tool_tip/tool_tip.styles.js +24 -12
  445. package/optimize/es/components/tour/_tour_footer.styles.js +4 -2
  446. package/optimize/es/components/tour/tour.styles.js +12 -8
  447. package/optimize/es/components/tree_view/tree_view_item.styles.js +2 -1
  448. package/optimize/es/global_styling/functions/math.js +49 -1
  449. package/optimize/es/global_styling/functions/size.js +17 -1
  450. package/optimize/es/global_styling/mixins/_color.js +31 -39
  451. package/optimize/es/global_styling/mixins/index.js +1 -2
  452. package/optimize/es/global_styling/reset/global_styles.js +2 -2
  453. package/optimize/es/global_styling/variables/_colors_vis.js +53 -1
  454. package/optimize/es/global_styling/variables/animations.js +22 -1
  455. package/optimize/es/global_styling/variables/breakpoint.js +7 -1
  456. package/optimize/es/global_styling/variables/levels.js +17 -1
  457. package/optimize/es/global_styling/variables/shadow.js +11 -1
  458. package/optimize/es/global_styling/variables/size.js +1 -1
  459. package/optimize/es/global_styling/variables/typography.js +32 -1
  460. package/optimize/es/services/color/eui_palettes.js +47 -116
  461. package/optimize/es/services/color/index.js +0 -1
  462. package/optimize/es/services/index.js +1 -1
  463. package/optimize/es/services/popover/index.js +1 -4
  464. package/optimize/es/services/popover/popover_positioning.js +17 -6
  465. package/optimize/es/services/theme/provider.js +2 -26
  466. package/optimize/es/services/theme/types.js +6 -1
  467. package/optimize/es/services/theme/utils.js +295 -1
  468. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +198 -1
  469. package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  470. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
  471. package/optimize/es/themes/amsterdam/theme.js +1 -7
  472. package/optimize/es/themes/index.js +1 -1
  473. package/optimize/es/themes/themes.js +6 -9
  474. package/optimize/lib/components/avatar/avatar.js +2 -8
  475. package/optimize/lib/components/badge/badge.styles.js +2 -1
  476. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
  477. package/optimize/lib/components/badge/color_utils.js +13 -14
  478. package/optimize/lib/components/beacon/beacon.styles.js +2 -2
  479. package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +2 -1
  480. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  481. package/optimize/lib/components/button/button.js +1 -1
  482. package/optimize/lib/components/button/button_display/_button_display.styles.js +1 -1
  483. package/optimize/lib/components/button/button_empty/button_empty.js +1 -1
  484. package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
  485. package/optimize/lib/components/button/button_group/button_group_button.styles.js +5 -5
  486. package/optimize/lib/components/button/button_icon/button_icon.js +1 -1
  487. package/optimize/lib/components/card/card.styles.js +2 -5
  488. package/optimize/lib/components/code/code_block_annotations.js +1 -1
  489. package/optimize/lib/components/code/code_block_line.styles.js +2 -1
  490. package/optimize/lib/components/code/code_syntax.styles.js +27 -23
  491. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  492. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  493. package/optimize/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  494. package/optimize/lib/components/color_picker/color_picker.js +2 -8
  495. package/optimize/lib/components/color_picker/color_picker.styles.js +2 -1
  496. package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
  497. package/optimize/lib/components/comment_list/comment_event.js +3 -4
  498. package/optimize/lib/components/common.js +28 -0
  499. package/optimize/lib/components/datagrid/data_grid.styles.js +7 -6
  500. package/optimize/lib/components/date_picker/react_date_picker.styles.js +2 -3
  501. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
  502. package/optimize/lib/components/drag_and_drop/droppable.styles.js +4 -2
  503. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
  504. package/optimize/lib/components/filter_group/filter_select_item.styles.js +2 -1
  505. package/optimize/lib/components/flyout/_flyout_close_button.styles.js +2 -1
  506. package/optimize/lib/components/flyout/flyout.js +1 -1
  507. package/optimize/lib/components/flyout/flyout.styles.js +2 -7
  508. package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
  509. package/optimize/lib/components/form/form.styles.js +31 -27
  510. package/optimize/lib/components/form/range/range_tooltip.styles.js +13 -11
  511. package/optimize/lib/components/form/switch/switch.js +2 -3
  512. package/optimize/lib/components/form/switch/switch.styles.js +19 -16
  513. package/optimize/lib/components/header/header.styles.js +6 -5
  514. package/optimize/lib/components/icon/assets/ml_create_generic_job.js +43 -0
  515. package/optimize/lib/components/icon/assets/ml_create_geo_job.js +43 -0
  516. package/optimize/lib/components/icon/assets/section.js +40 -0
  517. package/optimize/lib/components/icon/icon.styles.js +8 -9
  518. package/optimize/lib/components/icon/icon_map.js +3 -0
  519. package/optimize/lib/components/icon/named_colors.js +1 -1
  520. package/optimize/lib/components/icon/svgs/ml_create_generic_job.svg +9 -0
  521. package/optimize/lib/components/icon/svgs/ml_create_geo_job.svg +12 -0
  522. package/optimize/lib/components/icon/svgs/section.svg +1 -0
  523. package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
  524. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
  525. package/optimize/lib/components/list_group/list_group_item.styles.js +10 -8
  526. package/optimize/lib/components/loading/loading_chart.styles.js +5 -13
  527. package/optimize/lib/components/mark/mark.styles.js +9 -2
  528. package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  529. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +2 -2
  530. package/optimize/lib/components/modal/modal.styles.js +1 -1
  531. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
  532. package/optimize/lib/components/page_template/inner/page_inner.styles.js +1 -1
  533. package/optimize/lib/components/pagination/pagination.js +6 -2
  534. package/optimize/lib/components/panel/panel.styles.js +1 -1
  535. package/optimize/lib/components/popover/popover.js +2 -4
  536. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
  537. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
  538. package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
  539. package/optimize/lib/components/popover/popover_panel/_popover_panel.js +2 -6
  540. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -19
  541. package/optimize/lib/components/progress/progress.js +1 -1
  542. package/optimize/lib/components/progress/progress.styles.js +27 -29
  543. package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
  544. package/optimize/lib/components/side_nav/side_nav_item.styles.js +2 -1
  545. package/optimize/lib/components/skeleton/utils.js +6 -4
  546. package/optimize/lib/components/steps/step_number.styles.js +1 -1
  547. package/optimize/lib/components/table/table_cells_shared.styles.js +7 -2
  548. package/optimize/lib/components/table/table_row.styles.js +9 -7
  549. package/optimize/lib/components/text/text.styles.js +1 -1
  550. package/optimize/lib/components/text/text_color.js +1 -1
  551. package/optimize/lib/components/text/text_color.styles.js +5 -6
  552. package/optimize/lib/components/toast/toast.styles.js +1 -1
  553. package/optimize/lib/components/token/token.js +4 -13
  554. package/optimize/lib/components/token/token.styles.js +5 -14
  555. package/optimize/lib/components/token/token_map.js +2 -244
  556. package/optimize/lib/components/tool_tip/tool_tip.styles.js +23 -11
  557. package/optimize/lib/components/tour/_tour_footer.styles.js +4 -2
  558. package/optimize/lib/components/tour/tour.styles.js +12 -8
  559. package/optimize/lib/components/tree_view/tree_view_item.styles.js +2 -1
  560. package/optimize/lib/global_styling/functions/math.js +59 -7
  561. package/optimize/lib/global_styling/functions/size.js +27 -7
  562. package/optimize/lib/global_styling/mixins/_color.js +30 -38
  563. package/optimize/lib/global_styling/mixins/index.js +0 -11
  564. package/optimize/lib/global_styling/reset/global_styles.js +1 -1
  565. package/optimize/lib/global_styling/variables/_colors_vis.js +61 -6
  566. package/optimize/lib/global_styling/variables/animations.js +31 -25
  567. package/optimize/lib/global_styling/variables/breakpoint.js +16 -7
  568. package/optimize/lib/global_styling/variables/levels.js +26 -7
  569. package/optimize/lib/global_styling/variables/shadow.js +20 -13
  570. package/optimize/lib/global_styling/variables/size.js +10 -7
  571. package/optimize/lib/global_styling/variables/typography.js +41 -19
  572. package/optimize/lib/services/color/eui_palettes.js +47 -116
  573. package/optimize/lib/services/color/index.js +0 -8
  574. package/optimize/lib/services/index.js +0 -7
  575. package/optimize/lib/services/popover/index.js +1 -8
  576. package/optimize/lib/services/popover/popover_positioning.js +17 -6
  577. package/optimize/lib/services/theme/provider.js +2 -26
  578. package/optimize/lib/services/theme/types.js +14 -13
  579. package/optimize/lib/services/theme/utils.js +296 -54
  580. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +203 -45
  581. package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  582. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +19 -611
  583. package/optimize/lib/themes/amsterdam/theme.js +1 -7
  584. package/optimize/lib/themes/index.js +0 -7
  585. package/optimize/lib/themes/themes.js +7 -10
  586. package/package.json +3 -7
  587. package/src/global_styling/functions/_index.scss +5 -1
  588. package/src/global_styling/index.scss +10 -1
  589. package/src/global_styling/variables/_animations.scss +8 -1
  590. package/src/global_styling/variables/_borders.scss +9 -1
  591. package/src/global_styling/variables/_buttons.scss +18 -1
  592. package/src/global_styling/variables/_colors_vis.scss +70 -1
  593. package/src/global_styling/variables/_font_weight.scss +7 -1
  594. package/src/global_styling/variables/_form.scss +21 -2
  595. package/src/global_styling/variables/_responsive.scss +9 -1
  596. package/src/global_styling/variables/_shadows.scss +1 -1
  597. package/src/global_styling/variables/_size.scss +13 -1
  598. package/src/global_styling/variables/_states.scss +14 -1
  599. package/src/global_styling/variables/_typography.scss +75 -1
  600. package/src/global_styling/variables/_z_index.scss +33 -1
  601. package/src/themes/amsterdam/_colors_dark.scss +8 -80
  602. package/src/themes/amsterdam/_colors_light.scss +8 -80
  603. package/src/themes/amsterdam/global_styling/variables/_index.scss +0 -2
  604. package/test-env/components/avatar/avatar.js +3 -9
  605. package/test-env/components/badge/badge.js +1 -1
  606. package/test-env/components/badge/badge.styles.js +2 -1
  607. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  608. package/test-env/components/badge/beta_badge/beta_badge.styles.js +1 -3
  609. package/test-env/components/badge/color_utils.js +13 -14
  610. package/test-env/components/basic_table/basic_table.js +1 -1
  611. package/test-env/components/basic_table/in_memory_table.js +1 -1
  612. package/test-env/components/beacon/beacon.styles.js +2 -2
  613. package/test-env/components/bottom_bar/bottom_bar.styles.js +2 -1
  614. package/test-env/components/breadcrumbs/_breadcrumb_content.js +0 -7
  615. package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
  616. package/test-env/components/button/button.js +2 -2
  617. package/test-env/components/button/button_display/_button_display.js +1 -1
  618. package/test-env/components/button/button_display/_button_display.styles.js +1 -1
  619. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  620. package/test-env/components/button/button_empty/button_empty.js +2 -2
  621. package/test-env/components/button/button_group/button_group.js +1 -1
  622. package/test-env/components/button/button_group/button_group_button.js +2 -2
  623. package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
  624. package/test-env/components/button/button_icon/button_icon.js +2 -2
  625. package/test-env/components/call_out/call_out.js +1 -1
  626. package/test-env/components/card/card.js +3 -3
  627. package/test-env/components/card/card.styles.js +2 -5
  628. package/test-env/components/card/card_select/card_select.js +1 -1
  629. package/test-env/components/code/code_block_annotations.js +1 -1
  630. package/test-env/components/code/code_block_line.styles.js +2 -1
  631. package/test-env/components/code/code_syntax.styles.js +27 -23
  632. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  633. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
  634. package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  635. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  636. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  637. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  638. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  639. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
  640. package/test-env/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
  641. package/test-env/components/color_picker/color_picker.js +2 -8
  642. package/test-env/components/color_picker/color_picker.styles.js +2 -1
  643. package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
  644. package/test-env/components/comment_list/comment.js +3 -3
  645. package/test-env/components/comment_list/comment_event.js +5 -6
  646. package/test-env/components/comment_list/comment_list.js +3 -3
  647. package/test-env/components/comment_list/comment_timeline.js +1 -1
  648. package/test-env/components/common.js +28 -0
  649. package/test-env/components/context_menu/context_menu_item.js +1 -1
  650. package/test-env/components/datagrid/body/cell/data_grid_cell.js +12 -12
  651. package/test-env/components/datagrid/body/data_grid_body.js +7 -7
  652. package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -7
  653. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  654. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  655. package/test-env/components/datagrid/controls/column_sorting.js +7 -7
  656. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  657. package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  658. package/test-env/components/datagrid/data_grid.stories.utils.js +7 -7
  659. package/test-env/components/datagrid/data_grid.styles.js +7 -6
  660. package/test-env/components/datagrid/utils/in_memory.js +6 -6
  661. package/test-env/components/date_picker/date_picker.js +2 -2
  662. package/test-env/components/date_picker/date_picker_range.js +1 -1
  663. package/test-env/components/date_picker/react_date_picker.styles.js +2 -3
  664. package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
  665. package/test-env/components/drag_and_drop/droppable.styles.js +4 -2
  666. package/test-env/components/empty_prompt/empty_prompt.js +2 -2
  667. package/test-env/components/empty_prompt/empty_prompt.styles.js +1 -5
  668. package/test-env/components/facet/facet_button.js +1 -1
  669. package/test-env/components/filter_group/filter_select_item.styles.js +2 -1
  670. package/test-env/components/flyout/_flyout_close_button.styles.js +2 -1
  671. package/test-env/components/flyout/flyout.styles.js +2 -7
  672. package/test-env/components/flyout/flyout_footer.styles.js +1 -1
  673. package/test-env/components/form/field_number/field_number.js +2 -2
  674. package/test-env/components/form/field_text/field_text.js +2 -2
  675. package/test-env/components/form/form.styles.js +31 -27
  676. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  677. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  678. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  679. package/test-env/components/form/range/range_tooltip.styles.js +13 -11
  680. package/test-env/components/form/switch/switch.js +2 -3
  681. package/test-env/components/form/switch/switch.styles.js +19 -16
  682. package/test-env/components/form/text_area/text_area.js +2 -2
  683. package/test-env/components/header/header.styles.js +6 -5
  684. package/test-env/components/header/header_links/header_link.js +1 -1
  685. package/test-env/components/header/header_links/header_links.js +1 -1
  686. package/test-env/components/header/header_logo/header_logo.js +1 -1
  687. package/test-env/components/header/header_section/header_section_item_button.js +1 -1
  688. package/test-env/components/icon/assets/ml_create_generic_job.js +43 -0
  689. package/test-env/components/icon/assets/ml_create_geo_job.js +43 -0
  690. package/test-env/components/icon/assets/section.js +40 -0
  691. package/test-env/components/icon/icon.styles.js +8 -9
  692. package/test-env/components/icon/icon_map.js +3 -0
  693. package/test-env/components/icon/named_colors.js +1 -1
  694. package/test-env/components/inline_edit/inline_edit_form.styles.js +2 -1
  695. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  696. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
  697. package/test-env/components/list_group/list_group.js +2 -2
  698. package/test-env/components/list_group/list_group_item.js +2 -2
  699. package/test-env/components/list_group/list_group_item.styles.js +10 -8
  700. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  701. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  702. package/test-env/components/loading/loading_chart.styles.js +5 -13
  703. package/test-env/components/loading/loading_logo.js +1 -1
  704. package/test-env/components/mark/mark.styles.js +9 -2
  705. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  706. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  707. package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
  708. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  709. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  710. package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
  711. package/test-env/components/modal/modal.styles.js +1 -1
  712. package/test-env/components/overlay_mask/overlay_mask.styles.js +2 -1
  713. package/test-env/components/page/page_header/page_header_content.js +1 -1
  714. package/test-env/components/page_template/inner/page_inner.styles.js +1 -1
  715. package/test-env/components/pagination/pagination.js +6 -2
  716. package/test-env/components/pagination/pagination_button.js +1 -1
  717. package/test-env/components/panel/panel.js +1 -1
  718. package/test-env/components/panel/panel.styles.js +1 -1
  719. package/test-env/components/panel/split_panel/split_panel.js +1 -1
  720. package/test-env/components/popover/popover.js +2 -11
  721. package/test-env/components/popover/popover_arrow/_popover_arrow.js +3 -8
  722. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
  723. package/test-env/components/popover/popover_footer.styles.js +1 -1
  724. package/test-env/components/popover/popover_panel/_popover_panel.js +3 -8
  725. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -19
  726. package/test-env/components/progress/progress.js +1 -1
  727. package/test-env/components/progress/progress.styles.js +27 -29
  728. package/test-env/components/resizable_container/resizable_panel.js +1 -1
  729. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  730. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  731. package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
  732. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  733. package/test-env/components/side_nav/side_nav_item.styles.js +2 -1
  734. package/test-env/components/skeleton/utils.js +6 -4
  735. package/test-env/components/steps/step_number.styles.js +1 -1
  736. package/test-env/components/table/table_cells_shared.styles.js +7 -2
  737. package/test-env/components/table/table_row.styles.js +9 -7
  738. package/test-env/components/text/text.styles.js +1 -1
  739. package/test-env/components/text/text_color.js +1 -1
  740. package/test-env/components/text/text_color.styles.js +5 -6
  741. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  742. package/test-env/components/toast/global_toast_list.js +1 -1
  743. package/test-env/components/toast/toast.js +1 -1
  744. package/test-env/components/toast/toast.styles.js +1 -1
  745. package/test-env/components/token/token.js +4 -13
  746. package/test-env/components/token/token.styles.js +5 -14
  747. package/test-env/components/token/token_map.js +2 -244
  748. package/test-env/components/tool_tip/icon_tip.js +1 -1
  749. package/test-env/components/tool_tip/tool_tip.styles.js +23 -11
  750. package/test-env/components/tour/_tour_footer.styles.js +4 -2
  751. package/test-env/components/tour/tour.styles.js +12 -8
  752. package/test-env/components/tree_view/tree_view_item.styles.js +2 -1
  753. package/test-env/global_styling/functions/math.js +59 -7
  754. package/test-env/global_styling/functions/size.js +27 -7
  755. package/test-env/global_styling/mixins/_color.js +30 -38
  756. package/test-env/global_styling/mixins/index.js +0 -11
  757. package/test-env/global_styling/reset/global_styles.js +1 -1
  758. package/test-env/global_styling/variables/_colors_vis.js +61 -6
  759. package/test-env/global_styling/variables/animations.js +31 -25
  760. package/test-env/global_styling/variables/breakpoint.js +16 -7
  761. package/test-env/global_styling/variables/levels.js +26 -7
  762. package/test-env/global_styling/variables/shadow.js +20 -13
  763. package/test-env/global_styling/variables/size.js +10 -7
  764. package/test-env/global_styling/variables/typography.js +41 -19
  765. package/test-env/services/color/eui_palettes.js +47 -116
  766. package/test-env/services/color/index.js +0 -8
  767. package/test-env/services/index.js +0 -7
  768. package/test-env/services/popover/index.js +1 -8
  769. package/test-env/services/popover/popover_positioning.js +17 -6
  770. package/test-env/services/theme/provider.js +2 -26
  771. package/test-env/services/theme/types.js +14 -13
  772. package/test-env/services/theme/utils.js +296 -54
  773. package/test-env/themes/amsterdam/global_styling/mixins/button.js +203 -45
  774. package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
  775. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +19 -611
  776. package/test-env/themes/amsterdam/theme.js +1 -7
  777. package/test-env/themes/index.js +0 -7
  778. package/test-env/themes/themes.js +7 -10
  779. package/dist/eui_theme_borealis_dark.json +0 -314
  780. package/dist/eui_theme_borealis_dark.json.d.ts +0 -317
  781. package/dist/eui_theme_borealis_light.json +0 -314
  782. package/dist/eui_theme_borealis_light.json.d.ts +0 -317
  783. package/es/global_styling/mixins/_button.js +0 -159
  784. package/es/services/color/vis_color_store.js +0 -13
  785. package/es/services/popover/popover_arrow.styles.js +0 -31
  786. package/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -281
  787. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -109
  788. package/es/themes/amsterdam/global_styling/variables/_components.js +0 -604
  789. package/es/themes/amsterdam/global_styling/variables/_forms.js +0 -161
  790. package/lib/global_styling/mixins/_button.js +0 -164
  791. package/lib/services/color/vis_color_store.js +0 -18
  792. package/lib/services/popover/popover_arrow.styles.js +0 -37
  793. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -285
  794. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
  795. package/lib/themes/amsterdam/global_styling/variables/_components.js +0 -608
  796. package/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -165
  797. package/optimize/es/global_styling/mixins/_button.js +0 -159
  798. package/optimize/es/services/color/vis_color_store.js +0 -13
  799. package/optimize/es/services/popover/popover_arrow.styles.js +0 -31
  800. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -270
  801. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -109
  802. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +0 -596
  803. package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +0 -153
  804. package/optimize/lib/global_styling/mixins/_button.js +0 -165
  805. package/optimize/lib/services/color/vis_color_store.js +0 -18
  806. package/optimize/lib/services/popover/popover_arrow.styles.js +0 -37
  807. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
  808. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
  809. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +0 -601
  810. package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -158
  811. package/src/themes/amsterdam/global_styling/variables/_colors_vis.scss +0 -72
  812. package/src/themes/amsterdam/global_styling/variables/_forms.scss +0 -12
  813. package/test-env/global_styling/mixins/_button.js +0 -165
  814. package/test-env/services/color/vis_color_store.js +0 -18
  815. package/test-env/services/popover/popover_arrow.styles.js +0 -37
  816. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
  817. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
  818. package/test-env/themes/amsterdam/global_styling/variables/_components.js +0 -601
  819. package/test-env/themes/amsterdam/global_styling/variables/_forms.js +0 -158
  820. /package/dist/{eui_theme_amsterdam_dark.json → eui_theme_dark.json} +0 -0
  821. /package/dist/{eui_theme_amsterdam_light.json → eui_theme_light.json} +0 -0
@@ -10,11 +10,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
10
10
  * Side Public License, v 1.
11
11
  */
12
12
 
13
- import { darken, shade, tint, transparentize } from '../../../../services/color';
13
+ import { shade, tint } from '../../../../services/color';
14
14
  import { computed } from '../../../../services/theme/utils';
15
15
  import { makeHighContrastColor, makeDisabledContrastColor } from '../../../../services/color/contrast';
16
- import { colorVis } from './_colors_vis';
17
-
18
16
  /*
19
17
  * LIGHT THEME
20
18
  * Only split up in the light theme to access the keys by section in the docs
@@ -23,7 +21,6 @@ import { colorVis } from './_colors_vis';
23
21
  export var brand_colors = {
24
22
  primary: '#0077CC',
25
23
  accent: '#F04E98',
26
- accentSecondary: '#00BFB3',
27
24
  success: '#00BFB3',
28
25
  warning: '#FEC514',
29
26
  danger: '#BD271E'
@@ -33,13 +30,7 @@ export var brand_text_colors = {
33
30
  accentText: computed(makeHighContrastColor('colors.accent')),
34
31
  successText: computed(makeHighContrastColor('colors.success')),
35
32
  warningText: computed(makeHighContrastColor('colors.warning')),
36
- dangerText: computed(makeHighContrastColor('colors.danger')),
37
- textPrimary: computed(makeHighContrastColor('colors.primary')),
38
- textAccent: computed(makeHighContrastColor('colors.accent')),
39
- textAccentSecondary: computed(makeHighContrastColor('colors.success')),
40
- textSuccess: computed(makeHighContrastColor('colors.success')),
41
- textWarning: computed(makeHighContrastColor('colors.warning')),
42
- textDanger: computed(makeHighContrastColor('colors.danger'))
33
+ dangerText: computed(makeHighContrastColor('colors.danger'))
43
34
  };
44
35
  export var shade_colors = {
45
36
  emptyShade: '#FFFFFF',
@@ -84,319 +75,9 @@ export var text_colors = {
84
75
  var _ref11 = _slicedToArray(_ref10, 1),
85
76
  primaryText = _ref11[0];
86
77
  return primaryText;
87
- }, ['colors.primaryText']),
88
- textParagraph: computed(function (_ref12) {
89
- var _ref13 = _slicedToArray(_ref12, 1),
90
- darkestShade = _ref13[0];
91
- return darkestShade;
92
- }, ['colors.darkestShade']),
93
- textHeading: computed(function (_ref14) {
94
- var _ref15 = _slicedToArray(_ref14, 1),
95
- text = _ref15[0];
96
- return shade(text, 0.5);
97
- }, ['colors.text']),
98
- textSubdued: computed(makeHighContrastColor('colors.darkShade')),
99
- textDisabled: computed(makeDisabledContrastColor('colors.disabled')),
100
- textInverse: computed(function (_ref16) {
101
- var _ref17 = _slicedToArray(_ref16, 1),
102
- ghost = _ref17[0];
103
- return ghost;
104
- }, ['colors.ghost'])
78
+ }, ['colors.primaryText'])
105
79
  };
106
- export var background_colors = {
107
- backgroundBasePrimary: computed(function (_ref18) {
108
- var _ref19 = _slicedToArray(_ref18, 1),
109
- primary = _ref19[0];
110
- return tint(primary, 0.9);
111
- }, ['colors.primary']),
112
- backgroundBaseAccent: computed(function (_ref20) {
113
- var _ref21 = _slicedToArray(_ref20, 1),
114
- accent = _ref21[0];
115
- return tint(accent, 0.9);
116
- }, ['colors.accent']),
117
- backgroundBaseAccentSecondary: computed(function (_ref22) {
118
- var _ref23 = _slicedToArray(_ref22, 1),
119
- success = _ref23[0];
120
- return tint(success, 0.9);
121
- }, ['colors.success']),
122
- backgroundBaseSuccess: computed(function (_ref24) {
123
- var _ref25 = _slicedToArray(_ref24, 1),
124
- success = _ref25[0];
125
- return tint(success, 0.9);
126
- }, ['colors.success']),
127
- backgroundBaseWarning: computed(function (_ref26) {
128
- var _ref27 = _slicedToArray(_ref26, 1),
129
- warning = _ref27[0];
130
- return tint(warning, 0.9);
131
- }, ['colors.warning']),
132
- backgroundBaseDanger: computed(function (_ref28) {
133
- var _ref29 = _slicedToArray(_ref28, 1),
134
- danger = _ref29[0];
135
- return tint(danger, 0.9);
136
- }, ['colors.danger']),
137
- backgroundBaseSubdued: computed(function (_ref30) {
138
- var _ref31 = _slicedToArray(_ref30, 1),
139
- body = _ref31[0];
140
- return body;
141
- }, ['colors.body']),
142
- backgroundBaseDisabled: computed(function (_ref32) {
143
- var _ref33 = _slicedToArray(_ref32, 1),
144
- disabled = _ref33[0];
145
- return disabled;
146
- }, ['colors.disabled']),
147
- backgroundBaseHighlighted: computed(function (_ref34) {
148
- var _ref35 = _slicedToArray(_ref34, 1),
149
- backgroundBaseSubdued = _ref35[0];
150
- return backgroundBaseSubdued;
151
- }, ['colors.backgroundBaseSubdued']),
152
- backgroundBasePlain: computed(function (_ref36) {
153
- var _ref37 = _slicedToArray(_ref36, 1),
154
- emptyShade = _ref37[0];
155
- return emptyShade;
156
- }, ['colors.emptyShade']),
157
- backgroundBaseFormsPrepend: computed(function (_ref38) {
158
- var _ref39 = _slicedToArray(_ref38, 1),
159
- lightShade = _ref39[0];
160
- return tint(lightShade, 0.5);
161
- }, ['colors.lightShade']),
162
- backgroundBaseFormsControlDisabled: computed(function (_ref40) {
163
- var _ref41 = _slicedToArray(_ref40, 1),
164
- mediumShade = _ref41[0];
165
- return mediumShade;
166
- }, ['colors.mediumShade']),
167
- backgroundBaseInteractiveHover: computed(function (_ref42) {
168
- var _ref43 = _slicedToArray(_ref42, 1),
169
- lightShade = _ref43[0];
170
- return transparentize(lightShade, 0.2);
171
- }, ['colors.lightShade']),
172
- backgroundBaseInteractiveSelect: computed(function (_ref44) {
173
- var _ref45 = _slicedToArray(_ref44, 1),
174
- primary = _ref45[0];
175
- return tint(primary, 0.96);
176
- }, ['colors.primary']),
177
- backgroundBaseInteractiveOverlay: computed(function (_ref46) {
178
- var _ref47 = _slicedToArray(_ref46, 1),
179
- ink = _ref47[0];
180
- return transparentize(ink, 0.5);
181
- }, ['colors.ink']),
182
- backgroundBaseSkeletonEdge: computed(function (_ref48) {
183
- var _ref49 = _slicedToArray(_ref48, 1),
184
- lightShade = _ref49[0];
185
- return tint(lightShade, 0.65);
186
- }, ['colors.lightShade']),
187
- backgroundBaseSkeletonMiddle: computed(function (_ref50) {
188
- var _ref51 = _slicedToArray(_ref50, 1),
189
- lightShade = _ref51[0];
190
- return tint(lightShade, 0.8);
191
- }, ['colors.lightShade']),
192
- backgroundLightPrimary: computed(function (_ref52) {
193
- var _ref53 = _slicedToArray(_ref52, 1),
194
- primary = _ref53[0];
195
- return tint(primary, 0.8);
196
- }, ['colors.primary']),
197
- backgroundLightAccent: computed(function (_ref54) {
198
- var _ref55 = _slicedToArray(_ref54, 1),
199
- accent = _ref55[0];
200
- return tint(accent, 0.8);
201
- }, ['colors.accent']),
202
- backgroundLightAccentSecondary: computed(function (_ref56) {
203
- var _ref57 = _slicedToArray(_ref56, 1),
204
- success = _ref57[0];
205
- return tint(success, 0.8);
206
- }, ['colors.success']),
207
- backgroundLightSuccess: computed(function (_ref58) {
208
- var _ref59 = _slicedToArray(_ref58, 1),
209
- success = _ref59[0];
210
- return tint(success, 0.8);
211
- }, ['colors.success']),
212
- backgroundLightWarning: computed(function (_ref60) {
213
- var _ref61 = _slicedToArray(_ref60, 1),
214
- warning = _ref61[0];
215
- return tint(warning, 0.8);
216
- }, ['colors.warning']),
217
- backgroundLightDanger: computed(function (_ref62) {
218
- var _ref63 = _slicedToArray(_ref62, 1),
219
- danger = _ref63[0];
220
- return tint(danger, 0.8);
221
- }, ['colors.danger']),
222
- backgroundLightText: computed(function (_ref64) {
223
- var _ref65 = _slicedToArray(_ref64, 1),
224
- lightShade = _ref65[0];
225
- return tint(lightShade, 0.5);
226
- }, ['colors.lightShade']),
227
- backgroundFilledPrimary: computed(function (_ref66) {
228
- var _ref67 = _slicedToArray(_ref66, 1),
229
- primary = _ref67[0];
230
- return primary;
231
- }, ['colors.primary']),
232
- backgroundFilledAccent: computed(function (_ref68) {
233
- var _ref69 = _slicedToArray(_ref68, 1),
234
- accent = _ref69[0];
235
- return tint(accent, 0.3);
236
- }, ['colors.accent']),
237
- backgroundFilledAccentSecondary: computed(function (_ref70) {
238
- var _ref71 = _slicedToArray(_ref70, 1),
239
- success = _ref71[0];
240
- return tint(success, 0.3);
241
- }, ['colors.success']),
242
- backgroundFilledSuccess: computed(function (_ref72) {
243
- var _ref73 = _slicedToArray(_ref72, 1),
244
- success = _ref73[0];
245
- return tint(success, 0.3);
246
- }, ['colors.success']),
247
- backgroundFilledWarning: computed(function (_ref74) {
248
- var _ref75 = _slicedToArray(_ref74, 1),
249
- warning = _ref75[0];
250
- return warning;
251
- }, ['colors.warning']),
252
- backgroundFilledDanger: computed(function (_ref76) {
253
- var _ref77 = _slicedToArray(_ref76, 1),
254
- danger = _ref77[0];
255
- return danger;
256
- }, ['colors.danger']),
257
- backgroundFilledText: computed(function (_ref78) {
258
- var _ref79 = _slicedToArray(_ref78, 1),
259
- darkShade = _ref79[0];
260
- return darkShade;
261
- }, ['colors.darkShade'])
262
- };
263
- export var transparent_background_colors = {
264
- backgroundTransparent: 'transparent',
265
- backgroundTransparentPrimary: computed(function (_ref80) {
266
- var _ref81 = _slicedToArray(_ref80, 1),
267
- primary = _ref81[0];
268
- return transparentize(primary, 0.1);
269
- }, ['colors.primary']),
270
- backgroundTransparentAccent: computed(function (_ref82) {
271
- var _ref83 = _slicedToArray(_ref82, 1),
272
- accent = _ref83[0];
273
- return transparentize(accent, 0.1);
274
- }, ['colors.accent']),
275
- backgroundTransparentAccentSecondary: computed(function (_ref84) {
276
- var _ref85 = _slicedToArray(_ref84, 1),
277
- success = _ref85[0];
278
- return transparentize(success, 0.1);
279
- }, ['colors.success']),
280
- backgroundTransparentSuccess: computed(function (_ref86) {
281
- var _ref87 = _slicedToArray(_ref86, 1),
282
- success = _ref87[0];
283
- return transparentize(success, 0.1);
284
- }, ['colors.success']),
285
- backgroundTransparentWarning: computed(function (_ref88) {
286
- var _ref89 = _slicedToArray(_ref88, 1),
287
- warning = _ref89[0];
288
- return transparentize(warning, 0.1);
289
- }, ['colors.warning']),
290
- backgroundTransparentDanger: computed(function (_ref90) {
291
- var _ref91 = _slicedToArray(_ref90, 1),
292
- danger = _ref91[0];
293
- return transparentize(danger, 0.1);
294
- }, ['colors.danger']),
295
- backgroundTransparentSubdued: computed(function (_ref92) {
296
- var _ref93 = _slicedToArray(_ref92, 1),
297
- lightShade = _ref93[0];
298
- return transparentize(lightShade, 0.2);
299
- }, ['colors.lightShade']),
300
- backgroundTransparentHighlighted: computed(function (_ref94) {
301
- var _ref95 = _slicedToArray(_ref94, 1),
302
- backgroundTransparentSubdued = _ref95[0];
303
- return backgroundTransparentSubdued;
304
- }, ['colors.backgroundTransparentSubdued']),
305
- backgroundTransparentPlain: computed(function (_ref96) {
306
- var _ref97 = _slicedToArray(_ref96, 1),
307
- ghost = _ref97[0];
308
- return transparentize(ghost, 0.2);
309
- }, ['colors.ghost'])
310
- };
311
- export var border_colors = {
312
- borderBasePrimary: computed(function (_ref98) {
313
- var _ref99 = _slicedToArray(_ref98, 1),
314
- primary = _ref99[0];
315
- return tint(primary, 0.6);
316
- }, ['colors.primary']),
317
- borderBaseAccent: computed(function (_ref100) {
318
- var _ref101 = _slicedToArray(_ref100, 1),
319
- accent = _ref101[0];
320
- return tint(accent, 0.6);
321
- }, ['colors.accent']),
322
- borderBaseAccentSecondary: computed(function (_ref102) {
323
- var _ref103 = _slicedToArray(_ref102, 1),
324
- success = _ref103[0];
325
- return tint(success, 0.6);
326
- }, ['colors.success']),
327
- borderBaseSuccess: computed(function (_ref104) {
328
- var _ref105 = _slicedToArray(_ref104, 1),
329
- success = _ref105[0];
330
- return tint(success, 0.6);
331
- }, ['colors.success']),
332
- borderBaseWarning: computed(function (_ref106) {
333
- var _ref107 = _slicedToArray(_ref106, 1),
334
- warning = _ref107[0];
335
- return tint(warning, 0.4);
336
- }, ['colors.warning']),
337
- borderBaseDanger: computed(function (_ref108) {
338
- var _ref109 = _slicedToArray(_ref108, 1),
339
- danger = _ref109[0];
340
- return tint(danger, 0.6);
341
- }, ['colors.danger']),
342
- borderBaseSubdued: computed(function (_ref110) {
343
- var _ref111 = _slicedToArray(_ref110, 1),
344
- lightShade = _ref111[0];
345
- return lightShade;
346
- }, ['colors.lightShade']),
347
- borderBaseDisabled: computed(function (_ref112) {
348
- var _ref113 = _slicedToArray(_ref112, 1),
349
- lightShade = _ref113[0];
350
- return transparentize(darken(lightShade, 0.4), 0.1);
351
- }, ['colors.lightShade']),
352
- borderBasePlain: computed(function (_ref114) {
353
- var _ref115 = _slicedToArray(_ref114, 1),
354
- lightShade = _ref115[0];
355
- return lightShade;
356
- }, ['colors.lightShade']),
357
- borderBaseFloating: 'transparent',
358
- borderBaseFormsColorSwatch: computed(function (_ref116) {
359
- var _ref117 = _slicedToArray(_ref116, 1),
360
- fullShade = _ref117[0];
361
- return transparentize(fullShade, 0.1);
362
- }, ['colors.fullShade']),
363
- borderBaseFormsControl: computed(function (_ref118) {
364
- var _ref119 = _slicedToArray(_ref118, 1),
365
- lightestShade = _ref119[0];
366
- return shade(lightestShade, 0.4);
367
- }, ['colors.lightestShade']),
368
- borderStrongPrimary: computed(function (_ref120) {
369
- var _ref121 = _slicedToArray(_ref120, 1),
370
- borderBasePrimary = _ref121[0];
371
- return borderBasePrimary;
372
- }, ['colors.borderBasePrimary']),
373
- borderStrongAccent: computed(function (_ref122) {
374
- var _ref123 = _slicedToArray(_ref122, 1),
375
- borderBaseAccent = _ref123[0];
376
- return borderBaseAccent;
377
- }, ['colors.borderBaseAccent']),
378
- borderStrongAccentSecondary: computed(function (_ref124) {
379
- var _ref125 = _slicedToArray(_ref124, 1),
380
- borderBaseAccentSecondary = _ref125[0];
381
- return borderBaseAccentSecondary;
382
- }, ['colors.borderBaseAccentSecondary']),
383
- borderStrongSuccess: computed(function (_ref126) {
384
- var _ref127 = _slicedToArray(_ref126, 1),
385
- borderBaseSuccess = _ref127[0];
386
- return borderBaseSuccess;
387
- }, ['colors.borderBaseSuccess']),
388
- borderStrongWarning: computed(function (_ref128) {
389
- var _ref129 = _slicedToArray(_ref128, 1),
390
- borderBaseWarning = _ref129[0];
391
- return borderBaseWarning;
392
- }, ['colors.borderBaseWarning']),
393
- borderStrongDanger: computed(function (_ref130) {
394
- var _ref131 = _slicedToArray(_ref130, 1),
395
- borderBaseDanger = _ref131[0];
396
- return borderBaseDanger;
397
- }, ['colors.borderBaseDanger'])
398
- };
399
- export var light_colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brand_colors), shade_colors), special_colors), brand_text_colors), text_colors), background_colors), transparent_background_colors), border_colors);
80
+ export var light_colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brand_colors), shade_colors), special_colors), brand_text_colors), text_colors);
400
81
 
401
82
  /*
402
83
  * DARK THEME
@@ -411,313 +92,42 @@ export var dark_shades = {
411
92
  darkestShade: '#D4DAE5',
412
93
  fullShade: '#FFFFFF'
413
94
  };
414
- export var dark_background_colors = {
415
- backgroundBasePrimary: computed(function (_ref132) {
416
- var _ref133 = _slicedToArray(_ref132, 1),
417
- primary = _ref133[0];
418
- return shade(primary, 0.8);
419
- }, ['colors.primary']),
420
- backgroundBaseAccent: computed(function (_ref134) {
421
- var _ref135 = _slicedToArray(_ref134, 1),
422
- accent = _ref135[0];
423
- return shade(accent, 0.8);
424
- }, ['colors.accent']),
425
- backgroundBaseAccentSecondary: computed(function (_ref136) {
426
- var _ref137 = _slicedToArray(_ref136, 1),
427
- success = _ref137[0];
428
- return shade(success, 0.8);
429
- }, ['colors.success']),
430
- backgroundBaseSuccess: computed(function (_ref138) {
431
- var _ref139 = _slicedToArray(_ref138, 1),
432
- success = _ref139[0];
433
- return shade(success, 0.8);
434
- }, ['colors.success']),
435
- backgroundBaseWarning: computed(function (_ref140) {
436
- var _ref141 = _slicedToArray(_ref140, 1),
437
- warning = _ref141[0];
438
- return shade(warning, 0.8);
439
- }, ['colors.warning']),
440
- backgroundBaseDanger: computed(function (_ref142) {
441
- var _ref143 = _slicedToArray(_ref142, 1),
442
- danger = _ref143[0];
443
- return shade(danger, 0.8);
444
- }, ['colors.danger']),
445
- backgroundBaseSubdued: computed(function (_ref144) {
446
- var _ref145 = _slicedToArray(_ref144, 1),
447
- body = _ref145[0];
448
- return body;
449
- }, ['colors.body']),
450
- backgroundBaseDisabled: computed(function (_ref146) {
451
- var _ref147 = _slicedToArray(_ref146, 1),
452
- disabled = _ref147[0];
453
- return disabled;
454
- }, ['colors.disabled']),
455
- backgroundBaseHighlighted: computed(function (_ref148) {
456
- var _ref149 = _slicedToArray(_ref148, 1),
457
- backgroundBaseSubdued = _ref149[0];
458
- return backgroundBaseSubdued;
459
- }, ['colors.backgroundBaseSubdued']),
460
- backgroundBasePlain: computed(function (_ref150) {
461
- var _ref151 = _slicedToArray(_ref150, 1),
462
- emptyShade = _ref151[0];
463
- return emptyShade;
464
- }, ['colors.emptyShade']),
465
- backgroundBaseFormsPrepend: computed(function (_ref152) {
466
- var _ref153 = _slicedToArray(_ref152, 1),
467
- lightShade = _ref153[0];
468
- return shade(lightShade, 0.15);
469
- }, ['colors.lightShade']),
470
- backgroundBaseFormsControlDisabled: computed(function (_ref154) {
471
- var _ref155 = _slicedToArray(_ref154, 1),
472
- mediumShade = _ref155[0];
473
- return mediumShade;
474
- }, ['colors.mediumShade']),
475
- backgroundBaseInteractiveHover: computed(function (_ref156) {
476
- var _ref157 = _slicedToArray(_ref156, 1),
477
- lightShade = _ref157[0];
478
- return transparentize(lightShade, 0.2);
479
- }, ['colors.lightShade']),
480
- backgroundBaseInteractiveSelect: computed(function (_ref158) {
481
- var _ref159 = _slicedToArray(_ref158, 1),
482
- primary = _ref159[0];
483
- return shade(primary, 0.7);
484
- }, ['colors.primary']),
485
- backgroundBaseInteractiveOverlay: computed(function (_ref160) {
486
- var _ref161 = _slicedToArray(_ref160, 1),
487
- ink = _ref161[0];
488
- return transparentize(ink, 0.5);
489
- }, ['colors.ink']),
490
- backgroundBaseSkeletonEdge: computed(function (_ref162) {
491
- var _ref163 = _slicedToArray(_ref162, 1),
492
- lightShade = _ref163[0];
493
- return shade(lightShade, 0.12);
494
- }, ['colors.lightShade']),
495
- backgroundBaseSkeletonMiddle: computed(function (_ref164) {
496
- var _ref165 = _slicedToArray(_ref164, 1),
497
- lightShade = _ref165[0];
498
- return shade(lightShade, 0.24);
499
- }, ['colors.lightShade']),
500
- backgroundLightPrimary: computed(function (_ref166) {
501
- var _ref167 = _slicedToArray(_ref166, 1),
502
- primary = _ref167[0];
503
- return shade(primary, 0.7);
504
- }, ['colors.primary']),
505
- backgroundLightAccent: computed(function (_ref168) {
506
- var _ref169 = _slicedToArray(_ref168, 1),
507
- accent = _ref169[0];
508
- return shade(accent, 0.7);
509
- }, ['colors.accent']),
510
- backgroundLightAccentSecondary: computed(function (_ref170) {
511
- var _ref171 = _slicedToArray(_ref170, 1),
512
- success = _ref171[0];
513
- return shade(success, 0.7);
514
- }, ['colors.success']),
515
- backgroundLightSuccess: computed(function (_ref172) {
516
- var _ref173 = _slicedToArray(_ref172, 1),
517
- success = _ref173[0];
518
- return shade(success, 0.7);
519
- }, ['colors.success']),
520
- backgroundLightWarning: computed(function (_ref174) {
521
- var _ref175 = _slicedToArray(_ref174, 1),
522
- warning = _ref175[0];
523
- return shade(warning, 0.7);
524
- }, ['colors.warning']),
525
- backgroundLightDanger: computed(function (_ref176) {
526
- var _ref177 = _slicedToArray(_ref176, 1),
527
- danger = _ref177[0];
528
- return shade(danger, 0.7);
529
- }, ['colors.danger']),
530
- backgroundLightText: computed(function (_ref178) {
531
- var _ref179 = _slicedToArray(_ref178, 1),
532
- lightShade = _ref179[0];
533
- return shade(lightShade, 0.2);
534
- }, ['colors.lightShade']),
535
- backgroundFilledPrimary: computed(function (_ref180) {
536
- var _ref181 = _slicedToArray(_ref180, 1),
537
- primary = _ref181[0];
538
- return primary;
539
- }, ['colors.primary']),
540
- backgroundFilledAccent: computed(function (_ref182) {
541
- var _ref183 = _slicedToArray(_ref182, 1),
542
- accent = _ref183[0];
543
- return accent;
544
- }, ['colors.accent']),
545
- backgroundFilledAccentSecondary: computed(function (_ref184) {
546
- var _ref185 = _slicedToArray(_ref184, 1),
547
- success = _ref185[0];
548
- return success;
549
- }, ['colors.success']),
550
- backgroundFilledSuccess: computed(function (_ref186) {
551
- var _ref187 = _slicedToArray(_ref186, 1),
552
- success = _ref187[0];
553
- return success;
554
- }, ['colors.success']),
555
- backgroundFilledWarning: computed(function (_ref188) {
556
- var _ref189 = _slicedToArray(_ref188, 1),
557
- warning = _ref189[0];
558
- return warning;
559
- }, ['colors.warning']),
560
- backgroundFilledDanger: computed(function (_ref190) {
561
- var _ref191 = _slicedToArray(_ref190, 1),
562
- danger = _ref191[0];
563
- return danger;
564
- }, ['colors.danger']),
565
- backgroundFilledText: computed(function (_ref192) {
566
- var _ref193 = _slicedToArray(_ref192, 1),
567
- text = _ref193[0];
568
- return text;
569
- }, ['colors.text'])
570
- };
571
- export var dark_transparent_background_colors = _objectSpread(_objectSpread({}, transparent_background_colors), {}, {
572
- backgroundTransparentSubdued: computed(function (_ref194) {
573
- var _ref195 = _slicedToArray(_ref194, 1),
574
- lightShade = _ref195[0];
575
- return transparentize(lightShade, 0.4);
576
- }, ['colors.lightShade']),
577
- backgroundTransparentHighlighted: computed(function (_ref196) {
578
- var _ref197 = _slicedToArray(_ref196, 1),
579
- backgroundTransparentSubdued = _ref197[0];
580
- return backgroundTransparentSubdued;
581
- }, ['colors.backgroundTransparentSubdued'])
582
- });
583
- export var dark_border_colors = {
584
- borderBasePrimary: computed(function (_ref198) {
585
- var _ref199 = _slicedToArray(_ref198, 1),
586
- primary = _ref199[0];
587
- return shade(primary, 0.6);
588
- }, ['colors.primary']),
589
- borderBaseAccent: computed(function (_ref200) {
590
- var _ref201 = _slicedToArray(_ref200, 1),
591
- accent = _ref201[0];
592
- return shade(accent, 0.6);
593
- }, ['colors.accent']),
594
- borderBaseAccentSecondary: computed(function (_ref202) {
595
- var _ref203 = _slicedToArray(_ref202, 1),
596
- success = _ref203[0];
597
- return shade(success, 0.6);
598
- }, ['colors.success']),
599
- borderBaseSuccess: computed(function (_ref204) {
600
- var _ref205 = _slicedToArray(_ref204, 1),
601
- success = _ref205[0];
602
- return shade(success, 0.6);
603
- }, ['colors.success']),
604
- borderBaseWarning: computed(function (_ref206) {
605
- var _ref207 = _slicedToArray(_ref206, 1),
606
- warning = _ref207[0];
607
- return shade(warning, 0.4);
608
- }, ['colors.warning']),
609
- borderBaseDanger: computed(function (_ref208) {
610
- var _ref209 = _slicedToArray(_ref208, 1),
611
- danger = _ref209[0];
612
- return shade(danger, 0.6);
613
- }, ['colors.danger']),
614
- borderBaseSubdued: computed(function (_ref210) {
615
- var _ref211 = _slicedToArray(_ref210, 1),
616
- lightShade = _ref211[0];
617
- return lightShade;
618
- }, ['colors.lightShade']),
619
- borderBaseDisabled: computed(function (_ref212) {
620
- var _ref213 = _slicedToArray(_ref212, 1),
621
- ghost = _ref213[0];
622
- return transparentize(ghost, 0.1);
623
- }, ['colors.ghost']),
624
- borderBasePlain: computed(function (_ref214) {
625
- var _ref215 = _slicedToArray(_ref214, 1),
626
- lightShade = _ref215[0];
627
- return lightShade;
628
- }, ['colors.lightShade']),
629
- borderBaseFloating: 'transparent',
630
- borderBaseFormsColorSwatch: computed(function (_ref216) {
631
- var _ref217 = _slicedToArray(_ref216, 1),
632
- fullShade = _ref217[0];
633
- return transparentize(fullShade, 0.1);
634
- }, ['colors.fullShade']),
635
- borderBaseFormsControl: computed(function (_ref218) {
636
- var _ref219 = _slicedToArray(_ref218, 1),
637
- lightestShade = _ref219[0];
638
- return tint(lightestShade, 0.31);
639
- }, ['colors.lightestShade']),
640
- borderStrongPrimary: computed(function (_ref220) {
641
- var _ref221 = _slicedToArray(_ref220, 1),
642
- borderBasePrimary = _ref221[0];
643
- return borderBasePrimary;
644
- }, ['colors.borderBasePrimary']),
645
- borderStrongAccent: computed(function (_ref222) {
646
- var _ref223 = _slicedToArray(_ref222, 1),
647
- borderBaseAccent = _ref223[0];
648
- return borderBaseAccent;
649
- }, ['colors.borderBaseAccent']),
650
- borderStrongAccentSecondary: computed(function (_ref224) {
651
- var _ref225 = _slicedToArray(_ref224, 1),
652
- borderBaseAccentSecondary = _ref225[0];
653
- return borderBaseAccentSecondary;
654
- }, ['colors.borderBaseAccentSecondary']),
655
- borderStrongSuccess: computed(function (_ref226) {
656
- var _ref227 = _slicedToArray(_ref226, 1),
657
- borderBaseSuccess = _ref227[0];
658
- return borderBaseSuccess;
659
- }, ['colors.borderBaseSuccess']),
660
- borderStrongWarning: computed(function (_ref228) {
661
- var _ref229 = _slicedToArray(_ref228, 1),
662
- borderBaseWarning = _ref229[0];
663
- return borderBaseWarning;
664
- }, ['colors.borderBaseWarning']),
665
- borderStrongDanger: computed(function (_ref230) {
666
- var _ref231 = _slicedToArray(_ref230, 1),
667
- borderBaseDanger = _ref231[0];
668
- return borderBaseDanger;
669
- }, ['colors.borderBaseDanger'])
670
- };
671
- export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
95
+ export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread({
672
96
  // Brand
673
97
  primary: '#36A2EF',
674
98
  accent: '#F68FBE',
675
- accentSecondary: '#7DDED8',
676
99
  success: '#7DDED8',
677
100
  warning: '#F3D371',
678
101
  danger: '#F86B63'
679
102
  }, dark_shades), {}, {
680
103
  // Special
681
- body: computed(function (_ref232) {
682
- var _ref233 = _slicedToArray(_ref232, 1),
683
- lightestShade = _ref233[0];
104
+ body: computed(function (_ref12) {
105
+ var _ref13 = _slicedToArray(_ref12, 1),
106
+ lightestShade = _ref13[0];
684
107
  return shade(lightestShade, 0.45);
685
108
  }, ['colors.lightestShade']),
686
109
  highlight: '#2E2D25',
687
110
  disabled: '#515761',
688
111
  disabledText: computed(makeDisabledContrastColor('colors.disabled')),
689
- shadow: computed(function (_ref234) {
690
- var colors = _ref234.colors;
112
+ shadow: computed(function (_ref14) {
113
+ var colors = _ref14.colors;
691
114
  return colors.ink;
692
115
  })
693
116
  }, brand_text_colors), {}, {
694
117
  // Text
695
118
  text: '#DFE5EF',
696
- title: computed(function (_ref235) {
697
- var _ref236 = _slicedToArray(_ref235, 1),
698
- text = _ref236[0];
119
+ title: computed(function (_ref15) {
120
+ var _ref16 = _slicedToArray(_ref15, 1),
121
+ text = _ref16[0];
699
122
  return text;
700
123
  }, ['colors.text']),
701
124
  subduedText: computed(makeHighContrastColor('colors.mediumShade')),
702
- link: computed(function (_ref237) {
703
- var _ref238 = _slicedToArray(_ref237, 1),
704
- primaryText = _ref238[0];
125
+ link: computed(function (_ref17) {
126
+ var _ref18 = _slicedToArray(_ref17, 1),
127
+ primaryText = _ref18[0];
705
128
  return primaryText;
706
- }, ['colors.primaryText']),
707
- textParagraph: '#DFE5EF',
708
- textHeading: computed(function (_ref239) {
709
- var _ref240 = _slicedToArray(_ref239, 1),
710
- text = _ref240[0];
711
- return text;
712
- }, ['colors.text']),
713
- textSubdued: computed(makeHighContrastColor('colors.mediumShade')),
714
- textDisabled: computed(makeDisabledContrastColor('colors.disabled')),
715
- textInverse: computed(function (_ref241) {
716
- var _ref242 = _slicedToArray(_ref241, 1),
717
- ink = _ref242[0];
718
- return ink;
719
- }, ['colors.ink'])
720
- }, dark_background_colors), dark_transparent_background_colors), dark_border_colors);
129
+ }, ['colors.primaryText'])
130
+ });
721
131
 
722
132
  /*
723
133
  * FULL
@@ -726,9 +136,6 @@ export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSp
726
136
  export var colors = {
727
137
  ghost: '#FFFFFF',
728
138
  ink: '#000000',
729
- plainLight: '#FFFFFF',
730
- plainDark: '#000000',
731
139
  LIGHT: light_colors,
732
- DARK: dark_colors_ams,
733
- vis: colorVis
140
+ DARK: dark_colors_ams
734
141
  };