@elastic/eui 102.1.0-snapshot.1746441787383 → 102.2.0

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