@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
@@ -70,244 +70,445 @@ var _buttons = {
70
70
  lightShade = _ref20[0];
71
71
  return transparentize(lightShade, 0.15);
72
72
  }, ['colors.lightShade']),
73
- backgroundFilledPrimary: computed(function (_ref21) {
73
+ backgroundPrimaryHover: computed(function (_ref21) {
74
74
  var _ref22 = _slicedToArray(_ref21, 1),
75
- backgroundFilledPrimary = _ref22[0];
75
+ primary = _ref22[0];
76
+ return transparentize(primary, 0.1);
77
+ }, ['colors.primary']),
78
+ backgroundAccentHover: computed(function (_ref23) {
79
+ var _ref24 = _slicedToArray(_ref23, 1),
80
+ accent = _ref24[0];
81
+ return transparentize(accent, 0.1);
82
+ }, ['colors.accent']),
83
+ backgroundAccentSecondaryHover: computed(function (_ref25) {
84
+ var _ref26 = _slicedToArray(_ref25, 1),
85
+ success = _ref26[0];
86
+ return transparentize(success, 0.1);
87
+ }, ['colors.success']),
88
+ backgroundNeutralHover: transparentize(severityColors.neutral, 0.1),
89
+ backgroundSuccessHover: computed(function (_ref27) {
90
+ var _ref28 = _slicedToArray(_ref27, 1),
91
+ success = _ref28[0];
92
+ return transparentize(success, 0.1);
93
+ }, ['colors.success']),
94
+ backgroundWarningHover: computed(function (_ref29) {
95
+ var _ref30 = _slicedToArray(_ref29, 1),
96
+ warning = _ref30[0];
97
+ return transparentize(warning, 0.1);
98
+ }, ['colors.warning']),
99
+ backgroundRiskHover: transparentize(severityColors.risk, 0.1),
100
+ backgroundDangerHover: computed(function (_ref31) {
101
+ var _ref32 = _slicedToArray(_ref31, 1),
102
+ danger = _ref32[0];
103
+ return transparentize(danger, 0.1);
104
+ }, ['colors.danger']),
105
+ backgroundTextHover: computed(function (_ref33) {
106
+ var _ref34 = _slicedToArray(_ref33, 1),
107
+ lightShade = _ref34[0];
108
+ return transparentize(lightShade, 0.2);
109
+ }, ['colors.lightShade']),
110
+ backgroundPrimaryActive: computed(function (_ref35) {
111
+ var _ref36 = _slicedToArray(_ref35, 1),
112
+ primary = _ref36[0];
113
+ return transparentize(primary, 0.1);
114
+ }, ['colors.primary']),
115
+ backgroundAccentActive: computed(function (_ref37) {
116
+ var _ref38 = _slicedToArray(_ref37, 1),
117
+ accent = _ref38[0];
118
+ return transparentize(accent, 0.1);
119
+ }, ['colors.accent']),
120
+ backgroundAccentSecondaryActive: computed(function (_ref39) {
121
+ var _ref40 = _slicedToArray(_ref39, 1),
122
+ success = _ref40[0];
123
+ return transparentize(success, 0.1);
124
+ }, ['colors.success']),
125
+ backgroundNeutralActive: transparentize(severityColors.neutral, 0.1),
126
+ backgroundSuccessActive: computed(function (_ref41) {
127
+ var _ref42 = _slicedToArray(_ref41, 1),
128
+ success = _ref42[0];
129
+ return transparentize(success, 0.1);
130
+ }, ['colors.success']),
131
+ backgroundWarningActive: computed(function (_ref43) {
132
+ var _ref44 = _slicedToArray(_ref43, 1),
133
+ warning = _ref44[0];
134
+ return transparentize(warning, 0.1);
135
+ }, ['colors.warning']),
136
+ backgroundRiskActive: transparentize(severityColors.risk, 0.1),
137
+ backgroundDangerActive: computed(function (_ref45) {
138
+ var _ref46 = _slicedToArray(_ref45, 1),
139
+ danger = _ref46[0];
140
+ return transparentize(danger, 0.1);
141
+ }, ['colors.danger']),
142
+ backgroundTextActive: computed(function (_ref47) {
143
+ var _ref48 = _slicedToArray(_ref47, 1),
144
+ lightShade = _ref48[0];
145
+ return transparentize(lightShade, 0.2);
146
+ }, ['colors.lightShade']),
147
+ backgroundFilledPrimary: computed(function (_ref49) {
148
+ var _ref50 = _slicedToArray(_ref49, 1),
149
+ backgroundFilledPrimary = _ref50[0];
76
150
  return backgroundFilledPrimary;
77
151
  }, ['colors.backgroundFilledPrimary']),
78
- backgroundFilledAccent: computed(function (_ref23) {
79
- var _ref24 = _slicedToArray(_ref23, 1),
80
- backgroundFilledAccent = _ref24[0];
152
+ backgroundFilledAccent: computed(function (_ref51) {
153
+ var _ref52 = _slicedToArray(_ref51, 1),
154
+ backgroundFilledAccent = _ref52[0];
81
155
  return backgroundFilledAccent;
82
156
  }, ['colors.backgroundFilledAccent']),
83
- backgroundFilledAccentSecondary: computed(function (_ref25) {
84
- var _ref26 = _slicedToArray(_ref25, 1),
85
- backgroundFilledAccent = _ref26[0];
157
+ backgroundFilledAccentSecondary: computed(function (_ref53) {
158
+ var _ref54 = _slicedToArray(_ref53, 1),
159
+ backgroundFilledAccent = _ref54[0];
86
160
  return backgroundFilledAccent;
87
161
  }, ['colors.backgroundFilledAccent']),
88
- backgroundFilledNeutral: computed(function (_ref27) {
89
- var _ref28 = _slicedToArray(_ref27, 1),
90
- backgroundFilledNeutral = _ref28[0];
162
+ backgroundFilledNeutral: computed(function (_ref55) {
163
+ var _ref56 = _slicedToArray(_ref55, 1),
164
+ backgroundFilledNeutral = _ref56[0];
91
165
  return backgroundFilledNeutral;
92
166
  }, ['colors.backgroundFilledNeutral']),
93
- backgroundFilledSuccess: computed(function (_ref29) {
94
- var _ref30 = _slicedToArray(_ref29, 1),
95
- backgroundFilledSuccess = _ref30[0];
167
+ backgroundFilledSuccess: computed(function (_ref57) {
168
+ var _ref58 = _slicedToArray(_ref57, 1),
169
+ backgroundFilledSuccess = _ref58[0];
96
170
  return backgroundFilledSuccess;
97
171
  }, ['colors.backgroundFilledSuccess']),
98
- backgroundFilledWarning: computed(function (_ref31) {
99
- var _ref32 = _slicedToArray(_ref31, 1),
100
- backgroundFilledWarning = _ref32[0];
172
+ backgroundFilledWarning: computed(function (_ref59) {
173
+ var _ref60 = _slicedToArray(_ref59, 1),
174
+ backgroundFilledWarning = _ref60[0];
101
175
  return backgroundFilledWarning;
102
176
  }, ['colors.backgroundFilledWarning']),
103
- backgroundFilledRisk: computed(function (_ref33) {
104
- var _ref34 = _slicedToArray(_ref33, 1),
105
- backgroundFilledRisk = _ref34[0];
177
+ backgroundFilledRisk: computed(function (_ref61) {
178
+ var _ref62 = _slicedToArray(_ref61, 1),
179
+ backgroundFilledRisk = _ref62[0];
106
180
  return backgroundFilledRisk;
107
181
  }, ['colors.backgroundFilledRisk']),
108
- backgroundFilledDanger: computed(function (_ref35) {
109
- var _ref36 = _slicedToArray(_ref35, 1),
110
- backgroundFilledDanger = _ref36[0];
182
+ backgroundFilledDanger: computed(function (_ref63) {
183
+ var _ref64 = _slicedToArray(_ref63, 1),
184
+ backgroundFilledDanger = _ref64[0];
111
185
  return backgroundFilledDanger;
112
186
  }, ['colors.backgroundFilledDanger']),
113
- backgroundFilledText: computed(function (_ref37) {
114
- var _ref38 = _slicedToArray(_ref37, 1),
115
- backgroundFilledText = _ref38[0];
187
+ backgroundFilledText: computed(function (_ref65) {
188
+ var _ref66 = _slicedToArray(_ref65, 1),
189
+ backgroundFilledText = _ref66[0];
116
190
  return backgroundFilledText;
117
191
  }, ['colors.backgroundFilledText']),
118
- backgroundFilledDisabled: computed(function (_ref39) {
119
- var _ref40 = _slicedToArray(_ref39, 1),
120
- lightShade = _ref40[0];
192
+ backgroundFilledDisabled: computed(function (_ref67) {
193
+ var _ref68 = _slicedToArray(_ref67, 1),
194
+ lightShade = _ref68[0];
121
195
  return transparentize(lightShade, 0.15);
122
196
  }, ['colors.lightShade']),
123
- backgroundEmptyPrimaryHover: computed(function (_ref41) {
124
- var _ref42 = _slicedToArray(_ref41, 1),
125
- primary = _ref42[0];
197
+ backgroundFilledPrimaryHover: computed(function (_ref69) {
198
+ var _ref70 = _slicedToArray(_ref69, 1),
199
+ backgroundFilledPrimary = _ref70[0];
200
+ return backgroundFilledPrimary;
201
+ }, ['components.buttons.backgroundFilledPrimary']),
202
+ backgroundFilledAccentHover: computed(function (_ref71) {
203
+ var _ref72 = _slicedToArray(_ref71, 1),
204
+ backgroundFilledPrimary = _ref72[0];
205
+ return backgroundFilledPrimary;
206
+ }, ['components.buttons.backgroundFilledAccent']),
207
+ backgroundFilledAccentSecondaryHover: computed(function (_ref73) {
208
+ var _ref74 = _slicedToArray(_ref73, 1),
209
+ backgroundFilledPrimary = _ref74[0];
210
+ return backgroundFilledPrimary;
211
+ }, ['components.buttons.backgroundFilledAccentSecondary']),
212
+ backgroundFilledNeutralHover: computed(function (_ref75) {
213
+ var _ref76 = _slicedToArray(_ref75, 1),
214
+ backgroundFilledNeutral = _ref76[0];
215
+ return backgroundFilledNeutral;
216
+ }, ['components.buttons.backgroundFilledNeutral']),
217
+ backgroundFilledSuccessHover: computed(function (_ref77) {
218
+ var _ref78 = _slicedToArray(_ref77, 1),
219
+ backgroundFilledPrimary = _ref78[0];
220
+ return backgroundFilledPrimary;
221
+ }, ['components.buttons.backgroundFilledSuccess']),
222
+ backgroundFilledWarningHover: computed(function (_ref79) {
223
+ var _ref80 = _slicedToArray(_ref79, 1),
224
+ backgroundFilledPrimary = _ref80[0];
225
+ return backgroundFilledPrimary;
226
+ }, ['components.buttons.backgroundFilledWarning']),
227
+ backgroundFilledRiskHover: computed(function (_ref81) {
228
+ var _ref82 = _slicedToArray(_ref81, 1),
229
+ backgroundFilledRisk = _ref82[0];
230
+ return backgroundFilledRisk;
231
+ }, ['components.buttons.backgroundFilledRisk']),
232
+ backgroundFilledDangerHover: computed(function (_ref83) {
233
+ var _ref84 = _slicedToArray(_ref83, 1),
234
+ backgroundFilledPrimary = _ref84[0];
235
+ return backgroundFilledPrimary;
236
+ }, ['components.buttons.backgroundFilledDanger']),
237
+ backgroundFilledTextHover: computed(function (_ref85) {
238
+ var _ref86 = _slicedToArray(_ref85, 1),
239
+ backgroundFilledPrimary = _ref86[0];
240
+ return backgroundFilledPrimary;
241
+ }, ['components.buttons.backgroundFilledText']),
242
+ backgroundFilledPrimaryActive: computed(function (_ref87) {
243
+ var _ref88 = _slicedToArray(_ref87, 1),
244
+ backgroundFilledPrimary = _ref88[0];
245
+ return backgroundFilledPrimary;
246
+ }, ['components.buttons.backgroundFilledPrimary']),
247
+ backgroundFilledAccentActive: computed(function (_ref89) {
248
+ var _ref90 = _slicedToArray(_ref89, 1),
249
+ backgroundFilledPrimary = _ref90[0];
250
+ return backgroundFilledPrimary;
251
+ }, ['components.buttons.backgroundFilledAccent']),
252
+ backgroundFilledAccentSecondaryActive: computed(function (_ref91) {
253
+ var _ref92 = _slicedToArray(_ref91, 1),
254
+ backgroundFilledPrimary = _ref92[0];
255
+ return backgroundFilledPrimary;
256
+ }, ['components.buttons.backgroundFilledAccentSecondary']),
257
+ backgroundFilledNeutralActive: computed(function (_ref93) {
258
+ var _ref94 = _slicedToArray(_ref93, 1),
259
+ backgroundFilledNeutral = _ref94[0];
260
+ return backgroundFilledNeutral;
261
+ }, ['components.buttons.backgroundFilledNeutral']),
262
+ backgroundFilledSuccessActive: computed(function (_ref95) {
263
+ var _ref96 = _slicedToArray(_ref95, 1),
264
+ backgroundFilledPrimary = _ref96[0];
265
+ return backgroundFilledPrimary;
266
+ }, ['components.buttons.backgroundFilledSuccess']),
267
+ backgroundFilledWarningActive: computed(function (_ref97) {
268
+ var _ref98 = _slicedToArray(_ref97, 1),
269
+ backgroundFilledPrimary = _ref98[0];
270
+ return backgroundFilledPrimary;
271
+ }, ['components.buttons.backgroundFilledWarning']),
272
+ backgroundFilledRiskActive: computed(function (_ref99) {
273
+ var _ref100 = _slicedToArray(_ref99, 1),
274
+ backgroundFilledRisk = _ref100[0];
275
+ return backgroundFilledRisk;
276
+ }, ['components.buttons.backgroundFilledRisk']),
277
+ backgroundFilledDangerActive: computed(function (_ref101) {
278
+ var _ref102 = _slicedToArray(_ref101, 1),
279
+ backgroundFilledPrimary = _ref102[0];
280
+ return backgroundFilledPrimary;
281
+ }, ['components.buttons.backgroundFilledDanger']),
282
+ backgroundFilledTextActive: computed(function (_ref103) {
283
+ var _ref104 = _slicedToArray(_ref103, 1),
284
+ backgroundFilledPrimary = _ref104[0];
285
+ return backgroundFilledPrimary;
286
+ }, ['components.buttons.backgroundFilledText']),
287
+ backgroundEmptyPrimaryHover: computed(function (_ref105) {
288
+ var _ref106 = _slicedToArray(_ref105, 1),
289
+ primary = _ref106[0];
126
290
  return transparentize(primary, 0.1);
127
291
  }, ['colors.primary']),
128
- backgroundEmptyAccentHover: computed(function (_ref43) {
129
- var _ref44 = _slicedToArray(_ref43, 1),
130
- accent = _ref44[0];
292
+ backgroundEmptyAccentHover: computed(function (_ref107) {
293
+ var _ref108 = _slicedToArray(_ref107, 1),
294
+ accent = _ref108[0];
131
295
  return transparentize(accent, 0.1);
132
296
  }, ['colors.accent']),
133
- backgroundEmptyAccentSecondaryHover: computed(function (_ref45) {
134
- var _ref46 = _slicedToArray(_ref45, 1),
135
- success = _ref46[0];
297
+ backgroundEmptyAccentSecondaryHover: computed(function (_ref109) {
298
+ var _ref110 = _slicedToArray(_ref109, 1),
299
+ success = _ref110[0];
136
300
  return transparentize(success, 0.1);
137
301
  }, ['colors.success']),
138
302
  backgroundEmptyNeutralHover: transparentize(severityColors.neutral, 0.1),
139
- backgroundEmptySuccessHover: computed(function (_ref47) {
140
- var _ref48 = _slicedToArray(_ref47, 1),
141
- success = _ref48[0];
303
+ backgroundEmptySuccessHover: computed(function (_ref111) {
304
+ var _ref112 = _slicedToArray(_ref111, 1),
305
+ success = _ref112[0];
142
306
  return transparentize(success, 0.1);
143
307
  }, ['colors.success']),
144
- backgroundEmptyWarningHover: computed(function (_ref49) {
145
- var _ref50 = _slicedToArray(_ref49, 1),
146
- warning = _ref50[0];
308
+ backgroundEmptyWarningHover: computed(function (_ref113) {
309
+ var _ref114 = _slicedToArray(_ref113, 1),
310
+ warning = _ref114[0];
147
311
  return transparentize(warning, 0.1);
148
312
  }, ['colors.warning']),
149
313
  backgroundEmptyRiskHover: transparentize(severityColors.risk, 0.1),
150
- backgroundEmptyDangerHover: computed(function (_ref51) {
151
- var _ref52 = _slicedToArray(_ref51, 1),
152
- danger = _ref52[0];
314
+ backgroundEmptyDangerHover: computed(function (_ref115) {
315
+ var _ref116 = _slicedToArray(_ref115, 1),
316
+ danger = _ref116[0];
153
317
  return transparentize(danger, 0.1);
154
318
  }, ['colors.danger']),
155
- backgroundEmptyTextHover: computed(function (_ref53) {
156
- var _ref54 = _slicedToArray(_ref53, 1),
157
- lightShade = _ref54[0];
319
+ backgroundEmptyTextHover: computed(function (_ref117) {
320
+ var _ref118 = _slicedToArray(_ref117, 1),
321
+ lightShade = _ref118[0];
158
322
  return transparentize(lightShade, 0.2);
159
323
  }, ['colors.lightShade']),
160
- textColorPrimary: computed(function (_ref55) {
161
- var _ref56 = _slicedToArray(_ref55, 1),
162
- primaryText = _ref56[0];
324
+ backgroundEmptyPrimaryActive: computed(function (_ref119) {
325
+ var _ref120 = _slicedToArray(_ref119, 1),
326
+ primary = _ref120[0];
327
+ return transparentize(primary, 0.1);
328
+ }, ['colors.primary']),
329
+ backgroundEmptyAccentActive: computed(function (_ref121) {
330
+ var _ref122 = _slicedToArray(_ref121, 1),
331
+ accent = _ref122[0];
332
+ return transparentize(accent, 0.1);
333
+ }, ['colors.accent']),
334
+ backgroundEmptyAccentSecondaryActive: computed(function (_ref123) {
335
+ var _ref124 = _slicedToArray(_ref123, 1),
336
+ success = _ref124[0];
337
+ return transparentize(success, 0.1);
338
+ }, ['colors.success']),
339
+ backgroundEmptyNeutralActive: transparentize(severityColors.neutral, 0.1),
340
+ backgroundEmptySuccessActive: computed(function (_ref125) {
341
+ var _ref126 = _slicedToArray(_ref125, 1),
342
+ success = _ref126[0];
343
+ return transparentize(success, 0.1);
344
+ }, ['colors.success']),
345
+ backgroundEmptyWarningActive: computed(function (_ref127) {
346
+ var _ref128 = _slicedToArray(_ref127, 1),
347
+ warning = _ref128[0];
348
+ return transparentize(warning, 0.1);
349
+ }, ['colors.warning']),
350
+ backgroundEmptyRiskActive: transparentize(severityColors.risk, 0.1),
351
+ backgroundEmptyDangerActive: computed(function (_ref129) {
352
+ var _ref130 = _slicedToArray(_ref129, 1),
353
+ danger = _ref130[0];
354
+ return transparentize(danger, 0.1);
355
+ }, ['colors.danger']),
356
+ backgroundEmptyTextActive: computed(function (_ref131) {
357
+ var _ref132 = _slicedToArray(_ref131, 1),
358
+ lightShade = _ref132[0];
359
+ return transparentize(lightShade, 0.2);
360
+ }, ['colors.lightShade']),
361
+ textColorPrimary: computed(function (_ref133) {
362
+ var _ref134 = _slicedToArray(_ref133, 1),
363
+ primaryText = _ref134[0];
163
364
  return primaryText;
164
365
  }, ['colors.primaryText']),
165
- textColorAccent: computed(function (_ref57) {
166
- var _ref58 = _slicedToArray(_ref57, 1),
167
- accentText = _ref58[0];
366
+ textColorAccent: computed(function (_ref135) {
367
+ var _ref136 = _slicedToArray(_ref135, 1),
368
+ accentText = _ref136[0];
168
369
  return accentText;
169
370
  }, ['colors.accentText']),
170
- textColorAccentSecondary: computed(function (_ref59) {
171
- var _ref60 = _slicedToArray(_ref59, 1),
172
- successText = _ref60[0];
371
+ textColorAccentSecondary: computed(function (_ref137) {
372
+ var _ref138 = _slicedToArray(_ref137, 1),
373
+ successText = _ref138[0];
173
374
  return successText;
174
375
  }, ['colors.successText']),
175
- textColorNeutral: computed(function (_ref61) {
176
- var _ref62 = _slicedToArray(_ref61, 1),
177
- textNeutral = _ref62[0];
376
+ textColorNeutral: computed(function (_ref139) {
377
+ var _ref140 = _slicedToArray(_ref139, 1),
378
+ textNeutral = _ref140[0];
178
379
  return textNeutral;
179
380
  }, ['colors.textNeutral']),
180
- textColorSuccess: computed(function (_ref63) {
181
- var _ref64 = _slicedToArray(_ref63, 1),
182
- successText = _ref64[0];
381
+ textColorSuccess: computed(function (_ref141) {
382
+ var _ref142 = _slicedToArray(_ref141, 1),
383
+ successText = _ref142[0];
183
384
  return successText;
184
385
  }, ['colors.successText']),
185
- textColorWarning: computed(function (_ref65) {
186
- var _ref66 = _slicedToArray(_ref65, 1),
187
- warningText = _ref66[0];
386
+ textColorWarning: computed(function (_ref143) {
387
+ var _ref144 = _slicedToArray(_ref143, 1),
388
+ warningText = _ref144[0];
188
389
  return warningText;
189
390
  }, ['colors.warningText']),
190
- textColorRisk: computed(function (_ref67) {
191
- var _ref68 = _slicedToArray(_ref67, 1),
192
- textRisk = _ref68[0];
391
+ textColorRisk: computed(function (_ref145) {
392
+ var _ref146 = _slicedToArray(_ref145, 1),
393
+ textRisk = _ref146[0];
193
394
  return textRisk;
194
395
  }, ['colors.textRisk']),
195
- textColorDanger: computed(function (_ref69) {
196
- var _ref70 = _slicedToArray(_ref69, 1),
197
- dangerText = _ref70[0];
396
+ textColorDanger: computed(function (_ref147) {
397
+ var _ref148 = _slicedToArray(_ref147, 1),
398
+ dangerText = _ref148[0];
198
399
  return dangerText;
199
400
  }, ['colors.dangerText']),
200
- textColorText: computed(function (_ref71) {
201
- var _ref72 = _slicedToArray(_ref71, 1),
202
- text = _ref72[0];
401
+ textColorText: computed(function (_ref149) {
402
+ var _ref150 = _slicedToArray(_ref149, 1),
403
+ text = _ref150[0];
203
404
  return text;
204
405
  }, ['colors.text']),
205
- textColorDisabled: computed(function (_ref73) {
206
- var _ref74 = _slicedToArray(_ref73, 1),
207
- disabledText = _ref74[0];
406
+ textColorDisabled: computed(function (_ref151) {
407
+ var _ref152 = _slicedToArray(_ref151, 1),
408
+ disabledText = _ref152[0];
208
409
  return disabledText;
209
410
  }, ['colors.disabledText']),
210
- textColorFilledPrimary: computed(function (_ref75) {
211
- var _ref76 = _slicedToArray(_ref75, 3),
212
- primary = _ref76[0],
213
- ghost = _ref76[1],
214
- ink = _ref76[2];
411
+ textColorFilledPrimary: computed(function (_ref153) {
412
+ var _ref154 = _slicedToArray(_ref153, 3),
413
+ primary = _ref154[0],
414
+ ghost = _ref154[1],
415
+ ink = _ref154[2];
215
416
  return isDark(primary) ? ghost : ink;
216
417
  }, ['colors.primary', 'colors.ghost', 'colors.ink']),
217
- textColorFilledAccent: computed(function (_ref77) {
218
- var _ref78 = _slicedToArray(_ref77, 3),
219
- accent = _ref78[0],
220
- ghost = _ref78[1],
221
- ink = _ref78[2];
418
+ textColorFilledAccent: computed(function (_ref155) {
419
+ var _ref156 = _slicedToArray(_ref155, 3),
420
+ accent = _ref156[0],
421
+ ghost = _ref156[1],
422
+ ink = _ref156[2];
222
423
  return isDark(accent) ? ghost : ink;
223
424
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
224
- textColorFilledAccentSecondary: computed(function (_ref79) {
225
- var _ref80 = _slicedToArray(_ref79, 3),
226
- success = _ref80[0],
227
- ghost = _ref80[1],
228
- ink = _ref80[2];
425
+ textColorFilledAccentSecondary: computed(function (_ref157) {
426
+ var _ref158 = _slicedToArray(_ref157, 3),
427
+ success = _ref158[0],
428
+ ghost = _ref158[1],
429
+ ink = _ref158[2];
229
430
  var background = tint(success, 0.3);
230
431
  return isDark(background) ? ghost : ink;
231
432
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
232
- textColorFilledNeutral: computed(function (_ref81) {
233
- var _ref82 = _slicedToArray(_ref81, 2),
234
- ghost = _ref82[0],
235
- ink = _ref82[1];
433
+ textColorFilledNeutral: computed(function (_ref159) {
434
+ var _ref160 = _slicedToArray(_ref159, 2),
435
+ ghost = _ref160[0],
436
+ ink = _ref160[1];
236
437
  var background = tint(severityColors.neutral, 0.3);
237
438
  return isDark(background) ? ghost : ink;
238
439
  }, ['colors.ghost', 'colors.ink']),
239
- textColorFilledSuccess: computed(function (_ref83) {
240
- var _ref84 = _slicedToArray(_ref83, 3),
241
- success = _ref84[0],
242
- ghost = _ref84[1],
243
- ink = _ref84[2];
440
+ textColorFilledSuccess: computed(function (_ref161) {
441
+ var _ref162 = _slicedToArray(_ref161, 3),
442
+ success = _ref162[0],
443
+ ghost = _ref162[1],
444
+ ink = _ref162[2];
244
445
  var background = tint(success, 0.3);
245
446
  return isDark(background) ? ghost : ink;
246
447
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
247
- textColorFilledWarning: computed(function (_ref85) {
248
- var _ref86 = _slicedToArray(_ref85, 3),
249
- warning = _ref86[0],
250
- ghost = _ref86[1],
251
- ink = _ref86[2];
448
+ textColorFilledWarning: computed(function (_ref163) {
449
+ var _ref164 = _slicedToArray(_ref163, 3),
450
+ warning = _ref164[0],
451
+ ghost = _ref164[1],
452
+ ink = _ref164[2];
252
453
  return isDark(warning) ? ghost : ink;
253
454
  }, ['colors.warning', 'colors.ghost', 'colors.ink']),
254
- textColorFilledRisk: computed(function (_ref87) {
255
- var _ref88 = _slicedToArray(_ref87, 2),
256
- ghost = _ref88[0],
257
- ink = _ref88[1];
455
+ textColorFilledRisk: computed(function (_ref165) {
456
+ var _ref166 = _slicedToArray(_ref165, 2),
457
+ ghost = _ref166[0],
458
+ ink = _ref166[1];
258
459
  var background = tint(severityColors.risk, 0.3);
259
460
  return isDark(background) ? ghost : ink;
260
461
  }, ['colors.ghost', 'colors.ink']),
261
- textColorFilledDanger: computed(function (_ref89) {
262
- var _ref90 = _slicedToArray(_ref89, 3),
263
- danger = _ref90[0],
264
- ghost = _ref90[1],
265
- ink = _ref90[2];
462
+ textColorFilledDanger: computed(function (_ref167) {
463
+ var _ref168 = _slicedToArray(_ref167, 3),
464
+ danger = _ref168[0],
465
+ ghost = _ref168[1],
466
+ ink = _ref168[2];
266
467
  return isDark(danger) ? ghost : ink;
267
468
  }, ['colors.danger', 'colors.ghost', 'colors.ink']),
268
- textColorFilledText: computed(function (_ref91) {
269
- var _ref92 = _slicedToArray(_ref91, 3),
270
- darkShade = _ref92[0],
271
- ghost = _ref92[1],
272
- ink = _ref92[2];
469
+ textColorFilledText: computed(function (_ref169) {
470
+ var _ref170 = _slicedToArray(_ref169, 3),
471
+ darkShade = _ref170[0],
472
+ ghost = _ref170[1],
473
+ ink = _ref170[2];
273
474
  return isDark(darkShade) ? ghost : ink;
274
475
  }, ['colors.darkShade', 'colors.ghost', 'colors.ink']),
275
- textColorFilledDisabled: computed(function (_ref93) {
276
- var _ref94 = _slicedToArray(_ref93, 1),
277
- disabledText = _ref94[0];
476
+ textColorFilledDisabled: computed(function (_ref171) {
477
+ var _ref172 = _slicedToArray(_ref171, 1),
478
+ disabledText = _ref172[0];
278
479
  return disabledText;
279
480
  }, ['colors.disabledText'])
280
481
  };
281
482
  var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
282
- backgroundFilledDisabled: computed(function (_ref95) {
283
- var _ref96 = _slicedToArray(_ref95, 1),
284
- lightShade = _ref96[0];
483
+ backgroundFilledDisabled: computed(function (_ref173) {
484
+ var _ref174 = _slicedToArray(_ref173, 1),
485
+ lightShade = _ref174[0];
285
486
  return transparentize(lightShade, 0.15);
286
487
  }, ['colors.lightShade']),
287
- backgroundEmptyTextHover: computed(function (_ref97) {
288
- var _ref98 = _slicedToArray(_ref97, 1),
289
- lightShade = _ref98[0];
488
+ backgroundEmptyTextHover: computed(function (_ref175) {
489
+ var _ref176 = _slicedToArray(_ref175, 1),
490
+ lightShade = _ref176[0];
290
491
  return transparentize(lightShade, 0.4);
291
492
  }, ['colors.lightShade']),
292
- textColorFilledAccent: computed(function (_ref99) {
293
- var _ref100 = _slicedToArray(_ref99, 3),
294
- accent = _ref100[0],
295
- ghost = _ref100[1],
296
- ink = _ref100[2];
493
+ textColorFilledAccent: computed(function (_ref177) {
494
+ var _ref178 = _slicedToArray(_ref177, 3),
495
+ accent = _ref178[0],
496
+ ghost = _ref178[1],
497
+ ink = _ref178[2];
297
498
  return isDark(accent) ? ghost : ink;
298
499
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
299
- textColorFilledSuccess: computed(function (_ref101) {
300
- var _ref102 = _slicedToArray(_ref101, 3),
301
- success = _ref102[0],
302
- ghost = _ref102[1],
303
- ink = _ref102[2];
500
+ textColorFilledSuccess: computed(function (_ref179) {
501
+ var _ref180 = _slicedToArray(_ref179, 3),
502
+ success = _ref180[0],
503
+ ghost = _ref180[1],
504
+ ink = _ref180[2];
304
505
  return isDark(success) ? ghost : ink;
305
506
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
306
- textColorFilledText: computed(function (_ref103) {
307
- var _ref104 = _slicedToArray(_ref103, 3),
308
- text = _ref104[0],
309
- ghost = _ref104[1],
310
- ink = _ref104[2];
507
+ textColorFilledText: computed(function (_ref181) {
508
+ var _ref182 = _slicedToArray(_ref181, 3),
509
+ text = _ref182[0],
510
+ ghost = _ref182[1],
511
+ ink = _ref182[2];
311
512
  return isDark(text) ? ghost : ink;
312
513
  }, ['colors.text', 'colors.ghost', 'colors.ink'])
313
514
  });