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