@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
|
@@ -70,244 +70,445 @@ var _buttons = {
|
|
|
70
70
|
lightShade = _ref20[0];
|
|
71
71
|
return transparentize(lightShade, 0.15);
|
|
72
72
|
}, ['colors.lightShade']),
|
|
73
|
-
|
|
73
|
+
backgroundPrimaryHover: computed(function (_ref21) {
|
|
74
74
|
var _ref22 = _slicedToArray(_ref21, 1),
|
|
75
|
-
|
|
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 (
|
|
79
|
-
var
|
|
80
|
-
backgroundFilledAccent =
|
|
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 (
|
|
84
|
-
var
|
|
85
|
-
backgroundFilledAccent =
|
|
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 (
|
|
89
|
-
var
|
|
90
|
-
backgroundFilledNeutral =
|
|
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 (
|
|
94
|
-
var
|
|
95
|
-
backgroundFilledSuccess =
|
|
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 (
|
|
99
|
-
var
|
|
100
|
-
backgroundFilledWarning =
|
|
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 (
|
|
104
|
-
var
|
|
105
|
-
backgroundFilledRisk =
|
|
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 (
|
|
109
|
-
var
|
|
110
|
-
backgroundFilledDanger =
|
|
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 (
|
|
114
|
-
var
|
|
115
|
-
backgroundFilledText =
|
|
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 (
|
|
119
|
-
var
|
|
120
|
-
lightShade =
|
|
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
|
-
|
|
124
|
-
var
|
|
125
|
-
|
|
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 (
|
|
129
|
-
var
|
|
130
|
-
accent =
|
|
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 (
|
|
134
|
-
var
|
|
135
|
-
success =
|
|
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 (
|
|
140
|
-
var
|
|
141
|
-
success =
|
|
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 (
|
|
145
|
-
var
|
|
146
|
-
warning =
|
|
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 (
|
|
151
|
-
var
|
|
152
|
-
danger =
|
|
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 (
|
|
156
|
-
var
|
|
157
|
-
lightShade =
|
|
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
|
-
|
|
161
|
-
var
|
|
162
|
-
|
|
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 (
|
|
166
|
-
var
|
|
167
|
-
accentText =
|
|
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 (
|
|
171
|
-
var
|
|
172
|
-
successText =
|
|
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 (
|
|
176
|
-
var
|
|
177
|
-
textNeutral =
|
|
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 (
|
|
181
|
-
var
|
|
182
|
-
successText =
|
|
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 (
|
|
186
|
-
var
|
|
187
|
-
warningText =
|
|
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 (
|
|
191
|
-
var
|
|
192
|
-
textRisk =
|
|
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 (
|
|
196
|
-
var
|
|
197
|
-
dangerText =
|
|
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 (
|
|
201
|
-
var
|
|
202
|
-
text =
|
|
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 (
|
|
206
|
-
var
|
|
207
|
-
disabledText =
|
|
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 (
|
|
211
|
-
var
|
|
212
|
-
primary =
|
|
213
|
-
ghost =
|
|
214
|
-
ink =
|
|
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 (
|
|
218
|
-
var
|
|
219
|
-
accent =
|
|
220
|
-
ghost =
|
|
221
|
-
ink =
|
|
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 (
|
|
225
|
-
var
|
|
226
|
-
success =
|
|
227
|
-
ghost =
|
|
228
|
-
ink =
|
|
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 (
|
|
233
|
-
var
|
|
234
|
-
ghost =
|
|
235
|
-
ink =
|
|
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 (
|
|
240
|
-
var
|
|
241
|
-
success =
|
|
242
|
-
ghost =
|
|
243
|
-
ink =
|
|
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 (
|
|
248
|
-
var
|
|
249
|
-
warning =
|
|
250
|
-
ghost =
|
|
251
|
-
ink =
|
|
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 (
|
|
255
|
-
var
|
|
256
|
-
ghost =
|
|
257
|
-
ink =
|
|
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 (
|
|
262
|
-
var
|
|
263
|
-
danger =
|
|
264
|
-
ghost =
|
|
265
|
-
ink =
|
|
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 (
|
|
269
|
-
var
|
|
270
|
-
darkShade =
|
|
271
|
-
ghost =
|
|
272
|
-
ink =
|
|
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 (
|
|
276
|
-
var
|
|
277
|
-
disabledText =
|
|
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 (
|
|
283
|
-
var
|
|
284
|
-
lightShade =
|
|
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 (
|
|
288
|
-
var
|
|
289
|
-
lightShade =
|
|
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 (
|
|
293
|
-
var
|
|
294
|
-
accent =
|
|
295
|
-
ghost =
|
|
296
|
-
ink =
|
|
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 (
|
|
300
|
-
var
|
|
301
|
-
success =
|
|
302
|
-
ghost =
|
|
303
|
-
ink =
|
|
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 (
|
|
307
|
-
var
|
|
308
|
-
text =
|
|
309
|
-
ghost =
|
|
310
|
-
ink =
|
|
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
|
});
|