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