@elastic/eui 102.1.0 → 102.2.0-snapshot.1748601905883

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 (357) hide show
  1. package/dist/eui_theme_borealis_dark.json +1 -1
  2. package/es/components/badge/color_utils.js +1 -3
  3. package/es/components/badge/notification_badge/badge_notification.styles.js +6 -1
  4. package/es/components/basic_table/basic_table.js +14 -10
  5. package/es/components/basic_table/in_memory_table.js +22 -17
  6. package/es/components/breadcrumbs/_breadcrumb_content.js +1 -1
  7. package/es/components/breadcrumbs/_breadcrumb_content.styles.js +6 -3
  8. package/es/components/breadcrumbs/breadcrumbs.js +3 -3
  9. package/es/components/button/button_display/_button_display.js +1 -1
  10. package/es/components/button/button_display/_button_display.styles.js +11 -2
  11. package/es/components/button/button_display/_button_display_content.styles.js +6 -3
  12. package/es/components/button/button_empty/button_empty.styles.js +9 -12
  13. package/es/components/button/button_group/button_group.js +1 -1
  14. package/es/components/button/button_group/button_group.styles.js +5 -3
  15. package/es/components/button/button_group/button_group_button.js +19 -9
  16. package/es/components/button/button_group/button_group_button.styles.js +43 -19
  17. package/es/components/button/button_icon/button_icon.js +4 -2
  18. package/es/components/collapsible_nav/collapsible_nav.js +1 -0
  19. package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  20. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  21. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  22. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  23. package/es/components/color_picker/color_palette_display/color_palette_display.js +2 -2
  24. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -1
  25. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -1
  26. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +4 -4
  27. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +1 -1
  28. package/es/components/comment_list/comment_list.js +1 -1
  29. package/es/components/datagrid/body/cell/data_grid_cell.js +9 -9
  30. package/es/components/datagrid/body/data_grid_body.js +14 -9
  31. package/es/components/datagrid/body/data_grid_body_custom.js +14 -9
  32. package/es/components/datagrid/body/data_grid_body_virtualized.js +58 -10
  33. package/es/components/datagrid/body/header/data_grid_header_cell.js +3 -3
  34. package/es/components/datagrid/body/header/draggable_columns.js +1 -1
  35. package/es/components/datagrid/controls/column_sorting.js +6 -6
  36. package/es/components/datagrid/controls/column_sorting_draggable.js +3 -3
  37. package/es/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
  38. package/es/components/datagrid/utils/focus.js +2 -2
  39. package/es/components/datagrid/utils/in_memory.js +3 -3
  40. package/es/components/datagrid/utils/scrolling.js +3 -1
  41. package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select.js +4 -2
  42. package/es/components/date_picker/super_date_picker/super_date_picker.js +4 -4
  43. package/es/components/filter_group/filter_button.js +88 -23
  44. package/es/components/filter_group/filter_button.styles.js +51 -15
  45. package/es/components/filter_group/filter_group.styles.js +18 -6
  46. package/es/components/form/range/dual_range.js +1 -1
  47. package/es/components/form/range/range.js +1 -1
  48. package/es/components/form/range/range_track.js +1 -1
  49. package/es/components/form/select/select.js +1 -1
  50. package/es/components/header/header.js +10 -10
  51. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +3 -3
  52. package/es/components/header/header_links/header_links.js +1 -1
  53. package/es/components/icon/assets/logo_elastic.js +23 -17
  54. package/es/components/icon/icon.styles.js +1 -1
  55. package/es/components/key_pad_menu/key_pad_menu.js +1 -1
  56. package/es/components/list_group/list_group.js +2 -2
  57. package/es/components/list_group/list_group_item.js +1 -1
  58. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  59. package/es/components/loading/loading_elastic.styles.js +2 -2
  60. package/es/components/loading/loading_spinner.js +1 -1
  61. package/es/components/markdown_editor/markdown_editor_footer.js +9 -4
  62. package/es/components/page/page_header/page_header_content.js +1 -1
  63. package/es/components/popover/popover.js +1 -1
  64. package/es/components/responsive/hide_for.js +1 -1
  65. package/es/components/responsive/show_for.js +1 -1
  66. package/es/components/search_bar/filters/field_value_selection_filter.js +2 -1
  67. package/es/components/search_bar/filters/field_value_toggle_filter.js +3 -1
  68. package/es/components/search_bar/filters/field_value_toggle_group_filter.js +4 -2
  69. package/es/components/search_bar/filters/is_filter.js +3 -1
  70. package/es/components/search_bar/search_bar.a11y.js +3 -3
  71. package/es/components/search_bar/search_bar.js +3 -3
  72. package/es/components/search_bar/search_filters.js +2 -2
  73. package/es/components/selectable/selectable.js +13 -12
  74. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -3
  75. package/es/components/side_nav/side_nav.js +2 -2
  76. package/es/components/table/table_row_cell.js +1 -1
  77. package/es/components/timeline/timeline.js +1 -1
  78. package/es/components/toast/global_toast_list.js +27 -20
  79. package/es/components/tour/tour_step.js +1 -1
  80. package/es/global_styling/mixins/_button.js +95 -28
  81. package/es/services/theme/hooks.js +11 -0
  82. package/es/services/theme/index.js +3 -2
  83. package/es/services/theme/provider.js +28 -2
  84. package/es/services/theme/theme_variant.js +22 -0
  85. package/es/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
  86. package/es/themes/amsterdam/global_styling/variables/_components.js +229 -224
  87. package/es/themes/amsterdam/theme.js +2 -1
  88. package/es/themes/json/eui_theme_amsterdam_dark.json +427 -0
  89. package/es/themes/json/eui_theme_amsterdam_light.json +427 -0
  90. package/es/themes/json/eui_theme_borealis_dark.json +427 -0
  91. package/es/themes/json/eui_theme_borealis_light.json +427 -0
  92. package/eui.d.ts +2034 -249
  93. package/lib/components/badge/color_utils.js +1 -3
  94. package/lib/components/badge/notification_badge/badge_notification.styles.js +6 -1
  95. package/lib/components/basic_table/basic_table.js +14 -10
  96. package/lib/components/basic_table/in_memory_table.js +22 -17
  97. package/lib/components/breadcrumbs/_breadcrumb_content.js +1 -1
  98. package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
  99. package/lib/components/breadcrumbs/breadcrumbs.js +2 -2
  100. package/lib/components/button/button_display/_button_display.js +1 -1
  101. package/lib/components/button/button_display/_button_display.styles.js +11 -2
  102. package/lib/components/button/button_display/_button_display_content.styles.js +6 -3
  103. package/lib/components/button/button_empty/button_empty.styles.js +10 -11
  104. package/lib/components/button/button_group/button_group.js +1 -1
  105. package/lib/components/button/button_group/button_group.styles.js +5 -3
  106. package/lib/components/button/button_group/button_group_button.js +18 -8
  107. package/lib/components/button/button_group/button_group_button.styles.js +41 -17
  108. package/lib/components/button/button_icon/button_icon.js +3 -1
  109. package/lib/components/collapsible_nav/collapsible_nav.js +1 -0
  110. package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  111. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  112. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  113. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  114. package/lib/components/color_picker/color_palette_display/color_palette_display.js +2 -2
  115. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -1
  116. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -1
  117. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +4 -4
  118. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +1 -1
  119. package/lib/components/comment_list/comment_list.js +1 -1
  120. package/lib/components/datagrid/body/cell/data_grid_cell.js +9 -9
  121. package/lib/components/datagrid/body/data_grid_body.js +14 -9
  122. package/lib/components/datagrid/body/data_grid_body_custom.js +14 -9
  123. package/lib/components/datagrid/body/data_grid_body_virtualized.js +58 -10
  124. package/lib/components/datagrid/body/header/data_grid_header_cell.js +3 -3
  125. package/lib/components/datagrid/body/header/draggable_columns.js +1 -1
  126. package/lib/components/datagrid/controls/column_sorting.js +6 -6
  127. package/lib/components/datagrid/controls/column_sorting_draggable.js +3 -3
  128. package/lib/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
  129. package/lib/components/datagrid/utils/focus.js +1 -1
  130. package/lib/components/datagrid/utils/in_memory.js +3 -3
  131. package/lib/components/datagrid/utils/scrolling.js +3 -1
  132. package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select.js +4 -2
  133. package/lib/components/date_picker/super_date_picker/super_date_picker.js +4 -4
  134. package/lib/components/empty_prompt/images/illustration.svg +939 -0
  135. package/lib/components/filter_group/filter_button.js +86 -21
  136. package/lib/components/filter_group/filter_button.styles.js +51 -15
  137. package/lib/components/filter_group/filter_group.styles.js +18 -6
  138. package/lib/components/form/range/dual_range.js +1 -1
  139. package/lib/components/form/range/range.js +1 -1
  140. package/lib/components/form/range/range_track.js +1 -1
  141. package/lib/components/form/select/select.js +1 -1
  142. package/lib/components/header/header.js +10 -10
  143. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -2
  144. package/lib/components/icon/assets/logo_elastic.js +23 -17
  145. package/lib/components/icon/icon.styles.js +1 -1
  146. package/lib/components/icon/svgs/logo_elastic.svg +7 -9
  147. package/lib/components/key_pad_menu/key_pad_menu.js +1 -1
  148. package/lib/components/list_group/list_group.js +2 -2
  149. package/lib/components/list_group/list_group_item.js +1 -1
  150. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  151. package/lib/components/loading/loading_elastic.styles.js +2 -2
  152. package/lib/components/loading/loading_spinner.js +1 -1
  153. package/lib/components/markdown_editor/markdown_editor_footer.js +8 -3
  154. package/lib/components/popover/popover.js +1 -1
  155. package/lib/components/responsive/hide_for.js +1 -1
  156. package/lib/components/responsive/show_for.js +1 -1
  157. package/lib/components/search_bar/filters/field_value_selection_filter.js +2 -1
  158. package/lib/components/search_bar/filters/field_value_toggle_filter.js +3 -1
  159. package/lib/components/search_bar/filters/field_value_toggle_group_filter.js +4 -2
  160. package/lib/components/search_bar/filters/is_filter.js +3 -1
  161. package/lib/components/search_bar/search_bar.a11y.js +3 -3
  162. package/lib/components/search_bar/search_bar.js +3 -3
  163. package/lib/components/search_bar/search_filters.js +2 -2
  164. package/lib/components/selectable/selectable.js +13 -12
  165. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -3
  166. package/lib/components/side_nav/side_nav.js +2 -2
  167. package/lib/components/table/table_row_cell.js +1 -1
  168. package/lib/components/timeline/timeline.js +1 -1
  169. package/lib/components/toast/global_toast_list.js +27 -20
  170. package/lib/global_styling/mixins/_button.js +94 -27
  171. package/lib/services/theme/hooks.js +12 -1
  172. package/lib/services/theme/index.js +48 -1
  173. package/lib/services/theme/provider.js +28 -2
  174. package/lib/services/theme/theme_variant.js +28 -0
  175. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
  176. package/lib/themes/amsterdam/global_styling/variables/_components.js +229 -224
  177. package/lib/themes/amsterdam/theme.js +2 -1
  178. package/lib/themes/json/eui_theme_amsterdam_dark.json +427 -0
  179. package/lib/themes/json/eui_theme_amsterdam_light.json +427 -0
  180. package/lib/themes/json/eui_theme_borealis_dark.json +427 -0
  181. package/lib/themes/json/eui_theme_borealis_light.json +427 -0
  182. package/optimize/es/components/badge/color_utils.js +1 -3
  183. package/optimize/es/components/badge/notification_badge/badge_notification.styles.js +6 -1
  184. package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +6 -3
  185. package/optimize/es/components/button/button_display/_button_display.js +1 -1
  186. package/optimize/es/components/button/button_display/_button_display.styles.js +11 -2
  187. package/optimize/es/components/button/button_display/_button_display_content.styles.js +6 -3
  188. package/optimize/es/components/button/button_empty/button_empty.styles.js +9 -12
  189. package/optimize/es/components/button/button_group/button_group.styles.js +5 -3
  190. package/optimize/es/components/button/button_group/button_group_button.js +12 -8
  191. package/optimize/es/components/button/button_group/button_group_button.styles.js +43 -19
  192. package/optimize/es/components/button/button_icon/button_icon.js +4 -2
  193. package/optimize/es/components/datagrid/body/data_grid_body_virtualized.js +44 -1
  194. package/optimize/es/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
  195. package/optimize/es/components/datagrid/utils/focus.js +2 -2
  196. package/optimize/es/components/datagrid/utils/scrolling.js +3 -1
  197. package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select.js +4 -2
  198. package/optimize/es/components/filter_group/filter_button.js +78 -21
  199. package/optimize/es/components/filter_group/filter_button.styles.js +51 -15
  200. package/optimize/es/components/filter_group/filter_group.styles.js +18 -6
  201. package/optimize/es/components/form/select/select.js +1 -1
  202. package/optimize/es/components/icon/assets/logo_elastic.js +23 -17
  203. package/optimize/es/components/icon/icon.styles.js +1 -1
  204. package/optimize/es/components/loading/loading_elastic.styles.js +2 -2
  205. package/optimize/es/components/markdown_editor/markdown_editor_footer.js +9 -4
  206. package/optimize/es/components/search_bar/filters/field_value_selection_filter.js +1 -0
  207. package/optimize/es/components/search_bar/filters/field_value_toggle_filter.js +3 -1
  208. package/optimize/es/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
  209. package/optimize/es/components/search_bar/filters/is_filter.js +3 -1
  210. package/optimize/es/components/search_bar/search_bar.a11y.js +3 -3
  211. package/optimize/es/components/selectable/selectable.js +10 -9
  212. package/optimize/es/components/toast/global_toast_list.js +24 -20
  213. package/optimize/es/global_styling/mixins/_button.js +95 -28
  214. package/optimize/es/services/theme/hooks.js +11 -0
  215. package/optimize/es/services/theme/index.js +3 -2
  216. package/optimize/es/services/theme/provider.js +28 -2
  217. package/optimize/es/services/theme/theme_variant.js +22 -0
  218. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
  219. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +229 -224
  220. package/optimize/es/themes/amsterdam/theme.js +2 -1
  221. package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +427 -0
  222. package/optimize/es/themes/json/eui_theme_amsterdam_light.json +427 -0
  223. package/optimize/es/themes/json/eui_theme_borealis_dark.json +427 -0
  224. package/optimize/es/themes/json/eui_theme_borealis_light.json +427 -0
  225. package/optimize/lib/components/badge/color_utils.js +1 -3
  226. package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js +6 -1
  227. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
  228. package/optimize/lib/components/button/button_display/_button_display.js +1 -1
  229. package/optimize/lib/components/button/button_display/_button_display.styles.js +11 -2
  230. package/optimize/lib/components/button/button_display/_button_display_content.styles.js +6 -3
  231. package/optimize/lib/components/button/button_empty/button_empty.styles.js +10 -11
  232. package/optimize/lib/components/button/button_group/button_group.styles.js +5 -3
  233. package/optimize/lib/components/button/button_group/button_group_button.js +11 -7
  234. package/optimize/lib/components/button/button_group/button_group_button.styles.js +41 -17
  235. package/optimize/lib/components/button/button_icon/button_icon.js +3 -1
  236. package/optimize/lib/components/datagrid/body/data_grid_body_virtualized.js +44 -1
  237. package/optimize/lib/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
  238. package/optimize/lib/components/datagrid/utils/focus.js +1 -1
  239. package/optimize/lib/components/datagrid/utils/scrolling.js +3 -1
  240. package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select.js +4 -2
  241. package/optimize/lib/components/empty_prompt/images/illustration.svg +939 -0
  242. package/optimize/lib/components/filter_group/filter_button.js +76 -19
  243. package/optimize/lib/components/filter_group/filter_button.styles.js +51 -15
  244. package/optimize/lib/components/filter_group/filter_group.styles.js +18 -6
  245. package/optimize/lib/components/form/select/select.js +1 -1
  246. package/optimize/lib/components/icon/assets/logo_elastic.js +23 -17
  247. package/optimize/lib/components/icon/icon.styles.js +1 -1
  248. package/optimize/lib/components/icon/svgs/logo_elastic.svg +7 -9
  249. package/optimize/lib/components/loading/loading_elastic.styles.js +2 -2
  250. package/optimize/lib/components/markdown_editor/markdown_editor_footer.js +8 -3
  251. package/optimize/lib/components/search_bar/filters/field_value_selection_filter.js +1 -0
  252. package/optimize/lib/components/search_bar/filters/field_value_toggle_filter.js +3 -1
  253. package/optimize/lib/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
  254. package/optimize/lib/components/search_bar/filters/is_filter.js +3 -1
  255. package/optimize/lib/components/search_bar/search_bar.a11y.js +3 -3
  256. package/optimize/lib/components/selectable/selectable.js +10 -9
  257. package/optimize/lib/components/toast/global_toast_list.js +24 -20
  258. package/optimize/lib/global_styling/mixins/_button.js +94 -27
  259. package/optimize/lib/services/theme/hooks.js +12 -1
  260. package/optimize/lib/services/theme/index.js +48 -1
  261. package/optimize/lib/services/theme/provider.js +28 -2
  262. package/optimize/lib/services/theme/theme_variant.js +28 -0
  263. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
  264. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +229 -224
  265. package/optimize/lib/themes/amsterdam/theme.js +2 -1
  266. package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +427 -0
  267. package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +427 -0
  268. package/optimize/lib/themes/json/eui_theme_borealis_dark.json +427 -0
  269. package/optimize/lib/themes/json/eui_theme_borealis_light.json +427 -0
  270. package/package.json +8 -9
  271. package/test-env/components/badge/color_utils.js +1 -3
  272. package/test-env/components/badge/notification_badge/badge_notification.styles.js +6 -1
  273. package/test-env/components/basic_table/basic_table.js +14 -10
  274. package/test-env/components/basic_table/in_memory_table.js +22 -17
  275. package/test-env/components/breadcrumbs/_breadcrumb_content.js +1 -1
  276. package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
  277. package/test-env/components/breadcrumbs/breadcrumbs.js +2 -2
  278. package/test-env/components/button/button_display/_button_display.js +1 -1
  279. package/test-env/components/button/button_display/_button_display.styles.js +11 -2
  280. package/test-env/components/button/button_display/_button_display_content.styles.js +6 -3
  281. package/test-env/components/button/button_empty/button_empty.styles.js +10 -11
  282. package/test-env/components/button/button_group/button_group.js +1 -1
  283. package/test-env/components/button/button_group/button_group.styles.js +5 -3
  284. package/test-env/components/button/button_group/button_group_button.js +18 -8
  285. package/test-env/components/button/button_group/button_group_button.styles.js +41 -17
  286. package/test-env/components/button/button_icon/button_icon.js +3 -1
  287. package/test-env/components/collapsible_nav/collapsible_nav.js +1 -0
  288. package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  289. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  290. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  291. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  292. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +2 -2
  293. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -1
  294. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -1
  295. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +4 -4
  296. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +1 -1
  297. package/test-env/components/comment_list/comment_list.js +1 -1
  298. package/test-env/components/datagrid/body/cell/data_grid_cell.js +9 -9
  299. package/test-env/components/datagrid/body/data_grid_body.js +14 -9
  300. package/test-env/components/datagrid/body/data_grid_body_custom.js +14 -9
  301. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +58 -10
  302. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +3 -3
  303. package/test-env/components/datagrid/body/header/draggable_columns.js +1 -1
  304. package/test-env/components/datagrid/controls/column_sorting.js +6 -6
  305. package/test-env/components/datagrid/controls/column_sorting_draggable.js +3 -3
  306. package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
  307. package/test-env/components/datagrid/utils/focus.js +1 -1
  308. package/test-env/components/datagrid/utils/in_memory.js +3 -3
  309. package/test-env/components/datagrid/utils/scrolling.js +3 -1
  310. package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select.js +4 -2
  311. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +4 -4
  312. package/test-env/components/filter_group/filter_button.js +86 -21
  313. package/test-env/components/filter_group/filter_button.styles.js +51 -15
  314. package/test-env/components/filter_group/filter_group.styles.js +18 -6
  315. package/test-env/components/form/range/dual_range.js +1 -1
  316. package/test-env/components/form/range/range.js +1 -1
  317. package/test-env/components/form/range/range_track.js +1 -1
  318. package/test-env/components/form/select/select.js +1 -1
  319. package/test-env/components/header/header.js +10 -10
  320. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -2
  321. package/test-env/components/icon/assets/logo_elastic.js +23 -17
  322. package/test-env/components/icon/icon.styles.js +1 -1
  323. package/test-env/components/key_pad_menu/key_pad_menu.js +1 -1
  324. package/test-env/components/list_group/list_group.js +2 -2
  325. package/test-env/components/list_group/list_group_item.js +1 -1
  326. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  327. package/test-env/components/loading/loading_elastic.styles.js +2 -2
  328. package/test-env/components/loading/loading_spinner.js +1 -1
  329. package/test-env/components/markdown_editor/markdown_editor_footer.js +8 -3
  330. package/test-env/components/popover/popover.js +1 -1
  331. package/test-env/components/responsive/hide_for.js +1 -1
  332. package/test-env/components/responsive/show_for.js +1 -1
  333. package/test-env/components/search_bar/filters/field_value_selection_filter.js +2 -1
  334. package/test-env/components/search_bar/filters/field_value_toggle_filter.js +3 -1
  335. package/test-env/components/search_bar/filters/field_value_toggle_group_filter.js +4 -2
  336. package/test-env/components/search_bar/filters/is_filter.js +3 -1
  337. package/test-env/components/search_bar/search_bar.a11y.js +3 -3
  338. package/test-env/components/search_bar/search_bar.js +3 -3
  339. package/test-env/components/search_bar/search_filters.js +2 -2
  340. package/test-env/components/selectable/selectable.js +13 -12
  341. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -3
  342. package/test-env/components/side_nav/side_nav.js +2 -2
  343. package/test-env/components/table/table_row_cell.js +1 -1
  344. package/test-env/components/timeline/timeline.js +1 -1
  345. package/test-env/components/toast/global_toast_list.js +24 -20
  346. package/test-env/global_styling/mixins/_button.js +94 -27
  347. package/test-env/services/theme/hooks.js +12 -1
  348. package/test-env/services/theme/index.js +48 -1
  349. package/test-env/services/theme/provider.js +28 -2
  350. package/test-env/services/theme/theme_variant.js +28 -0
  351. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
  352. package/test-env/themes/amsterdam/global_styling/variables/_components.js +229 -224
  353. package/test-env/themes/amsterdam/theme.js +2 -1
  354. package/test-env/themes/json/eui_theme_amsterdam_dark.json +427 -0
  355. package/test-env/themes/json/eui_theme_amsterdam_light.json +427 -0
  356. package/test-env/themes/json/eui_theme_borealis_dark.json +427 -0
  357. package/test-env/themes/json/eui_theme_borealis_light.json +427 -0
@@ -81,244 +81,445 @@ var _buttons = {
81
81
  lightShade = _ref20[0];
82
82
  return transparentize(lightShade, 0.15);
83
83
  }, ['colors.lightShade']),
84
- backgroundFilledPrimary: computed(function (_ref21) {
84
+ backgroundPrimaryHover: computed(function (_ref21) {
85
85
  var _ref22 = _slicedToArray(_ref21, 1),
86
- backgroundFilledPrimary = _ref22[0];
86
+ primary = _ref22[0];
87
+ return transparentize(primary, 0.1);
88
+ }, ['colors.primary']),
89
+ backgroundAccentHover: computed(function (_ref23) {
90
+ var _ref24 = _slicedToArray(_ref23, 1),
91
+ accent = _ref24[0];
92
+ return transparentize(accent, 0.1);
93
+ }, ['colors.accent']),
94
+ backgroundAccentSecondaryHover: computed(function (_ref25) {
95
+ var _ref26 = _slicedToArray(_ref25, 1),
96
+ success = _ref26[0];
97
+ return transparentize(success, 0.1);
98
+ }, ['colors.success']),
99
+ backgroundNeutralHover: transparentize(severityColors.neutral, 0.1),
100
+ backgroundSuccessHover: computed(function (_ref27) {
101
+ var _ref28 = _slicedToArray(_ref27, 1),
102
+ success = _ref28[0];
103
+ return transparentize(success, 0.1);
104
+ }, ['colors.success']),
105
+ backgroundWarningHover: computed(function (_ref29) {
106
+ var _ref30 = _slicedToArray(_ref29, 1),
107
+ warning = _ref30[0];
108
+ return transparentize(warning, 0.1);
109
+ }, ['colors.warning']),
110
+ backgroundRiskHover: transparentize(severityColors.risk, 0.1),
111
+ backgroundDangerHover: computed(function (_ref31) {
112
+ var _ref32 = _slicedToArray(_ref31, 1),
113
+ danger = _ref32[0];
114
+ return transparentize(danger, 0.1);
115
+ }, ['colors.danger']),
116
+ backgroundTextHover: computed(function (_ref33) {
117
+ var _ref34 = _slicedToArray(_ref33, 1),
118
+ lightShade = _ref34[0];
119
+ return transparentize(lightShade, 0.2);
120
+ }, ['colors.lightShade']),
121
+ backgroundPrimaryActive: computed(function (_ref35) {
122
+ var _ref36 = _slicedToArray(_ref35, 1),
123
+ primary = _ref36[0];
124
+ return transparentize(primary, 0.1);
125
+ }, ['colors.primary']),
126
+ backgroundAccentActive: computed(function (_ref37) {
127
+ var _ref38 = _slicedToArray(_ref37, 1),
128
+ accent = _ref38[0];
129
+ return transparentize(accent, 0.1);
130
+ }, ['colors.accent']),
131
+ backgroundAccentSecondaryActive: computed(function (_ref39) {
132
+ var _ref40 = _slicedToArray(_ref39, 1),
133
+ success = _ref40[0];
134
+ return transparentize(success, 0.1);
135
+ }, ['colors.success']),
136
+ backgroundNeutralActive: transparentize(severityColors.neutral, 0.1),
137
+ backgroundSuccessActive: computed(function (_ref41) {
138
+ var _ref42 = _slicedToArray(_ref41, 1),
139
+ success = _ref42[0];
140
+ return transparentize(success, 0.1);
141
+ }, ['colors.success']),
142
+ backgroundWarningActive: computed(function (_ref43) {
143
+ var _ref44 = _slicedToArray(_ref43, 1),
144
+ warning = _ref44[0];
145
+ return transparentize(warning, 0.1);
146
+ }, ['colors.warning']),
147
+ backgroundRiskActive: transparentize(severityColors.risk, 0.1),
148
+ backgroundDangerActive: computed(function (_ref45) {
149
+ var _ref46 = _slicedToArray(_ref45, 1),
150
+ danger = _ref46[0];
151
+ return transparentize(danger, 0.1);
152
+ }, ['colors.danger']),
153
+ backgroundTextActive: computed(function (_ref47) {
154
+ var _ref48 = _slicedToArray(_ref47, 1),
155
+ lightShade = _ref48[0];
156
+ return transparentize(lightShade, 0.2);
157
+ }, ['colors.lightShade']),
158
+ backgroundFilledPrimary: computed(function (_ref49) {
159
+ var _ref50 = _slicedToArray(_ref49, 1),
160
+ backgroundFilledPrimary = _ref50[0];
87
161
  return backgroundFilledPrimary;
88
162
  }, ['colors.backgroundFilledPrimary']),
89
- backgroundFilledAccent: computed(function (_ref23) {
90
- var _ref24 = _slicedToArray(_ref23, 1),
91
- backgroundFilledAccent = _ref24[0];
163
+ backgroundFilledAccent: computed(function (_ref51) {
164
+ var _ref52 = _slicedToArray(_ref51, 1),
165
+ backgroundFilledAccent = _ref52[0];
92
166
  return backgroundFilledAccent;
93
167
  }, ['colors.backgroundFilledAccent']),
94
- backgroundFilledAccentSecondary: computed(function (_ref25) {
95
- var _ref26 = _slicedToArray(_ref25, 1),
96
- backgroundFilledAccent = _ref26[0];
168
+ backgroundFilledAccentSecondary: computed(function (_ref53) {
169
+ var _ref54 = _slicedToArray(_ref53, 1),
170
+ backgroundFilledAccent = _ref54[0];
97
171
  return backgroundFilledAccent;
98
172
  }, ['colors.backgroundFilledAccent']),
99
- backgroundFilledNeutral: computed(function (_ref27) {
100
- var _ref28 = _slicedToArray(_ref27, 1),
101
- backgroundFilledNeutral = _ref28[0];
173
+ backgroundFilledNeutral: computed(function (_ref55) {
174
+ var _ref56 = _slicedToArray(_ref55, 1),
175
+ backgroundFilledNeutral = _ref56[0];
102
176
  return backgroundFilledNeutral;
103
177
  }, ['colors.backgroundFilledNeutral']),
104
- backgroundFilledSuccess: computed(function (_ref29) {
105
- var _ref30 = _slicedToArray(_ref29, 1),
106
- backgroundFilledSuccess = _ref30[0];
178
+ backgroundFilledSuccess: computed(function (_ref57) {
179
+ var _ref58 = _slicedToArray(_ref57, 1),
180
+ backgroundFilledSuccess = _ref58[0];
107
181
  return backgroundFilledSuccess;
108
182
  }, ['colors.backgroundFilledSuccess']),
109
- backgroundFilledWarning: computed(function (_ref31) {
110
- var _ref32 = _slicedToArray(_ref31, 1),
111
- backgroundFilledWarning = _ref32[0];
183
+ backgroundFilledWarning: computed(function (_ref59) {
184
+ var _ref60 = _slicedToArray(_ref59, 1),
185
+ backgroundFilledWarning = _ref60[0];
112
186
  return backgroundFilledWarning;
113
187
  }, ['colors.backgroundFilledWarning']),
114
- backgroundFilledRisk: computed(function (_ref33) {
115
- var _ref34 = _slicedToArray(_ref33, 1),
116
- backgroundFilledRisk = _ref34[0];
188
+ backgroundFilledRisk: computed(function (_ref61) {
189
+ var _ref62 = _slicedToArray(_ref61, 1),
190
+ backgroundFilledRisk = _ref62[0];
117
191
  return backgroundFilledRisk;
118
192
  }, ['colors.backgroundFilledRisk']),
119
- backgroundFilledDanger: computed(function (_ref35) {
120
- var _ref36 = _slicedToArray(_ref35, 1),
121
- backgroundFilledDanger = _ref36[0];
193
+ backgroundFilledDanger: computed(function (_ref63) {
194
+ var _ref64 = _slicedToArray(_ref63, 1),
195
+ backgroundFilledDanger = _ref64[0];
122
196
  return backgroundFilledDanger;
123
197
  }, ['colors.backgroundFilledDanger']),
124
- backgroundFilledText: computed(function (_ref37) {
125
- var _ref38 = _slicedToArray(_ref37, 1),
126
- backgroundFilledText = _ref38[0];
198
+ backgroundFilledText: computed(function (_ref65) {
199
+ var _ref66 = _slicedToArray(_ref65, 1),
200
+ backgroundFilledText = _ref66[0];
127
201
  return backgroundFilledText;
128
202
  }, ['colors.backgroundFilledText']),
129
- backgroundFilledDisabled: computed(function (_ref39) {
130
- var _ref40 = _slicedToArray(_ref39, 1),
131
- lightShade = _ref40[0];
203
+ backgroundFilledDisabled: computed(function (_ref67) {
204
+ var _ref68 = _slicedToArray(_ref67, 1),
205
+ lightShade = _ref68[0];
132
206
  return transparentize(lightShade, 0.15);
133
207
  }, ['colors.lightShade']),
134
- backgroundEmptyPrimaryHover: computed(function (_ref41) {
135
- var _ref42 = _slicedToArray(_ref41, 1),
136
- primary = _ref42[0];
208
+ backgroundFilledPrimaryHover: computed(function (_ref69) {
209
+ var _ref70 = _slicedToArray(_ref69, 1),
210
+ backgroundFilledPrimary = _ref70[0];
211
+ return backgroundFilledPrimary;
212
+ }, ['components.buttons.backgroundFilledPrimary']),
213
+ backgroundFilledAccentHover: computed(function (_ref71) {
214
+ var _ref72 = _slicedToArray(_ref71, 1),
215
+ backgroundFilledPrimary = _ref72[0];
216
+ return backgroundFilledPrimary;
217
+ }, ['components.buttons.backgroundFilledAccent']),
218
+ backgroundFilledAccentSecondaryHover: computed(function (_ref73) {
219
+ var _ref74 = _slicedToArray(_ref73, 1),
220
+ backgroundFilledPrimary = _ref74[0];
221
+ return backgroundFilledPrimary;
222
+ }, ['components.buttons.backgroundFilledAccentSecondary']),
223
+ backgroundFilledNeutralHover: computed(function (_ref75) {
224
+ var _ref76 = _slicedToArray(_ref75, 1),
225
+ backgroundFilledNeutral = _ref76[0];
226
+ return backgroundFilledNeutral;
227
+ }, ['components.buttons.backgroundFilledNeutral']),
228
+ backgroundFilledSuccessHover: computed(function (_ref77) {
229
+ var _ref78 = _slicedToArray(_ref77, 1),
230
+ backgroundFilledPrimary = _ref78[0];
231
+ return backgroundFilledPrimary;
232
+ }, ['components.buttons.backgroundFilledSuccess']),
233
+ backgroundFilledWarningHover: computed(function (_ref79) {
234
+ var _ref80 = _slicedToArray(_ref79, 1),
235
+ backgroundFilledPrimary = _ref80[0];
236
+ return backgroundFilledPrimary;
237
+ }, ['components.buttons.backgroundFilledWarning']),
238
+ backgroundFilledRiskHover: computed(function (_ref81) {
239
+ var _ref82 = _slicedToArray(_ref81, 1),
240
+ backgroundFilledRisk = _ref82[0];
241
+ return backgroundFilledRisk;
242
+ }, ['components.buttons.backgroundFilledRisk']),
243
+ backgroundFilledDangerHover: computed(function (_ref83) {
244
+ var _ref84 = _slicedToArray(_ref83, 1),
245
+ backgroundFilledPrimary = _ref84[0];
246
+ return backgroundFilledPrimary;
247
+ }, ['components.buttons.backgroundFilledDanger']),
248
+ backgroundFilledTextHover: computed(function (_ref85) {
249
+ var _ref86 = _slicedToArray(_ref85, 1),
250
+ backgroundFilledPrimary = _ref86[0];
251
+ return backgroundFilledPrimary;
252
+ }, ['components.buttons.backgroundFilledText']),
253
+ backgroundFilledPrimaryActive: computed(function (_ref87) {
254
+ var _ref88 = _slicedToArray(_ref87, 1),
255
+ backgroundFilledPrimary = _ref88[0];
256
+ return backgroundFilledPrimary;
257
+ }, ['components.buttons.backgroundFilledPrimary']),
258
+ backgroundFilledAccentActive: computed(function (_ref89) {
259
+ var _ref90 = _slicedToArray(_ref89, 1),
260
+ backgroundFilledPrimary = _ref90[0];
261
+ return backgroundFilledPrimary;
262
+ }, ['components.buttons.backgroundFilledAccent']),
263
+ backgroundFilledAccentSecondaryActive: computed(function (_ref91) {
264
+ var _ref92 = _slicedToArray(_ref91, 1),
265
+ backgroundFilledPrimary = _ref92[0];
266
+ return backgroundFilledPrimary;
267
+ }, ['components.buttons.backgroundFilledAccentSecondary']),
268
+ backgroundFilledNeutralActive: computed(function (_ref93) {
269
+ var _ref94 = _slicedToArray(_ref93, 1),
270
+ backgroundFilledNeutral = _ref94[0];
271
+ return backgroundFilledNeutral;
272
+ }, ['components.buttons.backgroundFilledNeutral']),
273
+ backgroundFilledSuccessActive: computed(function (_ref95) {
274
+ var _ref96 = _slicedToArray(_ref95, 1),
275
+ backgroundFilledPrimary = _ref96[0];
276
+ return backgroundFilledPrimary;
277
+ }, ['components.buttons.backgroundFilledSuccess']),
278
+ backgroundFilledWarningActive: computed(function (_ref97) {
279
+ var _ref98 = _slicedToArray(_ref97, 1),
280
+ backgroundFilledPrimary = _ref98[0];
281
+ return backgroundFilledPrimary;
282
+ }, ['components.buttons.backgroundFilledWarning']),
283
+ backgroundFilledRiskActive: computed(function (_ref99) {
284
+ var _ref100 = _slicedToArray(_ref99, 1),
285
+ backgroundFilledRisk = _ref100[0];
286
+ return backgroundFilledRisk;
287
+ }, ['components.buttons.backgroundFilledRisk']),
288
+ backgroundFilledDangerActive: computed(function (_ref101) {
289
+ var _ref102 = _slicedToArray(_ref101, 1),
290
+ backgroundFilledPrimary = _ref102[0];
291
+ return backgroundFilledPrimary;
292
+ }, ['components.buttons.backgroundFilledDanger']),
293
+ backgroundFilledTextActive: computed(function (_ref103) {
294
+ var _ref104 = _slicedToArray(_ref103, 1),
295
+ backgroundFilledPrimary = _ref104[0];
296
+ return backgroundFilledPrimary;
297
+ }, ['components.buttons.backgroundFilledText']),
298
+ backgroundEmptyPrimaryHover: computed(function (_ref105) {
299
+ var _ref106 = _slicedToArray(_ref105, 1),
300
+ primary = _ref106[0];
137
301
  return transparentize(primary, 0.1);
138
302
  }, ['colors.primary']),
139
- backgroundEmptyAccentHover: computed(function (_ref43) {
140
- var _ref44 = _slicedToArray(_ref43, 1),
141
- accent = _ref44[0];
303
+ backgroundEmptyAccentHover: computed(function (_ref107) {
304
+ var _ref108 = _slicedToArray(_ref107, 1),
305
+ accent = _ref108[0];
142
306
  return transparentize(accent, 0.1);
143
307
  }, ['colors.accent']),
144
- backgroundEmptyAccentSecondaryHover: computed(function (_ref45) {
145
- var _ref46 = _slicedToArray(_ref45, 1),
146
- success = _ref46[0];
308
+ backgroundEmptyAccentSecondaryHover: computed(function (_ref109) {
309
+ var _ref110 = _slicedToArray(_ref109, 1),
310
+ success = _ref110[0];
147
311
  return transparentize(success, 0.1);
148
312
  }, ['colors.success']),
149
313
  backgroundEmptyNeutralHover: transparentize(severityColors.neutral, 0.1),
150
- backgroundEmptySuccessHover: computed(function (_ref47) {
151
- var _ref48 = _slicedToArray(_ref47, 1),
152
- success = _ref48[0];
314
+ backgroundEmptySuccessHover: computed(function (_ref111) {
315
+ var _ref112 = _slicedToArray(_ref111, 1),
316
+ success = _ref112[0];
153
317
  return transparentize(success, 0.1);
154
318
  }, ['colors.success']),
155
- backgroundEmptyWarningHover: computed(function (_ref49) {
156
- var _ref50 = _slicedToArray(_ref49, 1),
157
- warning = _ref50[0];
319
+ backgroundEmptyWarningHover: computed(function (_ref113) {
320
+ var _ref114 = _slicedToArray(_ref113, 1),
321
+ warning = _ref114[0];
158
322
  return transparentize(warning, 0.1);
159
323
  }, ['colors.warning']),
160
324
  backgroundEmptyRiskHover: transparentize(severityColors.risk, 0.1),
161
- backgroundEmptyDangerHover: computed(function (_ref51) {
162
- var _ref52 = _slicedToArray(_ref51, 1),
163
- danger = _ref52[0];
325
+ backgroundEmptyDangerHover: computed(function (_ref115) {
326
+ var _ref116 = _slicedToArray(_ref115, 1),
327
+ danger = _ref116[0];
164
328
  return transparentize(danger, 0.1);
165
329
  }, ['colors.danger']),
166
- backgroundEmptyTextHover: computed(function (_ref53) {
167
- var _ref54 = _slicedToArray(_ref53, 1),
168
- lightShade = _ref54[0];
330
+ backgroundEmptyTextHover: computed(function (_ref117) {
331
+ var _ref118 = _slicedToArray(_ref117, 1),
332
+ lightShade = _ref118[0];
169
333
  return transparentize(lightShade, 0.2);
170
334
  }, ['colors.lightShade']),
171
- textColorPrimary: computed(function (_ref55) {
172
- var _ref56 = _slicedToArray(_ref55, 1),
173
- primaryText = _ref56[0];
335
+ backgroundEmptyPrimaryActive: computed(function (_ref119) {
336
+ var _ref120 = _slicedToArray(_ref119, 1),
337
+ primary = _ref120[0];
338
+ return transparentize(primary, 0.1);
339
+ }, ['colors.primary']),
340
+ backgroundEmptyAccentActive: computed(function (_ref121) {
341
+ var _ref122 = _slicedToArray(_ref121, 1),
342
+ accent = _ref122[0];
343
+ return transparentize(accent, 0.1);
344
+ }, ['colors.accent']),
345
+ backgroundEmptyAccentSecondaryActive: computed(function (_ref123) {
346
+ var _ref124 = _slicedToArray(_ref123, 1),
347
+ success = _ref124[0];
348
+ return transparentize(success, 0.1);
349
+ }, ['colors.success']),
350
+ backgroundEmptyNeutralActive: transparentize(severityColors.neutral, 0.1),
351
+ backgroundEmptySuccessActive: computed(function (_ref125) {
352
+ var _ref126 = _slicedToArray(_ref125, 1),
353
+ success = _ref126[0];
354
+ return transparentize(success, 0.1);
355
+ }, ['colors.success']),
356
+ backgroundEmptyWarningActive: computed(function (_ref127) {
357
+ var _ref128 = _slicedToArray(_ref127, 1),
358
+ warning = _ref128[0];
359
+ return transparentize(warning, 0.1);
360
+ }, ['colors.warning']),
361
+ backgroundEmptyRiskActive: transparentize(severityColors.risk, 0.1),
362
+ backgroundEmptyDangerActive: computed(function (_ref129) {
363
+ var _ref130 = _slicedToArray(_ref129, 1),
364
+ danger = _ref130[0];
365
+ return transparentize(danger, 0.1);
366
+ }, ['colors.danger']),
367
+ backgroundEmptyTextActive: computed(function (_ref131) {
368
+ var _ref132 = _slicedToArray(_ref131, 1),
369
+ lightShade = _ref132[0];
370
+ return transparentize(lightShade, 0.2);
371
+ }, ['colors.lightShade']),
372
+ textColorPrimary: computed(function (_ref133) {
373
+ var _ref134 = _slicedToArray(_ref133, 1),
374
+ primaryText = _ref134[0];
174
375
  return primaryText;
175
376
  }, ['colors.primaryText']),
176
- textColorAccent: computed(function (_ref57) {
177
- var _ref58 = _slicedToArray(_ref57, 1),
178
- accentText = _ref58[0];
377
+ textColorAccent: computed(function (_ref135) {
378
+ var _ref136 = _slicedToArray(_ref135, 1),
379
+ accentText = _ref136[0];
179
380
  return accentText;
180
381
  }, ['colors.accentText']),
181
- textColorAccentSecondary: computed(function (_ref59) {
182
- var _ref60 = _slicedToArray(_ref59, 1),
183
- successText = _ref60[0];
382
+ textColorAccentSecondary: computed(function (_ref137) {
383
+ var _ref138 = _slicedToArray(_ref137, 1),
384
+ successText = _ref138[0];
184
385
  return successText;
185
386
  }, ['colors.successText']),
186
- textColorNeutral: computed(function (_ref61) {
187
- var _ref62 = _slicedToArray(_ref61, 1),
188
- textNeutral = _ref62[0];
387
+ textColorNeutral: computed(function (_ref139) {
388
+ var _ref140 = _slicedToArray(_ref139, 1),
389
+ textNeutral = _ref140[0];
189
390
  return textNeutral;
190
391
  }, ['colors.textNeutral']),
191
- textColorSuccess: computed(function (_ref63) {
192
- var _ref64 = _slicedToArray(_ref63, 1),
193
- successText = _ref64[0];
392
+ textColorSuccess: computed(function (_ref141) {
393
+ var _ref142 = _slicedToArray(_ref141, 1),
394
+ successText = _ref142[0];
194
395
  return successText;
195
396
  }, ['colors.successText']),
196
- textColorWarning: computed(function (_ref65) {
197
- var _ref66 = _slicedToArray(_ref65, 1),
198
- warningText = _ref66[0];
397
+ textColorWarning: computed(function (_ref143) {
398
+ var _ref144 = _slicedToArray(_ref143, 1),
399
+ warningText = _ref144[0];
199
400
  return warningText;
200
401
  }, ['colors.warningText']),
201
- textColorRisk: computed(function (_ref67) {
202
- var _ref68 = _slicedToArray(_ref67, 1),
203
- textRisk = _ref68[0];
402
+ textColorRisk: computed(function (_ref145) {
403
+ var _ref146 = _slicedToArray(_ref145, 1),
404
+ textRisk = _ref146[0];
204
405
  return textRisk;
205
406
  }, ['colors.textRisk']),
206
- textColorDanger: computed(function (_ref69) {
207
- var _ref70 = _slicedToArray(_ref69, 1),
208
- dangerText = _ref70[0];
407
+ textColorDanger: computed(function (_ref147) {
408
+ var _ref148 = _slicedToArray(_ref147, 1),
409
+ dangerText = _ref148[0];
209
410
  return dangerText;
210
411
  }, ['colors.dangerText']),
211
- textColorText: computed(function (_ref71) {
212
- var _ref72 = _slicedToArray(_ref71, 1),
213
- text = _ref72[0];
412
+ textColorText: computed(function (_ref149) {
413
+ var _ref150 = _slicedToArray(_ref149, 1),
414
+ text = _ref150[0];
214
415
  return text;
215
416
  }, ['colors.text']),
216
- textColorDisabled: computed(function (_ref73) {
217
- var _ref74 = _slicedToArray(_ref73, 1),
218
- disabledText = _ref74[0];
417
+ textColorDisabled: computed(function (_ref151) {
418
+ var _ref152 = _slicedToArray(_ref151, 1),
419
+ disabledText = _ref152[0];
219
420
  return disabledText;
220
421
  }, ['colors.disabledText']),
221
- textColorFilledPrimary: computed(function (_ref75) {
222
- var _ref76 = _slicedToArray(_ref75, 3),
223
- primary = _ref76[0],
224
- ghost = _ref76[1],
225
- ink = _ref76[2];
422
+ textColorFilledPrimary: computed(function (_ref153) {
423
+ var _ref154 = _slicedToArray(_ref153, 3),
424
+ primary = _ref154[0],
425
+ ghost = _ref154[1],
426
+ ink = _ref154[2];
226
427
  return isDark(primary) ? ghost : ink;
227
428
  }, ['colors.primary', 'colors.ghost', 'colors.ink']),
228
- textColorFilledAccent: computed(function (_ref77) {
229
- var _ref78 = _slicedToArray(_ref77, 3),
230
- accent = _ref78[0],
231
- ghost = _ref78[1],
232
- ink = _ref78[2];
429
+ textColorFilledAccent: computed(function (_ref155) {
430
+ var _ref156 = _slicedToArray(_ref155, 3),
431
+ accent = _ref156[0],
432
+ ghost = _ref156[1],
433
+ ink = _ref156[2];
233
434
  return isDark(accent) ? ghost : ink;
234
435
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
235
- textColorFilledAccentSecondary: computed(function (_ref79) {
236
- var _ref80 = _slicedToArray(_ref79, 3),
237
- success = _ref80[0],
238
- ghost = _ref80[1],
239
- ink = _ref80[2];
436
+ textColorFilledAccentSecondary: computed(function (_ref157) {
437
+ var _ref158 = _slicedToArray(_ref157, 3),
438
+ success = _ref158[0],
439
+ ghost = _ref158[1],
440
+ ink = _ref158[2];
240
441
  var background = tint(success, 0.3);
241
442
  return isDark(background) ? ghost : ink;
242
443
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
243
- textColorFilledNeutral: computed(function (_ref81) {
244
- var _ref82 = _slicedToArray(_ref81, 2),
245
- ghost = _ref82[0],
246
- ink = _ref82[1];
444
+ textColorFilledNeutral: computed(function (_ref159) {
445
+ var _ref160 = _slicedToArray(_ref159, 2),
446
+ ghost = _ref160[0],
447
+ ink = _ref160[1];
247
448
  var background = tint(severityColors.neutral, 0.3);
248
449
  return isDark(background) ? ghost : ink;
249
450
  }, ['colors.ghost', 'colors.ink']),
250
- textColorFilledSuccess: computed(function (_ref83) {
251
- var _ref84 = _slicedToArray(_ref83, 3),
252
- success = _ref84[0],
253
- ghost = _ref84[1],
254
- ink = _ref84[2];
451
+ textColorFilledSuccess: computed(function (_ref161) {
452
+ var _ref162 = _slicedToArray(_ref161, 3),
453
+ success = _ref162[0],
454
+ ghost = _ref162[1],
455
+ ink = _ref162[2];
255
456
  var background = tint(success, 0.3);
256
457
  return isDark(background) ? ghost : ink;
257
458
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
258
- textColorFilledWarning: computed(function (_ref85) {
259
- var _ref86 = _slicedToArray(_ref85, 3),
260
- warning = _ref86[0],
261
- ghost = _ref86[1],
262
- ink = _ref86[2];
459
+ textColorFilledWarning: computed(function (_ref163) {
460
+ var _ref164 = _slicedToArray(_ref163, 3),
461
+ warning = _ref164[0],
462
+ ghost = _ref164[1],
463
+ ink = _ref164[2];
263
464
  return isDark(warning) ? ghost : ink;
264
465
  }, ['colors.warning', 'colors.ghost', 'colors.ink']),
265
- textColorFilledRisk: computed(function (_ref87) {
266
- var _ref88 = _slicedToArray(_ref87, 2),
267
- ghost = _ref88[0],
268
- ink = _ref88[1];
466
+ textColorFilledRisk: computed(function (_ref165) {
467
+ var _ref166 = _slicedToArray(_ref165, 2),
468
+ ghost = _ref166[0],
469
+ ink = _ref166[1];
269
470
  var background = tint(severityColors.risk, 0.3);
270
471
  return isDark(background) ? ghost : ink;
271
472
  }, ['colors.ghost', 'colors.ink']),
272
- textColorFilledDanger: computed(function (_ref89) {
273
- var _ref90 = _slicedToArray(_ref89, 3),
274
- danger = _ref90[0],
275
- ghost = _ref90[1],
276
- ink = _ref90[2];
473
+ textColorFilledDanger: computed(function (_ref167) {
474
+ var _ref168 = _slicedToArray(_ref167, 3),
475
+ danger = _ref168[0],
476
+ ghost = _ref168[1],
477
+ ink = _ref168[2];
277
478
  return isDark(danger) ? ghost : ink;
278
479
  }, ['colors.danger', 'colors.ghost', 'colors.ink']),
279
- textColorFilledText: computed(function (_ref91) {
280
- var _ref92 = _slicedToArray(_ref91, 3),
281
- darkShade = _ref92[0],
282
- ghost = _ref92[1],
283
- ink = _ref92[2];
480
+ textColorFilledText: computed(function (_ref169) {
481
+ var _ref170 = _slicedToArray(_ref169, 3),
482
+ darkShade = _ref170[0],
483
+ ghost = _ref170[1],
484
+ ink = _ref170[2];
284
485
  return isDark(darkShade) ? ghost : ink;
285
486
  }, ['colors.darkShade', 'colors.ghost', 'colors.ink']),
286
- textColorFilledDisabled: computed(function (_ref93) {
287
- var _ref94 = _slicedToArray(_ref93, 1),
288
- disabledText = _ref94[0];
487
+ textColorFilledDisabled: computed(function (_ref171) {
488
+ var _ref172 = _slicedToArray(_ref171, 1),
489
+ disabledText = _ref172[0];
289
490
  return disabledText;
290
491
  }, ['colors.disabledText'])
291
492
  };
292
493
  var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
293
- backgroundFilledDisabled: computed(function (_ref95) {
294
- var _ref96 = _slicedToArray(_ref95, 1),
295
- lightShade = _ref96[0];
494
+ backgroundFilledDisabled: computed(function (_ref173) {
495
+ var _ref174 = _slicedToArray(_ref173, 1),
496
+ lightShade = _ref174[0];
296
497
  return transparentize(lightShade, 0.15);
297
498
  }, ['colors.lightShade']),
298
- backgroundEmptyTextHover: computed(function (_ref97) {
299
- var _ref98 = _slicedToArray(_ref97, 1),
300
- lightShade = _ref98[0];
499
+ backgroundEmptyTextHover: computed(function (_ref175) {
500
+ var _ref176 = _slicedToArray(_ref175, 1),
501
+ lightShade = _ref176[0];
301
502
  return transparentize(lightShade, 0.4);
302
503
  }, ['colors.lightShade']),
303
- textColorFilledAccent: computed(function (_ref99) {
304
- var _ref100 = _slicedToArray(_ref99, 3),
305
- accent = _ref100[0],
306
- ghost = _ref100[1],
307
- ink = _ref100[2];
504
+ textColorFilledAccent: computed(function (_ref177) {
505
+ var _ref178 = _slicedToArray(_ref177, 3),
506
+ accent = _ref178[0],
507
+ ghost = _ref178[1],
508
+ ink = _ref178[2];
308
509
  return isDark(accent) ? ghost : ink;
309
510
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
310
- textColorFilledSuccess: computed(function (_ref101) {
311
- var _ref102 = _slicedToArray(_ref101, 3),
312
- success = _ref102[0],
313
- ghost = _ref102[1],
314
- ink = _ref102[2];
511
+ textColorFilledSuccess: computed(function (_ref179) {
512
+ var _ref180 = _slicedToArray(_ref179, 3),
513
+ success = _ref180[0],
514
+ ghost = _ref180[1],
515
+ ink = _ref180[2];
315
516
  return isDark(success) ? ghost : ink;
316
517
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
317
- textColorFilledText: computed(function (_ref103) {
318
- var _ref104 = _slicedToArray(_ref103, 3),
319
- text = _ref104[0],
320
- ghost = _ref104[1],
321
- ink = _ref104[2];
518
+ textColorFilledText: computed(function (_ref181) {
519
+ var _ref182 = _slicedToArray(_ref181, 3),
520
+ text = _ref182[0],
521
+ ghost = _ref182[1],
522
+ ink = _ref182[2];
322
523
  return isDark(text) ? ghost : ink;
323
524
  }, ['colors.text', 'colors.ghost', 'colors.ink'])
324
525
  });