@elastic/eui 101.4.0 → 102.0.0-amsterdam.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_amsterdam_dark.json +20 -15
- package/dist/eui_theme_amsterdam_dark.json.d.ts +20 -15
- package/dist/eui_theme_amsterdam_light.json +20 -15
- package/dist/eui_theme_amsterdam_light.json.d.ts +20 -15
- package/dist/eui_theme_borealis_dark.json +20 -15
- package/dist/eui_theme_borealis_dark.json.d.ts +20 -15
- package/dist/eui_theme_borealis_light.json +20 -15
- package/dist/eui_theme_borealis_light.json.d.ts +20 -15
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/badge.styles.js +3 -1
- package/es/components/badge/color_utils.js +2 -0
- package/es/components/datagrid/body/header/column_sorting.js +10 -9
- package/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
- package/es/components/empty_prompt/empty_prompt.styles.js +3 -1
- package/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
- package/es/components/icon/icon.styles.js +5 -3
- package/es/components/icon/named_colors.js +1 -1
- package/es/components/provider/provider.js +2 -2
- package/es/global_styling/mixins/_button.js +2 -2
- package/es/global_styling/mixins/_color.js +1 -1
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
- package/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
- package/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
- package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
- package/eui.d.ts +386 -348
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/badge.styles.js +3 -1
- package/lib/components/badge/color_utils.js +2 -0
- package/lib/components/datagrid/body/header/column_sorting.js +10 -9
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
- package/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
- package/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
- package/lib/components/icon/icon.styles.js +5 -3
- package/lib/components/icon/named_colors.js +1 -1
- package/lib/components/provider/provider.js +2 -2
- package/lib/global_styling/mixins/_button.js +2 -2
- package/lib/global_styling/mixins/_color.js +1 -1
- package/lib/services/color/vis_color_store.js +2 -2
- package/lib/services/theme/context.js +2 -2
- package/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
- package/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
- package/optimize/es/components/badge/badge.js +1 -1
- package/optimize/es/components/badge/badge.styles.js +3 -1
- package/optimize/es/components/badge/color_utils.js +2 -0
- package/optimize/es/components/datagrid/body/header/column_sorting.js +10 -9
- package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
- package/optimize/es/components/empty_prompt/empty_prompt.styles.js +3 -1
- package/optimize/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
- package/optimize/es/components/icon/icon.styles.js +5 -3
- package/optimize/es/components/icon/named_colors.js +1 -1
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/global_styling/mixins/_button.js +2 -2
- package/optimize/es/global_styling/mixins/_color.js +1 -1
- package/optimize/es/services/color/vis_color_store.js +1 -1
- package/optimize/es/services/theme/context.js +2 -2
- package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
- package/optimize/lib/components/badge/badge.js +1 -1
- package/optimize/lib/components/badge/badge.styles.js +3 -1
- package/optimize/lib/components/badge/color_utils.js +2 -0
- package/optimize/lib/components/datagrid/body/header/column_sorting.js +10 -9
- package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
- package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
- package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
- package/optimize/lib/components/icon/icon.styles.js +5 -3
- package/optimize/lib/components/icon/named_colors.js +1 -1
- package/optimize/lib/components/provider/provider.js +2 -2
- package/optimize/lib/global_styling/mixins/_button.js +2 -2
- package/optimize/lib/global_styling/mixins/_color.js +1 -1
- package/optimize/lib/services/color/vis_color_store.js +2 -2
- package/optimize/lib/services/theme/context.js +2 -2
- package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
- package/package.json +4 -4
- package/src/themes/amsterdam/_colors_dark.scss +13 -0
- package/src/themes/amsterdam/_colors_light.scss +13 -0
- package/src/themes/amsterdam/global_styling/variables/_colors_severity.scss +9 -0
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/badge.styles.js +3 -1
- package/test-env/components/badge/color_utils.js +2 -0
- package/test-env/components/datagrid/body/header/column_sorting.js +10 -9
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +1 -2
- package/test-env/components/empty_prompt/empty_prompt.styles.js +3 -1
- package/test-env/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
- package/test-env/components/icon/icon.styles.js +5 -3
- package/test-env/components/icon/named_colors.js +1 -1
- package/test-env/components/provider/provider.js +2 -2
- package/test-env/global_styling/mixins/_button.js +2 -2
- package/test-env/global_styling/mixins/_color.js +1 -1
- package/test-env/services/color/vis_color_store.js +2 -2
- package/test-env/services/theme/context.js +2 -2
- package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +218 -176
- package/test-env/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
|
@@ -9,6 +9,7 @@ var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
|
9
9
|
var _hex_to_rgb = require("../../../../services/color/hex_to_rgb");
|
|
10
10
|
var _is_color_dark = require("../../../../services/color/is_color_dark");
|
|
11
11
|
var _manipulation = require("../../../../services/color/manipulation");
|
|
12
|
+
var _colors_severity = require("./_colors_severity");
|
|
12
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
15
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -49,233 +50,279 @@ var _buttons = {
|
|
|
49
50
|
backgroundLightAccentSecondary = _ref6[0];
|
|
50
51
|
return backgroundLightAccentSecondary;
|
|
51
52
|
}, ['colors.backgroundLightAccentSecondary']),
|
|
52
|
-
|
|
53
|
+
backgroundNeutral: (0, _euiThemeCommon.computed)(function (_ref7) {
|
|
53
54
|
var _ref8 = _slicedToArray(_ref7, 1),
|
|
54
|
-
|
|
55
|
+
backgroundLightNeutral = _ref8[0];
|
|
56
|
+
return backgroundLightNeutral;
|
|
57
|
+
}, ['colors.backgroundLightNeutral']),
|
|
58
|
+
backgroundSuccess: (0, _euiThemeCommon.computed)(function (_ref9) {
|
|
59
|
+
var _ref10 = _slicedToArray(_ref9, 1),
|
|
60
|
+
backgroundLightSuccess = _ref10[0];
|
|
55
61
|
return backgroundLightSuccess;
|
|
56
62
|
}, ['colors.backgroundLightSuccess']),
|
|
57
|
-
backgroundWarning: (0, _euiThemeCommon.computed)(function (
|
|
58
|
-
var
|
|
59
|
-
backgroundLightWarning =
|
|
63
|
+
backgroundWarning: (0, _euiThemeCommon.computed)(function (_ref11) {
|
|
64
|
+
var _ref12 = _slicedToArray(_ref11, 1),
|
|
65
|
+
backgroundLightWarning = _ref12[0];
|
|
60
66
|
return backgroundLightWarning;
|
|
61
67
|
}, ['colors.backgroundLightWarning']),
|
|
62
|
-
|
|
63
|
-
var
|
|
64
|
-
|
|
68
|
+
backgroundRisk: (0, _euiThemeCommon.computed)(function (_ref13) {
|
|
69
|
+
var _ref14 = _slicedToArray(_ref13, 1),
|
|
70
|
+
backgroundLightRisk = _ref14[0];
|
|
71
|
+
return backgroundLightRisk;
|
|
72
|
+
}, ['colors.backgroundLightRisk']),
|
|
73
|
+
backgroundDanger: (0, _euiThemeCommon.computed)(function (_ref15) {
|
|
74
|
+
var _ref16 = _slicedToArray(_ref15, 1),
|
|
75
|
+
backgroundLightDanger = _ref16[0];
|
|
65
76
|
return backgroundLightDanger;
|
|
66
77
|
}, ['colors.backgroundLightDanger']),
|
|
67
|
-
backgroundText: (0, _euiThemeCommon.computed)(function (
|
|
68
|
-
var
|
|
69
|
-
backgroundLightText =
|
|
78
|
+
backgroundText: (0, _euiThemeCommon.computed)(function (_ref17) {
|
|
79
|
+
var _ref18 = _slicedToArray(_ref17, 1),
|
|
80
|
+
backgroundLightText = _ref18[0];
|
|
70
81
|
return backgroundLightText;
|
|
71
82
|
}, ['colors.backgroundLightText']),
|
|
72
|
-
backgroundDisabled: (0, _euiThemeCommon.computed)(function (
|
|
73
|
-
var
|
|
74
|
-
lightShade =
|
|
83
|
+
backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref19) {
|
|
84
|
+
var _ref20 = _slicedToArray(_ref19, 1),
|
|
85
|
+
lightShade = _ref20[0];
|
|
75
86
|
return (0, _manipulation.transparentize)(lightShade, 0.15);
|
|
76
87
|
}, ['colors.lightShade']),
|
|
77
|
-
backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (
|
|
78
|
-
var
|
|
79
|
-
backgroundFilledPrimary =
|
|
88
|
+
backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref21) {
|
|
89
|
+
var _ref22 = _slicedToArray(_ref21, 1),
|
|
90
|
+
backgroundFilledPrimary = _ref22[0];
|
|
80
91
|
return backgroundFilledPrimary;
|
|
81
92
|
}, ['colors.backgroundFilledPrimary']),
|
|
82
|
-
backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (
|
|
83
|
-
var
|
|
84
|
-
backgroundFilledAccent =
|
|
93
|
+
backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (_ref23) {
|
|
94
|
+
var _ref24 = _slicedToArray(_ref23, 1),
|
|
95
|
+
backgroundFilledAccent = _ref24[0];
|
|
85
96
|
return backgroundFilledAccent;
|
|
86
97
|
}, ['colors.backgroundFilledAccent']),
|
|
87
|
-
backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (
|
|
88
|
-
var
|
|
89
|
-
backgroundFilledAccent =
|
|
98
|
+
backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref25) {
|
|
99
|
+
var _ref26 = _slicedToArray(_ref25, 1),
|
|
100
|
+
backgroundFilledAccent = _ref26[0];
|
|
90
101
|
return backgroundFilledAccent;
|
|
91
102
|
}, ['colors.backgroundFilledAccent']),
|
|
92
|
-
|
|
93
|
-
var
|
|
94
|
-
|
|
103
|
+
backgroundFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref27) {
|
|
104
|
+
var _ref28 = _slicedToArray(_ref27, 1),
|
|
105
|
+
backgroundFilledNeutral = _ref28[0];
|
|
106
|
+
return backgroundFilledNeutral;
|
|
107
|
+
}, ['colors.backgroundFilledNeutral']),
|
|
108
|
+
backgroundFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref29) {
|
|
109
|
+
var _ref30 = _slicedToArray(_ref29, 1),
|
|
110
|
+
backgroundFilledSuccess = _ref30[0];
|
|
95
111
|
return backgroundFilledSuccess;
|
|
96
112
|
}, ['colors.backgroundFilledSuccess']),
|
|
97
|
-
backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (
|
|
98
|
-
var
|
|
99
|
-
backgroundFilledWarning =
|
|
113
|
+
backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (_ref31) {
|
|
114
|
+
var _ref32 = _slicedToArray(_ref31, 1),
|
|
115
|
+
backgroundFilledWarning = _ref32[0];
|
|
100
116
|
return backgroundFilledWarning;
|
|
101
117
|
}, ['colors.backgroundFilledWarning']),
|
|
102
|
-
|
|
103
|
-
var
|
|
104
|
-
|
|
118
|
+
backgroundFilledRisk: (0, _euiThemeCommon.computed)(function (_ref33) {
|
|
119
|
+
var _ref34 = _slicedToArray(_ref33, 1),
|
|
120
|
+
backgroundFilledRisk = _ref34[0];
|
|
121
|
+
return backgroundFilledRisk;
|
|
122
|
+
}, ['colors.backgroundFilledRisk']),
|
|
123
|
+
backgroundFilledDanger: (0, _euiThemeCommon.computed)(function (_ref35) {
|
|
124
|
+
var _ref36 = _slicedToArray(_ref35, 1),
|
|
125
|
+
backgroundFilledDanger = _ref36[0];
|
|
105
126
|
return backgroundFilledDanger;
|
|
106
127
|
}, ['colors.backgroundFilledDanger']),
|
|
107
|
-
backgroundFilledText: (0, _euiThemeCommon.computed)(function (
|
|
108
|
-
var
|
|
109
|
-
backgroundFilledText =
|
|
128
|
+
backgroundFilledText: (0, _euiThemeCommon.computed)(function (_ref37) {
|
|
129
|
+
var _ref38 = _slicedToArray(_ref37, 1),
|
|
130
|
+
backgroundFilledText = _ref38[0];
|
|
110
131
|
return backgroundFilledText;
|
|
111
132
|
}, ['colors.backgroundFilledText']),
|
|
112
|
-
backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (
|
|
113
|
-
var
|
|
114
|
-
lightShade =
|
|
133
|
+
backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref39) {
|
|
134
|
+
var _ref40 = _slicedToArray(_ref39, 1),
|
|
135
|
+
lightShade = _ref40[0];
|
|
115
136
|
return (0, _manipulation.transparentize)(lightShade, 0.15);
|
|
116
137
|
}, ['colors.lightShade']),
|
|
117
|
-
backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (
|
|
118
|
-
var
|
|
119
|
-
primary =
|
|
138
|
+
backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref41) {
|
|
139
|
+
var _ref42 = _slicedToArray(_ref41, 1),
|
|
140
|
+
primary = _ref42[0];
|
|
120
141
|
return (0, _manipulation.transparentize)(primary, 0.1);
|
|
121
142
|
}, ['colors.primary']),
|
|
122
|
-
backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (
|
|
123
|
-
var
|
|
124
|
-
accent =
|
|
143
|
+
backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (_ref43) {
|
|
144
|
+
var _ref44 = _slicedToArray(_ref43, 1),
|
|
145
|
+
accent = _ref44[0];
|
|
125
146
|
return (0, _manipulation.transparentize)(accent, 0.1);
|
|
126
147
|
}, ['colors.accent']),
|
|
127
|
-
backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (
|
|
128
|
-
var
|
|
129
|
-
success =
|
|
148
|
+
backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (_ref45) {
|
|
149
|
+
var _ref46 = _slicedToArray(_ref45, 1),
|
|
150
|
+
success = _ref46[0];
|
|
130
151
|
return (0, _manipulation.transparentize)(success, 0.1);
|
|
131
152
|
}, ['colors.success']),
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
153
|
+
backgroundEmptyNeutralHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.neutral, 0.1),
|
|
154
|
+
backgroundEmptySuccessHover: (0, _euiThemeCommon.computed)(function (_ref47) {
|
|
155
|
+
var _ref48 = _slicedToArray(_ref47, 1),
|
|
156
|
+
success = _ref48[0];
|
|
135
157
|
return (0, _manipulation.transparentize)(success, 0.1);
|
|
136
158
|
}, ['colors.success']),
|
|
137
|
-
backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (
|
|
138
|
-
var
|
|
139
|
-
warning =
|
|
159
|
+
backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (_ref49) {
|
|
160
|
+
var _ref50 = _slicedToArray(_ref49, 1),
|
|
161
|
+
warning = _ref50[0];
|
|
140
162
|
return (0, _manipulation.transparentize)(warning, 0.1);
|
|
141
163
|
}, ['colors.warning']),
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
164
|
+
backgroundEmptyRiskHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.risk, 0.1),
|
|
165
|
+
backgroundEmptyDangerHover: (0, _euiThemeCommon.computed)(function (_ref51) {
|
|
166
|
+
var _ref52 = _slicedToArray(_ref51, 1),
|
|
167
|
+
danger = _ref52[0];
|
|
145
168
|
return (0, _manipulation.transparentize)(danger, 0.1);
|
|
146
169
|
}, ['colors.danger']),
|
|
147
|
-
backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (
|
|
148
|
-
var
|
|
149
|
-
lightShade =
|
|
170
|
+
backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref53) {
|
|
171
|
+
var _ref54 = _slicedToArray(_ref53, 1),
|
|
172
|
+
lightShade = _ref54[0];
|
|
150
173
|
return (0, _manipulation.transparentize)(lightShade, 0.2);
|
|
151
174
|
}, ['colors.lightShade']),
|
|
152
|
-
textColorPrimary: (0, _euiThemeCommon.computed)(function (
|
|
153
|
-
var
|
|
154
|
-
primaryText =
|
|
175
|
+
textColorPrimary: (0, _euiThemeCommon.computed)(function (_ref55) {
|
|
176
|
+
var _ref56 = _slicedToArray(_ref55, 1),
|
|
177
|
+
primaryText = _ref56[0];
|
|
155
178
|
return primaryText;
|
|
156
179
|
}, ['colors.primaryText']),
|
|
157
|
-
textColorAccent: (0, _euiThemeCommon.computed)(function (
|
|
158
|
-
var
|
|
159
|
-
accentText =
|
|
180
|
+
textColorAccent: (0, _euiThemeCommon.computed)(function (_ref57) {
|
|
181
|
+
var _ref58 = _slicedToArray(_ref57, 1),
|
|
182
|
+
accentText = _ref58[0];
|
|
160
183
|
return accentText;
|
|
161
184
|
}, ['colors.accentText']),
|
|
162
|
-
textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (
|
|
163
|
-
var
|
|
164
|
-
successText =
|
|
185
|
+
textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref59) {
|
|
186
|
+
var _ref60 = _slicedToArray(_ref59, 1),
|
|
187
|
+
successText = _ref60[0];
|
|
165
188
|
return successText;
|
|
166
189
|
}, ['colors.successText']),
|
|
167
|
-
|
|
168
|
-
var
|
|
169
|
-
|
|
190
|
+
textColorNeutral: (0, _euiThemeCommon.computed)(function (_ref61) {
|
|
191
|
+
var _ref62 = _slicedToArray(_ref61, 1),
|
|
192
|
+
textNeutral = _ref62[0];
|
|
193
|
+
return textNeutral;
|
|
194
|
+
}, ['colors.textNeutral']),
|
|
195
|
+
textColorSuccess: (0, _euiThemeCommon.computed)(function (_ref63) {
|
|
196
|
+
var _ref64 = _slicedToArray(_ref63, 1),
|
|
197
|
+
successText = _ref64[0];
|
|
170
198
|
return successText;
|
|
171
199
|
}, ['colors.successText']),
|
|
172
|
-
textColorWarning: (0, _euiThemeCommon.computed)(function (
|
|
173
|
-
var
|
|
174
|
-
warningText =
|
|
200
|
+
textColorWarning: (0, _euiThemeCommon.computed)(function (_ref65) {
|
|
201
|
+
var _ref66 = _slicedToArray(_ref65, 1),
|
|
202
|
+
warningText = _ref66[0];
|
|
175
203
|
return warningText;
|
|
176
204
|
}, ['colors.warningText']),
|
|
177
|
-
|
|
178
|
-
var
|
|
179
|
-
|
|
205
|
+
textColorRisk: (0, _euiThemeCommon.computed)(function (_ref67) {
|
|
206
|
+
var _ref68 = _slicedToArray(_ref67, 1),
|
|
207
|
+
textRisk = _ref68[0];
|
|
208
|
+
return textRisk;
|
|
209
|
+
}, ['colors.textRisk']),
|
|
210
|
+
textColorDanger: (0, _euiThemeCommon.computed)(function (_ref69) {
|
|
211
|
+
var _ref70 = _slicedToArray(_ref69, 1),
|
|
212
|
+
dangerText = _ref70[0];
|
|
180
213
|
return dangerText;
|
|
181
214
|
}, ['colors.dangerText']),
|
|
182
|
-
textColorText: (0, _euiThemeCommon.computed)(function (
|
|
183
|
-
var
|
|
184
|
-
text =
|
|
215
|
+
textColorText: (0, _euiThemeCommon.computed)(function (_ref71) {
|
|
216
|
+
var _ref72 = _slicedToArray(_ref71, 1),
|
|
217
|
+
text = _ref72[0];
|
|
185
218
|
return text;
|
|
186
219
|
}, ['colors.text']),
|
|
187
|
-
textColorDisabled: (0, _euiThemeCommon.computed)(function (
|
|
188
|
-
var
|
|
189
|
-
disabledText =
|
|
220
|
+
textColorDisabled: (0, _euiThemeCommon.computed)(function (_ref73) {
|
|
221
|
+
var _ref74 = _slicedToArray(_ref73, 1),
|
|
222
|
+
disabledText = _ref74[0];
|
|
190
223
|
return disabledText;
|
|
191
224
|
}, ['colors.disabledText']),
|
|
192
|
-
textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (
|
|
193
|
-
var
|
|
194
|
-
primary =
|
|
195
|
-
ghost =
|
|
196
|
-
ink =
|
|
225
|
+
textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref75) {
|
|
226
|
+
var _ref76 = _slicedToArray(_ref75, 3),
|
|
227
|
+
primary = _ref76[0],
|
|
228
|
+
ghost = _ref76[1],
|
|
229
|
+
ink = _ref76[2];
|
|
197
230
|
return isDark(primary) ? ghost : ink;
|
|
198
231
|
}, ['colors.primary', 'colors.ghost', 'colors.ink']),
|
|
199
|
-
textColorFilledAccent: (0, _euiThemeCommon.computed)(function (
|
|
200
|
-
var
|
|
201
|
-
accent =
|
|
202
|
-
ghost =
|
|
203
|
-
ink =
|
|
232
|
+
textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref77) {
|
|
233
|
+
var _ref78 = _slicedToArray(_ref77, 3),
|
|
234
|
+
accent = _ref78[0],
|
|
235
|
+
ghost = _ref78[1],
|
|
236
|
+
ink = _ref78[2];
|
|
204
237
|
return isDark(accent) ? ghost : ink;
|
|
205
238
|
}, ['colors.accent', 'colors.ghost', 'colors.ink']),
|
|
206
|
-
textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (
|
|
207
|
-
var
|
|
208
|
-
success =
|
|
209
|
-
ghost =
|
|
210
|
-
ink =
|
|
239
|
+
textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref79) {
|
|
240
|
+
var _ref80 = _slicedToArray(_ref79, 3),
|
|
241
|
+
success = _ref80[0],
|
|
242
|
+
ghost = _ref80[1],
|
|
243
|
+
ink = _ref80[2];
|
|
211
244
|
var background = (0, _manipulation.tint)(success, 0.3);
|
|
212
245
|
return isDark(background) ? ghost : ink;
|
|
213
246
|
}, ['colors.success', 'colors.ghost', 'colors.ink']),
|
|
214
|
-
|
|
215
|
-
var
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
247
|
+
textColorFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref81) {
|
|
248
|
+
var _ref82 = _slicedToArray(_ref81, 2),
|
|
249
|
+
ghost = _ref82[0],
|
|
250
|
+
ink = _ref82[1];
|
|
251
|
+
var background = (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.3);
|
|
252
|
+
return isDark(background) ? ghost : ink;
|
|
253
|
+
}, ['colors.ghost', 'colors.ink']),
|
|
254
|
+
textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref83) {
|
|
255
|
+
var _ref84 = _slicedToArray(_ref83, 3),
|
|
256
|
+
success = _ref84[0],
|
|
257
|
+
ghost = _ref84[1],
|
|
258
|
+
ink = _ref84[2];
|
|
219
259
|
var background = (0, _manipulation.tint)(success, 0.3);
|
|
220
260
|
return isDark(background) ? ghost : ink;
|
|
221
261
|
}, ['colors.success', 'colors.ghost', 'colors.ink']),
|
|
222
|
-
textColorFilledWarning: (0, _euiThemeCommon.computed)(function (
|
|
223
|
-
var
|
|
224
|
-
warning =
|
|
225
|
-
ghost =
|
|
226
|
-
ink =
|
|
262
|
+
textColorFilledWarning: (0, _euiThemeCommon.computed)(function (_ref85) {
|
|
263
|
+
var _ref86 = _slicedToArray(_ref85, 3),
|
|
264
|
+
warning = _ref86[0],
|
|
265
|
+
ghost = _ref86[1],
|
|
266
|
+
ink = _ref86[2];
|
|
227
267
|
return isDark(warning) ? ghost : ink;
|
|
228
268
|
}, ['colors.warning', 'colors.ghost', 'colors.ink']),
|
|
229
|
-
|
|
230
|
-
var
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
269
|
+
textColorFilledRisk: (0, _euiThemeCommon.computed)(function (_ref87) {
|
|
270
|
+
var _ref88 = _slicedToArray(_ref87, 2),
|
|
271
|
+
ghost = _ref88[0],
|
|
272
|
+
ink = _ref88[1];
|
|
273
|
+
var background = (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.3);
|
|
274
|
+
return isDark(background) ? ghost : ink;
|
|
275
|
+
}, ['colors.ghost', 'colors.ink']),
|
|
276
|
+
textColorFilledDanger: (0, _euiThemeCommon.computed)(function (_ref89) {
|
|
277
|
+
var _ref90 = _slicedToArray(_ref89, 3),
|
|
278
|
+
danger = _ref90[0],
|
|
279
|
+
ghost = _ref90[1],
|
|
280
|
+
ink = _ref90[2];
|
|
234
281
|
return isDark(danger) ? ghost : ink;
|
|
235
282
|
}, ['colors.danger', 'colors.ghost', 'colors.ink']),
|
|
236
|
-
textColorFilledText: (0, _euiThemeCommon.computed)(function (
|
|
237
|
-
var
|
|
238
|
-
darkShade =
|
|
239
|
-
ghost =
|
|
240
|
-
ink =
|
|
283
|
+
textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref91) {
|
|
284
|
+
var _ref92 = _slicedToArray(_ref91, 3),
|
|
285
|
+
darkShade = _ref92[0],
|
|
286
|
+
ghost = _ref92[1],
|
|
287
|
+
ink = _ref92[2];
|
|
241
288
|
return isDark(darkShade) ? ghost : ink;
|
|
242
289
|
}, ['colors.darkShade', 'colors.ghost', 'colors.ink']),
|
|
243
|
-
textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (
|
|
244
|
-
var
|
|
245
|
-
disabledText =
|
|
290
|
+
textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref93) {
|
|
291
|
+
var _ref94 = _slicedToArray(_ref93, 1),
|
|
292
|
+
disabledText = _ref94[0];
|
|
246
293
|
return disabledText;
|
|
247
294
|
}, ['colors.disabledText'])
|
|
248
295
|
};
|
|
249
296
|
var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
|
|
250
|
-
backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (
|
|
251
|
-
var
|
|
252
|
-
lightShade =
|
|
297
|
+
backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref95) {
|
|
298
|
+
var _ref96 = _slicedToArray(_ref95, 1),
|
|
299
|
+
lightShade = _ref96[0];
|
|
253
300
|
return (0, _manipulation.transparentize)(lightShade, 0.15);
|
|
254
301
|
}, ['colors.lightShade']),
|
|
255
|
-
backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (
|
|
256
|
-
var
|
|
257
|
-
lightShade =
|
|
302
|
+
backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref97) {
|
|
303
|
+
var _ref98 = _slicedToArray(_ref97, 1),
|
|
304
|
+
lightShade = _ref98[0];
|
|
258
305
|
return (0, _manipulation.transparentize)(lightShade, 0.4);
|
|
259
306
|
}, ['colors.lightShade']),
|
|
260
|
-
textColorFilledAccent: (0, _euiThemeCommon.computed)(function (
|
|
261
|
-
var
|
|
262
|
-
accent =
|
|
263
|
-
ghost =
|
|
264
|
-
ink =
|
|
307
|
+
textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref99) {
|
|
308
|
+
var _ref100 = _slicedToArray(_ref99, 3),
|
|
309
|
+
accent = _ref100[0],
|
|
310
|
+
ghost = _ref100[1],
|
|
311
|
+
ink = _ref100[2];
|
|
265
312
|
return isDark(accent) ? ghost : ink;
|
|
266
313
|
}, ['colors.accent', 'colors.ghost', 'colors.ink']),
|
|
267
|
-
textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (
|
|
268
|
-
var
|
|
269
|
-
success =
|
|
270
|
-
ghost =
|
|
271
|
-
ink =
|
|
314
|
+
textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref101) {
|
|
315
|
+
var _ref102 = _slicedToArray(_ref101, 3),
|
|
316
|
+
success = _ref102[0],
|
|
317
|
+
ghost = _ref102[1],
|
|
318
|
+
ink = _ref102[2];
|
|
272
319
|
return isDark(success) ? ghost : ink;
|
|
273
320
|
}, ['colors.success', 'colors.ghost', 'colors.ink']),
|
|
274
|
-
textColorFilledText: (0, _euiThemeCommon.computed)(function (
|
|
275
|
-
var
|
|
276
|
-
text =
|
|
277
|
-
ghost =
|
|
278
|
-
ink =
|
|
321
|
+
textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref103) {
|
|
322
|
+
var _ref104 = _slicedToArray(_ref103, 3),
|
|
323
|
+
text = _ref104[0],
|
|
324
|
+
ghost = _ref104[1],
|
|
325
|
+
ink = _ref104[2];
|
|
279
326
|
return isDark(text) ? ghost : ink;
|
|
280
327
|
}, ['colors.text', 'colors.ghost', 'colors.ink'])
|
|
281
328
|
});
|