@elastic/eui 98.2.1-borealis.0 → 98.2.1

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