@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.
- package/dist/eui_theme_borealis_dark.json +1 -1
- package/es/components/badge/color_utils.js +1 -3
- package/es/components/badge/notification_badge/badge_notification.styles.js +6 -1
- package/es/components/basic_table/basic_table.js +4 -1
- package/es/components/basic_table/in_memory_table.js +4 -1
- package/es/components/breadcrumbs/_breadcrumb_content.styles.js +6 -3
- package/es/components/button/button_display/_button_display.js +1 -1
- package/es/components/button/button_display/_button_display.styles.js +11 -2
- package/es/components/button/button_display/_button_display_content.styles.js +6 -3
- package/es/components/button/button_empty/button_empty.styles.js +9 -12
- package/es/components/button/button_group/button_group.styles.js +5 -3
- package/es/components/button/button_group/button_group_button.js +19 -9
- package/es/components/button/button_group/button_group_button.styles.js +43 -19
- package/es/components/button/button_icon/button_icon.js +4 -2
- package/es/components/collapsible_nav/collapsible_nav.js +1 -0
- package/es/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
- package/es/components/datagrid/utils/focus.js +2 -2
- package/es/components/filter_group/filter_button.js +88 -23
- package/es/components/filter_group/filter_button.styles.js +51 -15
- package/es/components/filter_group/filter_group.styles.js +18 -6
- package/es/components/markdown_editor/markdown_editor_footer.js +9 -4
- package/es/components/search_bar/filters/field_value_selection_filter.js +1 -0
- package/es/components/search_bar/filters/field_value_toggle_filter.js +3 -1
- package/es/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
- package/es/components/search_bar/filters/is_filter.js +3 -1
- package/es/components/search_bar/search_bar.a11y.js +3 -3
- package/es/global_styling/mixins/_button.js +95 -28
- package/es/services/theme/index.js +2 -1
- package/es/services/theme/provider.js +28 -2
- package/es/services/theme/theme_variant.js +22 -0
- package/es/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
- package/es/themes/amsterdam/global_styling/variables/_components.js +229 -224
- package/es/themes/amsterdam/theme.js +2 -1
- package/es/themes/json/eui_theme_borealis_dark.json +1 -1
- package/eui.d.ts +194 -161
- package/lib/components/badge/color_utils.js +1 -3
- package/lib/components/badge/notification_badge/badge_notification.styles.js +6 -1
- package/lib/components/basic_table/basic_table.js +4 -1
- package/lib/components/basic_table/in_memory_table.js +4 -1
- package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
- package/lib/components/button/button_display/_button_display.js +1 -1
- package/lib/components/button/button_display/_button_display.styles.js +11 -2
- package/lib/components/button/button_display/_button_display_content.styles.js +6 -3
- package/lib/components/button/button_empty/button_empty.styles.js +10 -11
- package/lib/components/button/button_group/button_group.styles.js +5 -3
- package/lib/components/button/button_group/button_group_button.js +18 -8
- package/lib/components/button/button_group/button_group_button.styles.js +41 -17
- package/lib/components/button/button_icon/button_icon.js +3 -1
- package/lib/components/collapsible_nav/collapsible_nav.js +1 -0
- package/lib/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
- package/lib/components/datagrid/utils/focus.js +1 -1
- package/lib/components/filter_group/filter_button.js +86 -21
- package/lib/components/filter_group/filter_button.styles.js +51 -15
- package/lib/components/filter_group/filter_group.styles.js +18 -6
- package/lib/components/markdown_editor/markdown_editor_footer.js +8 -3
- package/lib/components/search_bar/filters/field_value_selection_filter.js +1 -0
- package/lib/components/search_bar/filters/field_value_toggle_filter.js +3 -1
- package/lib/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
- package/lib/components/search_bar/filters/is_filter.js +3 -1
- package/lib/components/search_bar/search_bar.a11y.js +3 -3
- package/lib/global_styling/mixins/_button.js +94 -27
- package/lib/services/theme/index.js +42 -1
- package/lib/services/theme/provider.js +28 -2
- package/lib/services/theme/theme_variant.js +28 -0
- package/lib/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
- package/lib/themes/amsterdam/global_styling/variables/_components.js +229 -224
- package/lib/themes/amsterdam/theme.js +2 -1
- package/lib/themes/json/eui_theme_borealis_dark.json +1 -1
- package/optimize/es/components/badge/color_utils.js +1 -3
- package/optimize/es/components/badge/notification_badge/badge_notification.styles.js +6 -1
- package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +6 -3
- package/optimize/es/components/button/button_display/_button_display.js +1 -1
- package/optimize/es/components/button/button_display/_button_display.styles.js +11 -2
- package/optimize/es/components/button/button_display/_button_display_content.styles.js +6 -3
- package/optimize/es/components/button/button_empty/button_empty.styles.js +9 -12
- package/optimize/es/components/button/button_group/button_group.styles.js +5 -3
- package/optimize/es/components/button/button_group/button_group_button.js +12 -8
- package/optimize/es/components/button/button_group/button_group_button.styles.js +43 -19
- package/optimize/es/components/button/button_icon/button_icon.js +4 -2
- package/optimize/es/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
- package/optimize/es/components/datagrid/utils/focus.js +2 -2
- package/optimize/es/components/filter_group/filter_button.js +78 -21
- package/optimize/es/components/filter_group/filter_button.styles.js +51 -15
- package/optimize/es/components/filter_group/filter_group.styles.js +18 -6
- package/optimize/es/components/markdown_editor/markdown_editor_footer.js +9 -4
- package/optimize/es/components/search_bar/filters/field_value_selection_filter.js +1 -0
- package/optimize/es/components/search_bar/filters/field_value_toggle_filter.js +3 -1
- package/optimize/es/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
- package/optimize/es/components/search_bar/filters/is_filter.js +3 -1
- package/optimize/es/components/search_bar/search_bar.a11y.js +3 -3
- package/optimize/es/global_styling/mixins/_button.js +95 -28
- package/optimize/es/services/theme/index.js +2 -1
- package/optimize/es/services/theme/provider.js +28 -2
- package/optimize/es/services/theme/theme_variant.js +22 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +229 -224
- package/optimize/es/themes/amsterdam/theme.js +2 -1
- package/optimize/es/themes/json/eui_theme_borealis_dark.json +1 -1
- package/optimize/lib/components/badge/color_utils.js +1 -3
- package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js +6 -1
- package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
- package/optimize/lib/components/button/button_display/_button_display.js +1 -1
- package/optimize/lib/components/button/button_display/_button_display.styles.js +11 -2
- package/optimize/lib/components/button/button_display/_button_display_content.styles.js +6 -3
- package/optimize/lib/components/button/button_empty/button_empty.styles.js +10 -11
- package/optimize/lib/components/button/button_group/button_group.styles.js +5 -3
- package/optimize/lib/components/button/button_group/button_group_button.js +11 -7
- package/optimize/lib/components/button/button_group/button_group_button.styles.js +41 -17
- package/optimize/lib/components/button/button_icon/button_icon.js +3 -1
- package/optimize/lib/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
- package/optimize/lib/components/datagrid/utils/focus.js +1 -1
- package/optimize/lib/components/filter_group/filter_button.js +76 -19
- package/optimize/lib/components/filter_group/filter_button.styles.js +51 -15
- package/optimize/lib/components/filter_group/filter_group.styles.js +18 -6
- package/optimize/lib/components/markdown_editor/markdown_editor_footer.js +8 -3
- package/optimize/lib/components/search_bar/filters/field_value_selection_filter.js +1 -0
- package/optimize/lib/components/search_bar/filters/field_value_toggle_filter.js +3 -1
- package/optimize/lib/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
- package/optimize/lib/components/search_bar/filters/is_filter.js +3 -1
- package/optimize/lib/components/search_bar/search_bar.a11y.js +3 -3
- package/optimize/lib/global_styling/mixins/_button.js +94 -27
- package/optimize/lib/services/theme/index.js +42 -1
- package/optimize/lib/services/theme/provider.js +28 -2
- package/optimize/lib/services/theme/theme_variant.js +28 -0
- package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +229 -224
- package/optimize/lib/themes/amsterdam/theme.js +2 -1
- package/optimize/lib/themes/json/eui_theme_borealis_dark.json +1 -1
- package/package.json +4 -4
- package/test-env/components/badge/color_utils.js +1 -3
- package/test-env/components/badge/notification_badge/badge_notification.styles.js +6 -1
- package/test-env/components/basic_table/basic_table.js +4 -1
- package/test-env/components/basic_table/in_memory_table.js +4 -1
- package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +5 -2
- package/test-env/components/button/button_display/_button_display.js +1 -1
- package/test-env/components/button/button_display/_button_display.styles.js +11 -2
- package/test-env/components/button/button_display/_button_display_content.styles.js +6 -3
- package/test-env/components/button/button_empty/button_empty.styles.js +10 -11
- package/test-env/components/button/button_group/button_group.styles.js +5 -3
- package/test-env/components/button/button_group/button_group_button.js +18 -8
- package/test-env/components/button/button_group/button_group_button.styles.js +41 -17
- package/test-env/components/button/button_icon/button_icon.js +3 -1
- package/test-env/components/collapsible_nav/collapsible_nav.js +1 -0
- package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +11 -1
- package/test-env/components/datagrid/utils/focus.js +1 -1
- package/test-env/components/filter_group/filter_button.js +86 -21
- package/test-env/components/filter_group/filter_button.styles.js +51 -15
- package/test-env/components/filter_group/filter_group.styles.js +18 -6
- package/test-env/components/markdown_editor/markdown_editor_footer.js +8 -3
- package/test-env/components/search_bar/filters/field_value_selection_filter.js +1 -0
- package/test-env/components/search_bar/filters/field_value_toggle_filter.js +3 -1
- package/test-env/components/search_bar/filters/field_value_toggle_group_filter.js +3 -1
- package/test-env/components/search_bar/filters/is_filter.js +3 -1
- package/test-env/components/search_bar/search_bar.a11y.js +3 -3
- package/test-env/global_styling/mixins/_button.js +94 -27
- package/test-env/services/theme/index.js +42 -1
- package/test-env/services/theme/provider.js +28 -2
- package/test-env/services/theme/theme_variant.js +28 -0
- package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +348 -147
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +229 -224
- package/test-env/themes/amsterdam/theme.js +2 -1
- 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
|
-
|
|
84
|
+
backgroundPrimaryHover: computed(function (_ref21) {
|
|
85
85
|
var _ref22 = _slicedToArray(_ref21, 1),
|
|
86
|
-
|
|
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 (
|
|
90
|
-
var
|
|
91
|
-
backgroundFilledAccent =
|
|
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 (
|
|
95
|
-
var
|
|
96
|
-
backgroundFilledAccent =
|
|
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 (
|
|
100
|
-
var
|
|
101
|
-
backgroundFilledNeutral =
|
|
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 (
|
|
105
|
-
var
|
|
106
|
-
backgroundFilledSuccess =
|
|
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 (
|
|
110
|
-
var
|
|
111
|
-
backgroundFilledWarning =
|
|
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 (
|
|
115
|
-
var
|
|
116
|
-
backgroundFilledRisk =
|
|
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 (
|
|
120
|
-
var
|
|
121
|
-
backgroundFilledDanger =
|
|
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 (
|
|
125
|
-
var
|
|
126
|
-
backgroundFilledText =
|
|
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 (
|
|
130
|
-
var
|
|
131
|
-
lightShade =
|
|
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
|
-
|
|
135
|
-
var
|
|
136
|
-
|
|
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 (
|
|
140
|
-
var
|
|
141
|
-
accent =
|
|
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 (
|
|
145
|
-
var
|
|
146
|
-
success =
|
|
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 (
|
|
151
|
-
var
|
|
152
|
-
success =
|
|
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 (
|
|
156
|
-
var
|
|
157
|
-
warning =
|
|
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 (
|
|
162
|
-
var
|
|
163
|
-
danger =
|
|
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 (
|
|
167
|
-
var
|
|
168
|
-
lightShade =
|
|
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
|
-
|
|
172
|
-
var
|
|
173
|
-
|
|
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 (
|
|
177
|
-
var
|
|
178
|
-
accentText =
|
|
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 (
|
|
182
|
-
var
|
|
183
|
-
successText =
|
|
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 (
|
|
187
|
-
var
|
|
188
|
-
textNeutral =
|
|
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 (
|
|
192
|
-
var
|
|
193
|
-
successText =
|
|
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 (
|
|
197
|
-
var
|
|
198
|
-
warningText =
|
|
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 (
|
|
202
|
-
var
|
|
203
|
-
textRisk =
|
|
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 (
|
|
207
|
-
var
|
|
208
|
-
dangerText =
|
|
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 (
|
|
212
|
-
var
|
|
213
|
-
text =
|
|
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 (
|
|
217
|
-
var
|
|
218
|
-
disabledText =
|
|
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 (
|
|
222
|
-
var
|
|
223
|
-
primary =
|
|
224
|
-
ghost =
|
|
225
|
-
ink =
|
|
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 (
|
|
229
|
-
var
|
|
230
|
-
accent =
|
|
231
|
-
ghost =
|
|
232
|
-
ink =
|
|
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 (
|
|
236
|
-
var
|
|
237
|
-
success =
|
|
238
|
-
ghost =
|
|
239
|
-
ink =
|
|
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 (
|
|
244
|
-
var
|
|
245
|
-
ghost =
|
|
246
|
-
ink =
|
|
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 (
|
|
251
|
-
var
|
|
252
|
-
success =
|
|
253
|
-
ghost =
|
|
254
|
-
ink =
|
|
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 (
|
|
259
|
-
var
|
|
260
|
-
warning =
|
|
261
|
-
ghost =
|
|
262
|
-
ink =
|
|
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 (
|
|
266
|
-
var
|
|
267
|
-
ghost =
|
|
268
|
-
ink =
|
|
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 (
|
|
273
|
-
var
|
|
274
|
-
danger =
|
|
275
|
-
ghost =
|
|
276
|
-
ink =
|
|
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 (
|
|
280
|
-
var
|
|
281
|
-
darkShade =
|
|
282
|
-
ghost =
|
|
283
|
-
ink =
|
|
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 (
|
|
287
|
-
var
|
|
288
|
-
disabledText =
|
|
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 (
|
|
294
|
-
var
|
|
295
|
-
lightShade =
|
|
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 (
|
|
299
|
-
var
|
|
300
|
-
lightShade =
|
|
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 (
|
|
304
|
-
var
|
|
305
|
-
accent =
|
|
306
|
-
ghost =
|
|
307
|
-
ink =
|
|
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 (
|
|
311
|
-
var
|
|
312
|
-
success =
|
|
313
|
-
ghost =
|
|
314
|
-
ink =
|
|
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 (
|
|
318
|
-
var
|
|
319
|
-
text =
|
|
320
|
-
ghost =
|
|
321
|
-
ink =
|
|
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
|
});
|