@elastic/eui 103.1.0 → 104.0.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 +13 -15
- package/dist/eui_theme_amsterdam_dark.json.d.ts +12 -14
- package/dist/eui_theme_amsterdam_light.json +14 -16
- package/dist/eui_theme_amsterdam_light.json.d.ts +12 -14
- package/dist/eui_theme_borealis_dark.json +10 -14
- package/dist/eui_theme_borealis_dark.json.d.ts +11 -15
- package/dist/eui_theme_borealis_light.json +10 -14
- package/dist/eui_theme_borealis_light.json.d.ts +11 -15
- package/es/components/copy/copy.js +6 -8
- package/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
- package/es/components/datagrid/data_grid.styles.js +1 -1
- package/es/components/page/page_header/page_header_content.js +1 -2
- package/es/components/table/table_row.js +1 -1
- package/es/components/tabs/tab.styles.js +1 -4
- package/es/components/tabs/tabs.js +1 -2
- package/es/components/tabs/tabs.styles.js +1 -2
- package/es/services/color/eui_palettes.js +6 -2
- package/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
- package/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +33 -0
- package/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
- package/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
- package/es/themes/index.js +3 -1
- package/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
- package/es/themes/json/eui_theme_amsterdam_light.json +14 -16
- package/es/themes/json/eui_theme_borealis_dark.json +10 -14
- package/es/themes/json/eui_theme_borealis_light.json +10 -14
- package/eui.d.ts +66 -67
- package/lib/components/copy/copy.js +6 -8
- package/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
- package/lib/components/datagrid/data_grid.styles.js +1 -1
- package/lib/components/page/page_header/page_header_content.js +1 -2
- package/lib/components/table/table_row.js +1 -1
- package/lib/components/tabs/tab.styles.js +1 -4
- package/lib/components/tabs/tabs.js +1 -2
- package/lib/components/tabs/tabs.styles.js +1 -2
- package/lib/services/color/eui_palettes.js +6 -2
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +37 -0
- package/{test-env/themes/amsterdam/global_styling/variables/_colors_vis.js → lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
- package/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
- package/lib/themes/index.js +17 -2
- package/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
- package/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
- package/lib/themes/json/eui_theme_borealis_dark.json +10 -14
- package/lib/themes/json/eui_theme_borealis_light.json +10 -14
- package/optimize/es/components/copy/copy.js +2 -7
- package/optimize/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
- package/optimize/es/components/datagrid/data_grid.styles.js +1 -1
- package/optimize/es/components/page/page_header/page_header_content.js +1 -2
- package/optimize/es/components/table/table_row.js +1 -1
- package/optimize/es/components/tabs/tab.styles.js +1 -4
- package/optimize/es/components/tabs/tabs.js +1 -1
- package/optimize/es/components/tabs/tabs.styles.js +1 -2
- package/optimize/es/services/color/eui_palettes.js +6 -2
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +30 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
- package/optimize/es/themes/index.js +3 -1
- package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
- package/optimize/es/themes/json/eui_theme_amsterdam_light.json +14 -16
- package/optimize/es/themes/json/eui_theme_borealis_dark.json +10 -14
- package/optimize/es/themes/json/eui_theme_borealis_light.json +10 -14
- package/optimize/lib/components/copy/copy.js +2 -7
- package/optimize/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
- package/optimize/lib/components/datagrid/data_grid.styles.js +1 -1
- package/optimize/lib/components/page/page_header/page_header_content.js +1 -2
- package/optimize/lib/components/table/table_row.js +1 -1
- package/optimize/lib/components/tabs/tab.styles.js +1 -4
- package/optimize/lib/components/tabs/tabs.js +1 -1
- package/optimize/lib/components/tabs/tabs.styles.js +1 -2
- package/optimize/lib/services/color/eui_palettes.js +6 -2
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
- package/{lib/themes/amsterdam/global_styling/variables/_colors_vis.js → optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
- package/optimize/lib/themes/index.js +17 -2
- package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
- package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
- package/optimize/lib/themes/json/eui_theme_borealis_dark.json +10 -14
- package/optimize/lib/themes/json/eui_theme_borealis_light.json +10 -14
- package/package.json +4 -4
- package/src/themes/amsterdam/_colors_dark.scss +2 -0
- package/src/themes/amsterdam/_colors_light.scss +2 -0
- package/src/themes/amsterdam/global_styling/variables/_colors_vis_dark.scss +14 -0
- package/src/themes/amsterdam/global_styling/variables/_colors_vis_light.scss +14 -0
- package/test-env/components/copy/copy.js +6 -7
- package/test-env/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
- package/test-env/components/datagrid/data_grid.styles.js +1 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -2
- package/test-env/components/table/table_row.js +1 -1
- package/test-env/components/tabs/tab.styles.js +1 -4
- package/test-env/components/tabs/tabs.js +1 -2
- package/test-env/components/tabs/tabs.styles.js +1 -2
- package/test-env/services/color/eui_palettes.js +6 -2
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +325 -301
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
- package/{optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js → test-env/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +305 -270
- package/test-env/themes/index.js +17 -2
- package/test-env/themes/json/eui_theme_amsterdam_dark.json +13 -15
- package/test-env/themes/json/eui_theme_amsterdam_light.json +14 -16
- package/test-env/themes/json/eui_theme_borealis_dark.json +10 -14
- package/test-env/themes/json/eui_theme_borealis_light.json +10 -14
|
@@ -8,7 +8,8 @@ exports.transparent_background_colors = exports.text_colors = exports.special_co
|
|
|
8
8
|
var _manipulation = require("../../../../services/color/manipulation");
|
|
9
9
|
var _utils = require("../../../../services/theme/utils");
|
|
10
10
|
var _contrast = require("../../../../services/color/contrast");
|
|
11
|
-
var
|
|
11
|
+
var _colors_vis_light = require("./_colors_vis_light");
|
|
12
|
+
var _colors_vis_dark = require("./_colors_vis_dark");
|
|
12
13
|
var _colors_severity = require("./_colors_severity");
|
|
13
14
|
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; }
|
|
14
15
|
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; }
|
|
@@ -190,237 +191,247 @@ var background_colors = exports.background_colors = {
|
|
|
190
191
|
primary = _ref45[0];
|
|
191
192
|
return (0, _manipulation.tint)(primary, 0.96);
|
|
192
193
|
}, ['colors.primary']),
|
|
193
|
-
|
|
194
|
+
backgroundBaseInteractiveSelectHover: (0, _utils.computed)(function (_ref46) {
|
|
194
195
|
var _ref47 = _slicedToArray(_ref46, 1),
|
|
195
|
-
|
|
196
|
+
primary = _ref47[0];
|
|
197
|
+
return (0, _manipulation.tint)(primary, 0.8);
|
|
198
|
+
}, ['colors.primary']),
|
|
199
|
+
backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref48) {
|
|
200
|
+
var _ref49 = _slicedToArray(_ref48, 1),
|
|
201
|
+
ink = _ref49[0];
|
|
196
202
|
return (0, _manipulation.transparentize)(ink, 0.5);
|
|
197
203
|
}, ['colors.ink']),
|
|
198
|
-
backgroundBaseSkeletonEdge: (0, _utils.computed)(function (
|
|
199
|
-
var _ref49 = _slicedToArray(_ref48, 1),
|
|
200
|
-
lightShade = _ref49[0];
|
|
201
|
-
return (0, _manipulation.tint)(lightShade, 0.65);
|
|
202
|
-
}, ['colors.lightShade']),
|
|
203
|
-
backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref50) {
|
|
204
|
+
backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref50) {
|
|
204
205
|
var _ref51 = _slicedToArray(_ref50, 1),
|
|
205
206
|
lightShade = _ref51[0];
|
|
206
|
-
return (0, _manipulation.tint)(lightShade, 0.
|
|
207
|
+
return (0, _manipulation.tint)(lightShade, 0.65);
|
|
207
208
|
}, ['colors.lightShade']),
|
|
208
|
-
|
|
209
|
+
backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref52) {
|
|
209
210
|
var _ref53 = _slicedToArray(_ref52, 1),
|
|
210
|
-
|
|
211
|
+
lightShade = _ref53[0];
|
|
212
|
+
return (0, _manipulation.tint)(lightShade, 0.8);
|
|
213
|
+
}, ['colors.lightShade']),
|
|
214
|
+
backgroundLightPrimary: (0, _utils.computed)(function (_ref54) {
|
|
215
|
+
var _ref55 = _slicedToArray(_ref54, 1),
|
|
216
|
+
primary = _ref55[0];
|
|
211
217
|
return (0, _manipulation.tint)(primary, 0.8);
|
|
212
218
|
}, ['colors.primary']),
|
|
213
|
-
backgroundLightAccent: (0, _utils.computed)(function (
|
|
214
|
-
var
|
|
215
|
-
accent =
|
|
219
|
+
backgroundLightAccent: (0, _utils.computed)(function (_ref56) {
|
|
220
|
+
var _ref57 = _slicedToArray(_ref56, 1),
|
|
221
|
+
accent = _ref57[0];
|
|
216
222
|
return (0, _manipulation.tint)(accent, 0.8);
|
|
217
223
|
}, ['colors.accent']),
|
|
218
|
-
backgroundLightAccentSecondary: (0, _utils.computed)(function (
|
|
219
|
-
var _ref57 = _slicedToArray(_ref56, 1),
|
|
220
|
-
success = _ref57[0];
|
|
221
|
-
return (0, _manipulation.tint)(success, 0.8);
|
|
222
|
-
}, ['colors.success']),
|
|
223
|
-
backgroundLightNeutral: (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.8),
|
|
224
|
-
backgroundLightSuccess: (0, _utils.computed)(function (_ref58) {
|
|
224
|
+
backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref58) {
|
|
225
225
|
var _ref59 = _slicedToArray(_ref58, 1),
|
|
226
226
|
success = _ref59[0];
|
|
227
227
|
return (0, _manipulation.tint)(success, 0.8);
|
|
228
228
|
}, ['colors.success']),
|
|
229
|
-
|
|
229
|
+
backgroundLightNeutral: (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.8),
|
|
230
|
+
backgroundLightSuccess: (0, _utils.computed)(function (_ref60) {
|
|
230
231
|
var _ref61 = _slicedToArray(_ref60, 1),
|
|
231
|
-
|
|
232
|
+
success = _ref61[0];
|
|
233
|
+
return (0, _manipulation.tint)(success, 0.8);
|
|
234
|
+
}, ['colors.success']),
|
|
235
|
+
backgroundLightWarning: (0, _utils.computed)(function (_ref62) {
|
|
236
|
+
var _ref63 = _slicedToArray(_ref62, 1),
|
|
237
|
+
warning = _ref63[0];
|
|
232
238
|
return (0, _manipulation.tint)(warning, 0.8);
|
|
233
239
|
}, ['colors.warning']),
|
|
234
240
|
backgroundLightRisk: (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.8),
|
|
235
|
-
backgroundLightDanger: (0, _utils.computed)(function (
|
|
236
|
-
var
|
|
237
|
-
danger =
|
|
241
|
+
backgroundLightDanger: (0, _utils.computed)(function (_ref64) {
|
|
242
|
+
var _ref65 = _slicedToArray(_ref64, 1),
|
|
243
|
+
danger = _ref65[0];
|
|
238
244
|
return (0, _manipulation.tint)(danger, 0.8);
|
|
239
245
|
}, ['colors.danger']),
|
|
240
|
-
backgroundLightText: (0, _utils.computed)(function (
|
|
241
|
-
var
|
|
242
|
-
lightShade =
|
|
246
|
+
backgroundLightText: (0, _utils.computed)(function (_ref66) {
|
|
247
|
+
var _ref67 = _slicedToArray(_ref66, 1),
|
|
248
|
+
lightShade = _ref67[0];
|
|
243
249
|
return (0, _manipulation.tint)(lightShade, 0.5);
|
|
244
250
|
}, ['colors.lightShade']),
|
|
245
|
-
backgroundFilledPrimary: (0, _utils.computed)(function (
|
|
246
|
-
var
|
|
247
|
-
primary =
|
|
251
|
+
backgroundFilledPrimary: (0, _utils.computed)(function (_ref68) {
|
|
252
|
+
var _ref69 = _slicedToArray(_ref68, 1),
|
|
253
|
+
primary = _ref69[0];
|
|
248
254
|
return primary;
|
|
249
255
|
}, ['colors.primary']),
|
|
250
|
-
backgroundFilledAccent: (0, _utils.computed)(function (
|
|
251
|
-
var
|
|
252
|
-
accent =
|
|
256
|
+
backgroundFilledAccent: (0, _utils.computed)(function (_ref70) {
|
|
257
|
+
var _ref71 = _slicedToArray(_ref70, 1),
|
|
258
|
+
accent = _ref71[0];
|
|
253
259
|
return (0, _manipulation.tint)(accent, 0.3);
|
|
254
260
|
}, ['colors.accent']),
|
|
255
|
-
backgroundFilledAccentSecondary: (0, _utils.computed)(function (
|
|
256
|
-
var _ref71 = _slicedToArray(_ref70, 1),
|
|
257
|
-
success = _ref71[0];
|
|
258
|
-
return (0, _manipulation.tint)(success, 0.3);
|
|
259
|
-
}, ['colors.success']),
|
|
260
|
-
backgroundFilledNeutral: _colors_severity.severityColors.neutral,
|
|
261
|
-
backgroundFilledSuccess: (0, _utils.computed)(function (_ref72) {
|
|
261
|
+
backgroundFilledAccentSecondary: (0, _utils.computed)(function (_ref72) {
|
|
262
262
|
var _ref73 = _slicedToArray(_ref72, 1),
|
|
263
263
|
success = _ref73[0];
|
|
264
264
|
return (0, _manipulation.tint)(success, 0.3);
|
|
265
265
|
}, ['colors.success']),
|
|
266
|
-
|
|
266
|
+
backgroundFilledNeutral: _colors_severity.severityColors.neutral,
|
|
267
|
+
backgroundFilledSuccess: (0, _utils.computed)(function (_ref74) {
|
|
267
268
|
var _ref75 = _slicedToArray(_ref74, 1),
|
|
268
|
-
|
|
269
|
+
success = _ref75[0];
|
|
270
|
+
return (0, _manipulation.tint)(success, 0.3);
|
|
271
|
+
}, ['colors.success']),
|
|
272
|
+
backgroundFilledWarning: (0, _utils.computed)(function (_ref76) {
|
|
273
|
+
var _ref77 = _slicedToArray(_ref76, 1),
|
|
274
|
+
warning = _ref77[0];
|
|
269
275
|
return warning;
|
|
270
276
|
}, ['colors.warning']),
|
|
271
277
|
backgroundFilledRisk: _colors_severity.severityColors.risk,
|
|
272
|
-
backgroundFilledDanger: (0, _utils.computed)(function (
|
|
273
|
-
var
|
|
274
|
-
danger =
|
|
278
|
+
backgroundFilledDanger: (0, _utils.computed)(function (_ref78) {
|
|
279
|
+
var _ref79 = _slicedToArray(_ref78, 1),
|
|
280
|
+
danger = _ref79[0];
|
|
275
281
|
return danger;
|
|
276
282
|
}, ['colors.danger']),
|
|
277
|
-
backgroundFilledText: (0, _utils.computed)(function (
|
|
278
|
-
var
|
|
279
|
-
darkShade =
|
|
283
|
+
backgroundFilledText: (0, _utils.computed)(function (_ref80) {
|
|
284
|
+
var _ref81 = _slicedToArray(_ref80, 1),
|
|
285
|
+
darkShade = _ref81[0];
|
|
280
286
|
return darkShade;
|
|
281
287
|
}, ['colors.darkShade'])
|
|
282
288
|
};
|
|
283
289
|
var transparent_background_colors = exports.transparent_background_colors = {
|
|
284
290
|
backgroundTransparent: 'transparent',
|
|
285
|
-
backgroundTransparentPrimary: (0, _utils.computed)(function (
|
|
286
|
-
var
|
|
287
|
-
primary =
|
|
291
|
+
backgroundTransparentPrimary: (0, _utils.computed)(function (_ref82) {
|
|
292
|
+
var _ref83 = _slicedToArray(_ref82, 1),
|
|
293
|
+
primary = _ref83[0];
|
|
288
294
|
return (0, _manipulation.transparentize)(primary, 0.1);
|
|
289
295
|
}, ['colors.primary']),
|
|
290
|
-
backgroundTransparentAccent: (0, _utils.computed)(function (
|
|
291
|
-
var
|
|
292
|
-
accent =
|
|
296
|
+
backgroundTransparentAccent: (0, _utils.computed)(function (_ref84) {
|
|
297
|
+
var _ref85 = _slicedToArray(_ref84, 1),
|
|
298
|
+
accent = _ref85[0];
|
|
293
299
|
return (0, _manipulation.transparentize)(accent, 0.1);
|
|
294
300
|
}, ['colors.accent']),
|
|
295
|
-
backgroundTransparentAccentSecondary: (0, _utils.computed)(function (
|
|
296
|
-
var _ref85 = _slicedToArray(_ref84, 1),
|
|
297
|
-
success = _ref85[0];
|
|
298
|
-
return (0, _manipulation.transparentize)(success, 0.1);
|
|
299
|
-
}, ['colors.success']),
|
|
300
|
-
backgroundTransparentNeutral: (0, _manipulation.transparentize)(_colors_severity.severityColors.neutral, 0.1),
|
|
301
|
-
backgroundTransparentSuccess: (0, _utils.computed)(function (_ref86) {
|
|
301
|
+
backgroundTransparentAccentSecondary: (0, _utils.computed)(function (_ref86) {
|
|
302
302
|
var _ref87 = _slicedToArray(_ref86, 1),
|
|
303
303
|
success = _ref87[0];
|
|
304
304
|
return (0, _manipulation.transparentize)(success, 0.1);
|
|
305
305
|
}, ['colors.success']),
|
|
306
|
-
|
|
306
|
+
backgroundTransparentNeutral: (0, _manipulation.transparentize)(_colors_severity.severityColors.neutral, 0.1),
|
|
307
|
+
backgroundTransparentSuccess: (0, _utils.computed)(function (_ref88) {
|
|
307
308
|
var _ref89 = _slicedToArray(_ref88, 1),
|
|
308
|
-
|
|
309
|
+
success = _ref89[0];
|
|
310
|
+
return (0, _manipulation.transparentize)(success, 0.1);
|
|
311
|
+
}, ['colors.success']),
|
|
312
|
+
backgroundTransparentWarning: (0, _utils.computed)(function (_ref90) {
|
|
313
|
+
var _ref91 = _slicedToArray(_ref90, 1),
|
|
314
|
+
warning = _ref91[0];
|
|
309
315
|
return (0, _manipulation.transparentize)(warning, 0.1);
|
|
310
316
|
}, ['colors.warning']),
|
|
311
317
|
backgroundTransparentRisk: (0, _manipulation.transparentize)(_colors_severity.severityColors.risk, 0.1),
|
|
312
|
-
backgroundTransparentDanger: (0, _utils.computed)(function (
|
|
313
|
-
var
|
|
314
|
-
danger =
|
|
318
|
+
backgroundTransparentDanger: (0, _utils.computed)(function (_ref92) {
|
|
319
|
+
var _ref93 = _slicedToArray(_ref92, 1),
|
|
320
|
+
danger = _ref93[0];
|
|
315
321
|
return (0, _manipulation.transparentize)(danger, 0.1);
|
|
316
322
|
}, ['colors.danger']),
|
|
317
|
-
backgroundTransparentSubdued: (0, _utils.computed)(function (
|
|
318
|
-
var
|
|
319
|
-
lightShade =
|
|
323
|
+
backgroundTransparentSubdued: (0, _utils.computed)(function (_ref94) {
|
|
324
|
+
var _ref95 = _slicedToArray(_ref94, 1),
|
|
325
|
+
lightShade = _ref95[0];
|
|
320
326
|
return (0, _manipulation.transparentize)(lightShade, 0.2);
|
|
321
327
|
}, ['colors.lightShade']),
|
|
322
|
-
backgroundTransparentHighlighted: (0, _utils.computed)(function (
|
|
323
|
-
var
|
|
324
|
-
backgroundTransparentSubdued =
|
|
328
|
+
backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref96) {
|
|
329
|
+
var _ref97 = _slicedToArray(_ref96, 1),
|
|
330
|
+
backgroundTransparentSubdued = _ref97[0];
|
|
325
331
|
return backgroundTransparentSubdued;
|
|
326
332
|
}, ['colors.backgroundTransparentSubdued']),
|
|
327
|
-
backgroundTransparentPlain: (0, _utils.computed)(function (
|
|
328
|
-
var
|
|
329
|
-
ghost =
|
|
333
|
+
backgroundTransparentPlain: (0, _utils.computed)(function (_ref98) {
|
|
334
|
+
var _ref99 = _slicedToArray(_ref98, 1),
|
|
335
|
+
ghost = _ref99[0];
|
|
330
336
|
return (0, _manipulation.transparentize)(ghost, 0.2);
|
|
331
337
|
}, ['colors.ghost'])
|
|
332
338
|
};
|
|
333
339
|
var border_colors = exports.border_colors = {
|
|
334
|
-
borderBasePrimary: (0, _utils.computed)(function (
|
|
335
|
-
var
|
|
336
|
-
primary =
|
|
340
|
+
borderBasePrimary: (0, _utils.computed)(function (_ref100) {
|
|
341
|
+
var _ref101 = _slicedToArray(_ref100, 1),
|
|
342
|
+
primary = _ref101[0];
|
|
337
343
|
return (0, _manipulation.tint)(primary, 0.6);
|
|
338
344
|
}, ['colors.primary']),
|
|
339
|
-
borderBaseAccent: (0, _utils.computed)(function (
|
|
340
|
-
var
|
|
341
|
-
accent =
|
|
345
|
+
borderBaseAccent: (0, _utils.computed)(function (_ref102) {
|
|
346
|
+
var _ref103 = _slicedToArray(_ref102, 1),
|
|
347
|
+
accent = _ref103[0];
|
|
342
348
|
return (0, _manipulation.tint)(accent, 0.6);
|
|
343
349
|
}, ['colors.accent']),
|
|
344
|
-
borderBaseAccentSecondary: (0, _utils.computed)(function (
|
|
345
|
-
var _ref103 = _slicedToArray(_ref102, 1),
|
|
346
|
-
success = _ref103[0];
|
|
347
|
-
return (0, _manipulation.tint)(success, 0.6);
|
|
348
|
-
}, ['colors.success']),
|
|
349
|
-
borderBaseNeutral: (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.6),
|
|
350
|
-
borderBaseSuccess: (0, _utils.computed)(function (_ref104) {
|
|
350
|
+
borderBaseAccentSecondary: (0, _utils.computed)(function (_ref104) {
|
|
351
351
|
var _ref105 = _slicedToArray(_ref104, 1),
|
|
352
352
|
success = _ref105[0];
|
|
353
353
|
return (0, _manipulation.tint)(success, 0.6);
|
|
354
354
|
}, ['colors.success']),
|
|
355
|
-
|
|
355
|
+
borderBaseNeutral: (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.6),
|
|
356
|
+
borderBaseSuccess: (0, _utils.computed)(function (_ref106) {
|
|
356
357
|
var _ref107 = _slicedToArray(_ref106, 1),
|
|
357
|
-
|
|
358
|
+
success = _ref107[0];
|
|
359
|
+
return (0, _manipulation.tint)(success, 0.6);
|
|
360
|
+
}, ['colors.success']),
|
|
361
|
+
borderBaseWarning: (0, _utils.computed)(function (_ref108) {
|
|
362
|
+
var _ref109 = _slicedToArray(_ref108, 1),
|
|
363
|
+
warning = _ref109[0];
|
|
358
364
|
return (0, _manipulation.tint)(warning, 0.4);
|
|
359
365
|
}, ['colors.warning']),
|
|
360
366
|
borderBaseRisk: (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.4),
|
|
361
|
-
borderBaseDanger: (0, _utils.computed)(function (
|
|
362
|
-
var
|
|
363
|
-
danger =
|
|
367
|
+
borderBaseDanger: (0, _utils.computed)(function (_ref110) {
|
|
368
|
+
var _ref111 = _slicedToArray(_ref110, 1),
|
|
369
|
+
danger = _ref111[0];
|
|
364
370
|
return (0, _manipulation.tint)(danger, 0.6);
|
|
365
371
|
}, ['colors.danger']),
|
|
366
|
-
borderBaseSubdued: (0, _utils.computed)(function (
|
|
367
|
-
var _ref111 = _slicedToArray(_ref110, 1),
|
|
368
|
-
lightShade = _ref111[0];
|
|
369
|
-
return lightShade;
|
|
370
|
-
}, ['colors.lightShade']),
|
|
371
|
-
borderBaseDisabled: (0, _utils.computed)(function (_ref112) {
|
|
372
|
+
borderBaseSubdued: (0, _utils.computed)(function (_ref112) {
|
|
372
373
|
var _ref113 = _slicedToArray(_ref112, 1),
|
|
373
374
|
lightShade = _ref113[0];
|
|
374
|
-
return
|
|
375
|
+
return lightShade;
|
|
375
376
|
}, ['colors.lightShade']),
|
|
376
|
-
|
|
377
|
+
borderBaseDisabled: (0, _utils.computed)(function (_ref114) {
|
|
377
378
|
var _ref115 = _slicedToArray(_ref114, 1),
|
|
378
379
|
lightShade = _ref115[0];
|
|
380
|
+
return (0, _manipulation.transparentize)((0, _manipulation.darken)(lightShade, 0.4), 0.1);
|
|
381
|
+
}, ['colors.lightShade']),
|
|
382
|
+
borderBasePlain: (0, _utils.computed)(function (_ref116) {
|
|
383
|
+
var _ref117 = _slicedToArray(_ref116, 1),
|
|
384
|
+
lightShade = _ref117[0];
|
|
379
385
|
return lightShade;
|
|
380
386
|
}, ['colors.lightShade']),
|
|
381
387
|
borderBaseFloating: 'transparent',
|
|
382
|
-
borderBaseFormsColorSwatch: (0, _utils.computed)(function (
|
|
383
|
-
var
|
|
384
|
-
fullShade =
|
|
388
|
+
borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref118) {
|
|
389
|
+
var _ref119 = _slicedToArray(_ref118, 1),
|
|
390
|
+
fullShade = _ref119[0];
|
|
385
391
|
return (0, _manipulation.transparentize)(fullShade, 0.1);
|
|
386
392
|
}, ['colors.fullShade']),
|
|
387
|
-
borderBaseFormsControl: (0, _utils.computed)(function (
|
|
388
|
-
var
|
|
389
|
-
lightestShade =
|
|
393
|
+
borderBaseFormsControl: (0, _utils.computed)(function (_ref120) {
|
|
394
|
+
var _ref121 = _slicedToArray(_ref120, 1),
|
|
395
|
+
lightestShade = _ref121[0];
|
|
390
396
|
return (0, _manipulation.shade)(lightestShade, 0.4);
|
|
391
397
|
}, ['colors.lightestShade']),
|
|
392
|
-
borderStrongPrimary: (0, _utils.computed)(function (
|
|
393
|
-
var
|
|
394
|
-
primary =
|
|
398
|
+
borderStrongPrimary: (0, _utils.computed)(function (_ref122) {
|
|
399
|
+
var _ref123 = _slicedToArray(_ref122, 1),
|
|
400
|
+
primary = _ref123[0];
|
|
395
401
|
return primary;
|
|
396
402
|
}, ['colors.primary']),
|
|
397
|
-
borderStrongAccent: (0, _utils.computed)(function (
|
|
398
|
-
var
|
|
399
|
-
accent =
|
|
403
|
+
borderStrongAccent: (0, _utils.computed)(function (_ref124) {
|
|
404
|
+
var _ref125 = _slicedToArray(_ref124, 1),
|
|
405
|
+
accent = _ref125[0];
|
|
400
406
|
return accent;
|
|
401
407
|
}, ['colors.accent']),
|
|
402
|
-
borderStrongAccentSecondary: (0, _utils.computed)(function (
|
|
403
|
-
var
|
|
404
|
-
accentSecondary =
|
|
408
|
+
borderStrongAccentSecondary: (0, _utils.computed)(function (_ref126) {
|
|
409
|
+
var _ref127 = _slicedToArray(_ref126, 1),
|
|
410
|
+
accentSecondary = _ref127[0];
|
|
405
411
|
return accentSecondary;
|
|
406
412
|
}, ['colors.accentSecondary']),
|
|
407
413
|
borderStrongNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.2).toUpperCase(),
|
|
408
|
-
borderStrongSuccess: (0, _utils.computed)(function (
|
|
409
|
-
var
|
|
410
|
-
success =
|
|
414
|
+
borderStrongSuccess: (0, _utils.computed)(function (_ref128) {
|
|
415
|
+
var _ref129 = _slicedToArray(_ref128, 1),
|
|
416
|
+
success = _ref129[0];
|
|
411
417
|
return success;
|
|
412
418
|
}, ['colors.success']),
|
|
413
|
-
borderStrongWarning: (0, _utils.computed)(function (
|
|
414
|
-
var
|
|
415
|
-
warning =
|
|
419
|
+
borderStrongWarning: (0, _utils.computed)(function (_ref130) {
|
|
420
|
+
var _ref131 = _slicedToArray(_ref130, 1),
|
|
421
|
+
warning = _ref131[0];
|
|
416
422
|
return warning;
|
|
417
423
|
}, ['colors.warning']),
|
|
418
424
|
borderStrongRisk: _colors_severity.severityColors.risk,
|
|
419
|
-
borderStrongDanger: (0, _utils.computed)(function (
|
|
420
|
-
var
|
|
421
|
-
danger =
|
|
425
|
+
borderStrongDanger: (0, _utils.computed)(function (_ref132) {
|
|
426
|
+
var _ref133 = _slicedToArray(_ref132, 1),
|
|
427
|
+
danger = _ref133[0];
|
|
422
428
|
return danger;
|
|
423
|
-
}, ['colors.danger'])
|
|
429
|
+
}, ['colors.danger']),
|
|
430
|
+
borderStrongText: (0, _utils.computed)(function (_ref134) {
|
|
431
|
+
var _ref135 = _slicedToArray(_ref134, 1),
|
|
432
|
+
darkShade = _ref135[0];
|
|
433
|
+
return darkShade;
|
|
434
|
+
}, ['colors.darkShade'])
|
|
424
435
|
};
|
|
425
436
|
var light_colors = exports.light_colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brand_colors), shade_colors), special_colors), brand_text_colors), text_colors), background_colors), transparent_background_colors), border_colors);
|
|
426
437
|
|
|
@@ -438,271 +449,281 @@ var dark_shades = exports.dark_shades = {
|
|
|
438
449
|
fullShade: '#FFFFFF'
|
|
439
450
|
};
|
|
440
451
|
var dark_background_colors = exports.dark_background_colors = {
|
|
441
|
-
backgroundBasePrimary: (0, _utils.computed)(function (
|
|
442
|
-
var
|
|
443
|
-
primary =
|
|
452
|
+
backgroundBasePrimary: (0, _utils.computed)(function (_ref136) {
|
|
453
|
+
var _ref137 = _slicedToArray(_ref136, 1),
|
|
454
|
+
primary = _ref137[0];
|
|
444
455
|
return (0, _manipulation.shade)(primary, 0.8);
|
|
445
456
|
}, ['colors.primary']),
|
|
446
|
-
backgroundBaseAccent: (0, _utils.computed)(function (
|
|
447
|
-
var
|
|
448
|
-
accent =
|
|
457
|
+
backgroundBaseAccent: (0, _utils.computed)(function (_ref138) {
|
|
458
|
+
var _ref139 = _slicedToArray(_ref138, 1),
|
|
459
|
+
accent = _ref139[0];
|
|
449
460
|
return (0, _manipulation.shade)(accent, 0.8);
|
|
450
461
|
}, ['colors.accent']),
|
|
451
|
-
backgroundBaseAccentSecondary: (0, _utils.computed)(function (
|
|
452
|
-
var
|
|
453
|
-
success =
|
|
462
|
+
backgroundBaseAccentSecondary: (0, _utils.computed)(function (_ref140) {
|
|
463
|
+
var _ref141 = _slicedToArray(_ref140, 1),
|
|
464
|
+
success = _ref141[0];
|
|
454
465
|
return (0, _manipulation.shade)(success, 0.8);
|
|
455
466
|
}, ['colors.success']),
|
|
456
467
|
backgroundBaseNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.8),
|
|
457
|
-
backgroundBaseSuccess: (0, _utils.computed)(function (
|
|
458
|
-
var
|
|
459
|
-
success =
|
|
468
|
+
backgroundBaseSuccess: (0, _utils.computed)(function (_ref142) {
|
|
469
|
+
var _ref143 = _slicedToArray(_ref142, 1),
|
|
470
|
+
success = _ref143[0];
|
|
460
471
|
return (0, _manipulation.shade)(success, 0.8);
|
|
461
472
|
}, ['colors.success']),
|
|
462
|
-
backgroundBaseWarning: (0, _utils.computed)(function (
|
|
463
|
-
var
|
|
464
|
-
warning =
|
|
473
|
+
backgroundBaseWarning: (0, _utils.computed)(function (_ref144) {
|
|
474
|
+
var _ref145 = _slicedToArray(_ref144, 1),
|
|
475
|
+
warning = _ref145[0];
|
|
465
476
|
return (0, _manipulation.shade)(warning, 0.8);
|
|
466
477
|
}, ['colors.warning']),
|
|
467
478
|
backgroundBaseRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.8),
|
|
468
|
-
backgroundBaseDanger: (0, _utils.computed)(function (
|
|
469
|
-
var
|
|
470
|
-
danger =
|
|
479
|
+
backgroundBaseDanger: (0, _utils.computed)(function (_ref146) {
|
|
480
|
+
var _ref147 = _slicedToArray(_ref146, 1),
|
|
481
|
+
danger = _ref147[0];
|
|
471
482
|
return (0, _manipulation.shade)(danger, 0.8);
|
|
472
483
|
}, ['colors.danger']),
|
|
473
|
-
backgroundBaseSubdued: (0, _utils.computed)(function (
|
|
474
|
-
var
|
|
475
|
-
body =
|
|
484
|
+
backgroundBaseSubdued: (0, _utils.computed)(function (_ref148) {
|
|
485
|
+
var _ref149 = _slicedToArray(_ref148, 1),
|
|
486
|
+
body = _ref149[0];
|
|
476
487
|
return body;
|
|
477
488
|
}, ['colors.body']),
|
|
478
|
-
backgroundBaseDisabled: (0, _utils.computed)(function (
|
|
479
|
-
var
|
|
480
|
-
disabled =
|
|
489
|
+
backgroundBaseDisabled: (0, _utils.computed)(function (_ref150) {
|
|
490
|
+
var _ref151 = _slicedToArray(_ref150, 1),
|
|
491
|
+
disabled = _ref151[0];
|
|
481
492
|
return disabled;
|
|
482
493
|
}, ['colors.disabled']),
|
|
483
|
-
backgroundBaseHighlighted: (0, _utils.computed)(function (
|
|
484
|
-
var
|
|
485
|
-
backgroundBaseSubdued =
|
|
494
|
+
backgroundBaseHighlighted: (0, _utils.computed)(function (_ref152) {
|
|
495
|
+
var _ref153 = _slicedToArray(_ref152, 1),
|
|
496
|
+
backgroundBaseSubdued = _ref153[0];
|
|
486
497
|
return backgroundBaseSubdued;
|
|
487
498
|
}, ['colors.backgroundBaseSubdued']),
|
|
488
|
-
backgroundBasePlain: (0, _utils.computed)(function (
|
|
489
|
-
var
|
|
490
|
-
emptyShade =
|
|
499
|
+
backgroundBasePlain: (0, _utils.computed)(function (_ref154) {
|
|
500
|
+
var _ref155 = _slicedToArray(_ref154, 1),
|
|
501
|
+
emptyShade = _ref155[0];
|
|
491
502
|
return emptyShade;
|
|
492
503
|
}, ['colors.emptyShade']),
|
|
493
|
-
backgroundBaseFormsPrepend: (0, _utils.computed)(function (
|
|
494
|
-
var
|
|
495
|
-
lightShade =
|
|
504
|
+
backgroundBaseFormsPrepend: (0, _utils.computed)(function (_ref156) {
|
|
505
|
+
var _ref157 = _slicedToArray(_ref156, 1),
|
|
506
|
+
lightShade = _ref157[0];
|
|
496
507
|
return (0, _manipulation.shade)(lightShade, 0.15);
|
|
497
508
|
}, ['colors.lightShade']),
|
|
498
|
-
backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (
|
|
499
|
-
var
|
|
500
|
-
mediumShade =
|
|
509
|
+
backgroundBaseFormsControlDisabled: (0, _utils.computed)(function (_ref158) {
|
|
510
|
+
var _ref159 = _slicedToArray(_ref158, 1),
|
|
511
|
+
mediumShade = _ref159[0];
|
|
501
512
|
return mediumShade;
|
|
502
513
|
}, ['colors.mediumShade']),
|
|
503
|
-
backgroundBaseInteractiveHover: (0, _utils.computed)(function (
|
|
504
|
-
var
|
|
505
|
-
lightShade =
|
|
514
|
+
backgroundBaseInteractiveHover: (0, _utils.computed)(function (_ref160) {
|
|
515
|
+
var _ref161 = _slicedToArray(_ref160, 1),
|
|
516
|
+
lightShade = _ref161[0];
|
|
506
517
|
return (0, _manipulation.transparentize)(lightShade, 0.2);
|
|
507
518
|
}, ['colors.lightShade']),
|
|
508
|
-
backgroundBaseInteractiveSelect: (0, _utils.computed)(function (
|
|
509
|
-
var
|
|
510
|
-
primary =
|
|
519
|
+
backgroundBaseInteractiveSelect: (0, _utils.computed)(function (_ref162) {
|
|
520
|
+
var _ref163 = _slicedToArray(_ref162, 1),
|
|
521
|
+
primary = _ref163[0];
|
|
511
522
|
return (0, _manipulation.shade)(primary, 0.7);
|
|
512
523
|
}, ['colors.primary']),
|
|
513
|
-
|
|
514
|
-
var
|
|
515
|
-
|
|
524
|
+
backgroundBaseInteractiveSelectHover: (0, _utils.computed)(function (_ref164) {
|
|
525
|
+
var _ref165 = _slicedToArray(_ref164, 1),
|
|
526
|
+
primary = _ref165[0];
|
|
527
|
+
return (0, _manipulation.shade)(primary, 0.6);
|
|
528
|
+
}, ['colors.primary']),
|
|
529
|
+
backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref166) {
|
|
530
|
+
var _ref167 = _slicedToArray(_ref166, 1),
|
|
531
|
+
ink = _ref167[0];
|
|
516
532
|
return (0, _manipulation.transparentize)(ink, 0.5);
|
|
517
533
|
}, ['colors.ink']),
|
|
518
|
-
backgroundBaseSkeletonEdge: (0, _utils.computed)(function (
|
|
519
|
-
var
|
|
520
|
-
lightShade =
|
|
534
|
+
backgroundBaseSkeletonEdge: (0, _utils.computed)(function (_ref168) {
|
|
535
|
+
var _ref169 = _slicedToArray(_ref168, 1),
|
|
536
|
+
lightShade = _ref169[0];
|
|
521
537
|
return (0, _manipulation.shade)(lightShade, 0.12);
|
|
522
538
|
}, ['colors.lightShade']),
|
|
523
|
-
backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (
|
|
524
|
-
var
|
|
525
|
-
lightShade =
|
|
539
|
+
backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref170) {
|
|
540
|
+
var _ref171 = _slicedToArray(_ref170, 1),
|
|
541
|
+
lightShade = _ref171[0];
|
|
526
542
|
return (0, _manipulation.shade)(lightShade, 0.24);
|
|
527
543
|
}, ['colors.lightShade']),
|
|
528
|
-
backgroundLightPrimary: (0, _utils.computed)(function (
|
|
529
|
-
var
|
|
530
|
-
primary =
|
|
544
|
+
backgroundLightPrimary: (0, _utils.computed)(function (_ref172) {
|
|
545
|
+
var _ref173 = _slicedToArray(_ref172, 1),
|
|
546
|
+
primary = _ref173[0];
|
|
531
547
|
return (0, _manipulation.shade)(primary, 0.7);
|
|
532
548
|
}, ['colors.primary']),
|
|
533
|
-
backgroundLightAccent: (0, _utils.computed)(function (
|
|
534
|
-
var
|
|
535
|
-
accent =
|
|
549
|
+
backgroundLightAccent: (0, _utils.computed)(function (_ref174) {
|
|
550
|
+
var _ref175 = _slicedToArray(_ref174, 1),
|
|
551
|
+
accent = _ref175[0];
|
|
536
552
|
return (0, _manipulation.shade)(accent, 0.7);
|
|
537
553
|
}, ['colors.accent']),
|
|
538
|
-
backgroundLightAccentSecondary: (0, _utils.computed)(function (
|
|
539
|
-
var
|
|
540
|
-
success =
|
|
554
|
+
backgroundLightAccentSecondary: (0, _utils.computed)(function (_ref176) {
|
|
555
|
+
var _ref177 = _slicedToArray(_ref176, 1),
|
|
556
|
+
success = _ref177[0];
|
|
541
557
|
return (0, _manipulation.shade)(success, 0.7);
|
|
542
558
|
}, ['colors.success']),
|
|
543
559
|
backgroundLightNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.7),
|
|
544
|
-
backgroundLightSuccess: (0, _utils.computed)(function (
|
|
545
|
-
var
|
|
546
|
-
success =
|
|
560
|
+
backgroundLightSuccess: (0, _utils.computed)(function (_ref178) {
|
|
561
|
+
var _ref179 = _slicedToArray(_ref178, 1),
|
|
562
|
+
success = _ref179[0];
|
|
547
563
|
return (0, _manipulation.shade)(success, 0.7);
|
|
548
564
|
}, ['colors.success']),
|
|
549
|
-
backgroundLightWarning: (0, _utils.computed)(function (
|
|
550
|
-
var
|
|
551
|
-
warning =
|
|
565
|
+
backgroundLightWarning: (0, _utils.computed)(function (_ref180) {
|
|
566
|
+
var _ref181 = _slicedToArray(_ref180, 1),
|
|
567
|
+
warning = _ref181[0];
|
|
552
568
|
return (0, _manipulation.shade)(warning, 0.7);
|
|
553
569
|
}, ['colors.warning']),
|
|
554
570
|
backgroundLightRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.7),
|
|
555
|
-
backgroundLightDanger: (0, _utils.computed)(function (
|
|
556
|
-
var
|
|
557
|
-
danger =
|
|
571
|
+
backgroundLightDanger: (0, _utils.computed)(function (_ref182) {
|
|
572
|
+
var _ref183 = _slicedToArray(_ref182, 1),
|
|
573
|
+
danger = _ref183[0];
|
|
558
574
|
return (0, _manipulation.shade)(danger, 0.7);
|
|
559
575
|
}, ['colors.danger']),
|
|
560
|
-
backgroundLightText: (0, _utils.computed)(function (
|
|
561
|
-
var
|
|
562
|
-
lightShade =
|
|
576
|
+
backgroundLightText: (0, _utils.computed)(function (_ref184) {
|
|
577
|
+
var _ref185 = _slicedToArray(_ref184, 1),
|
|
578
|
+
lightShade = _ref185[0];
|
|
563
579
|
return (0, _manipulation.shade)(lightShade, 0.2);
|
|
564
580
|
}, ['colors.lightShade']),
|
|
565
|
-
backgroundFilledPrimary: (0, _utils.computed)(function (
|
|
566
|
-
var
|
|
567
|
-
primary =
|
|
581
|
+
backgroundFilledPrimary: (0, _utils.computed)(function (_ref186) {
|
|
582
|
+
var _ref187 = _slicedToArray(_ref186, 1),
|
|
583
|
+
primary = _ref187[0];
|
|
568
584
|
return primary;
|
|
569
585
|
}, ['colors.primary']),
|
|
570
|
-
backgroundFilledAccent: (0, _utils.computed)(function (
|
|
571
|
-
var
|
|
572
|
-
accent =
|
|
586
|
+
backgroundFilledAccent: (0, _utils.computed)(function (_ref188) {
|
|
587
|
+
var _ref189 = _slicedToArray(_ref188, 1),
|
|
588
|
+
accent = _ref189[0];
|
|
573
589
|
return accent;
|
|
574
590
|
}, ['colors.accent']),
|
|
575
|
-
backgroundFilledAccentSecondary: (0, _utils.computed)(function (
|
|
576
|
-
var
|
|
577
|
-
success =
|
|
591
|
+
backgroundFilledAccentSecondary: (0, _utils.computed)(function (_ref190) {
|
|
592
|
+
var _ref191 = _slicedToArray(_ref190, 1),
|
|
593
|
+
success = _ref191[0];
|
|
578
594
|
return success;
|
|
579
595
|
}, ['colors.success']),
|
|
580
596
|
backgroundFilledNeutral: _colors_severity.severityColors.neutral,
|
|
581
|
-
backgroundFilledSuccess: (0, _utils.computed)(function (
|
|
582
|
-
var
|
|
583
|
-
success =
|
|
597
|
+
backgroundFilledSuccess: (0, _utils.computed)(function (_ref192) {
|
|
598
|
+
var _ref193 = _slicedToArray(_ref192, 1),
|
|
599
|
+
success = _ref193[0];
|
|
584
600
|
return success;
|
|
585
601
|
}, ['colors.success']),
|
|
586
|
-
backgroundFilledWarning: (0, _utils.computed)(function (
|
|
587
|
-
var
|
|
588
|
-
warning =
|
|
602
|
+
backgroundFilledWarning: (0, _utils.computed)(function (_ref194) {
|
|
603
|
+
var _ref195 = _slicedToArray(_ref194, 1),
|
|
604
|
+
warning = _ref195[0];
|
|
589
605
|
return warning;
|
|
590
606
|
}, ['colors.warning']),
|
|
591
607
|
backgroundFilledRisk: _colors_severity.severityColors.risk,
|
|
592
|
-
backgroundFilledDanger: (0, _utils.computed)(function (
|
|
593
|
-
var
|
|
594
|
-
danger =
|
|
608
|
+
backgroundFilledDanger: (0, _utils.computed)(function (_ref196) {
|
|
609
|
+
var _ref197 = _slicedToArray(_ref196, 1),
|
|
610
|
+
danger = _ref197[0];
|
|
595
611
|
return danger;
|
|
596
612
|
}, ['colors.danger']),
|
|
597
|
-
backgroundFilledText: (0, _utils.computed)(function (
|
|
598
|
-
var
|
|
599
|
-
text =
|
|
613
|
+
backgroundFilledText: (0, _utils.computed)(function (_ref198) {
|
|
614
|
+
var _ref199 = _slicedToArray(_ref198, 1),
|
|
615
|
+
text = _ref199[0];
|
|
600
616
|
return text;
|
|
601
617
|
}, ['colors.text'])
|
|
602
618
|
};
|
|
603
619
|
var dark_transparent_background_colors = exports.dark_transparent_background_colors = _objectSpread(_objectSpread({}, transparent_background_colors), {}, {
|
|
604
|
-
backgroundTransparentSubdued: (0, _utils.computed)(function (
|
|
605
|
-
var
|
|
606
|
-
lightShade =
|
|
620
|
+
backgroundTransparentSubdued: (0, _utils.computed)(function (_ref200) {
|
|
621
|
+
var _ref201 = _slicedToArray(_ref200, 1),
|
|
622
|
+
lightShade = _ref201[0];
|
|
607
623
|
return (0, _manipulation.transparentize)(lightShade, 0.4);
|
|
608
624
|
}, ['colors.lightShade']),
|
|
609
|
-
backgroundTransparentHighlighted: (0, _utils.computed)(function (
|
|
610
|
-
var
|
|
611
|
-
backgroundTransparentSubdued =
|
|
625
|
+
backgroundTransparentHighlighted: (0, _utils.computed)(function (_ref202) {
|
|
626
|
+
var _ref203 = _slicedToArray(_ref202, 1),
|
|
627
|
+
backgroundTransparentSubdued = _ref203[0];
|
|
612
628
|
return backgroundTransparentSubdued;
|
|
613
629
|
}, ['colors.backgroundTransparentSubdued'])
|
|
614
630
|
});
|
|
615
631
|
var dark_border_colors = exports.dark_border_colors = {
|
|
616
|
-
borderBasePrimary: (0, _utils.computed)(function (
|
|
617
|
-
var
|
|
618
|
-
primary =
|
|
632
|
+
borderBasePrimary: (0, _utils.computed)(function (_ref204) {
|
|
633
|
+
var _ref205 = _slicedToArray(_ref204, 1),
|
|
634
|
+
primary = _ref205[0];
|
|
619
635
|
return (0, _manipulation.shade)(primary, 0.6);
|
|
620
636
|
}, ['colors.primary']),
|
|
621
|
-
borderBaseAccent: (0, _utils.computed)(function (
|
|
622
|
-
var
|
|
623
|
-
accent =
|
|
637
|
+
borderBaseAccent: (0, _utils.computed)(function (_ref206) {
|
|
638
|
+
var _ref207 = _slicedToArray(_ref206, 1),
|
|
639
|
+
accent = _ref207[0];
|
|
624
640
|
return (0, _manipulation.shade)(accent, 0.6);
|
|
625
641
|
}, ['colors.accent']),
|
|
626
|
-
borderBaseAccentSecondary: (0, _utils.computed)(function (
|
|
627
|
-
var
|
|
628
|
-
success =
|
|
642
|
+
borderBaseAccentSecondary: (0, _utils.computed)(function (_ref208) {
|
|
643
|
+
var _ref209 = _slicedToArray(_ref208, 1),
|
|
644
|
+
success = _ref209[0];
|
|
629
645
|
return (0, _manipulation.shade)(success, 0.6);
|
|
630
646
|
}, ['colors.success']),
|
|
631
647
|
borderBaseNeutral: (0, _manipulation.shade)(_colors_severity.severityColors.neutral, 0.6),
|
|
632
|
-
borderBaseSuccess: (0, _utils.computed)(function (
|
|
633
|
-
var
|
|
634
|
-
success =
|
|
648
|
+
borderBaseSuccess: (0, _utils.computed)(function (_ref210) {
|
|
649
|
+
var _ref211 = _slicedToArray(_ref210, 1),
|
|
650
|
+
success = _ref211[0];
|
|
635
651
|
return (0, _manipulation.shade)(success, 0.6);
|
|
636
652
|
}, ['colors.success']),
|
|
637
|
-
borderBaseWarning: (0, _utils.computed)(function (
|
|
638
|
-
var
|
|
639
|
-
warning =
|
|
653
|
+
borderBaseWarning: (0, _utils.computed)(function (_ref212) {
|
|
654
|
+
var _ref213 = _slicedToArray(_ref212, 1),
|
|
655
|
+
warning = _ref213[0];
|
|
640
656
|
return (0, _manipulation.shade)(warning, 0.4);
|
|
641
657
|
}, ['colors.warning']),
|
|
642
658
|
borderBaseRisk: (0, _manipulation.shade)(_colors_severity.severityColors.risk, 0.4),
|
|
643
|
-
borderBaseDanger: (0, _utils.computed)(function (
|
|
644
|
-
var
|
|
645
|
-
danger =
|
|
659
|
+
borderBaseDanger: (0, _utils.computed)(function (_ref214) {
|
|
660
|
+
var _ref215 = _slicedToArray(_ref214, 1),
|
|
661
|
+
danger = _ref215[0];
|
|
646
662
|
return (0, _manipulation.shade)(danger, 0.6);
|
|
647
663
|
}, ['colors.danger']),
|
|
648
|
-
borderBaseSubdued: (0, _utils.computed)(function (
|
|
649
|
-
var
|
|
650
|
-
lightShade =
|
|
664
|
+
borderBaseSubdued: (0, _utils.computed)(function (_ref216) {
|
|
665
|
+
var _ref217 = _slicedToArray(_ref216, 1),
|
|
666
|
+
lightShade = _ref217[0];
|
|
651
667
|
return lightShade;
|
|
652
668
|
}, ['colors.lightShade']),
|
|
653
|
-
borderBaseDisabled: (0, _utils.computed)(function (
|
|
654
|
-
var
|
|
655
|
-
ghost =
|
|
669
|
+
borderBaseDisabled: (0, _utils.computed)(function (_ref218) {
|
|
670
|
+
var _ref219 = _slicedToArray(_ref218, 1),
|
|
671
|
+
ghost = _ref219[0];
|
|
656
672
|
return (0, _manipulation.transparentize)(ghost, 0.1);
|
|
657
673
|
}, ['colors.ghost']),
|
|
658
|
-
borderBasePlain: (0, _utils.computed)(function (
|
|
659
|
-
var
|
|
660
|
-
lightShade =
|
|
674
|
+
borderBasePlain: (0, _utils.computed)(function (_ref220) {
|
|
675
|
+
var _ref221 = _slicedToArray(_ref220, 1),
|
|
676
|
+
lightShade = _ref221[0];
|
|
661
677
|
return lightShade;
|
|
662
678
|
}, ['colors.lightShade']),
|
|
663
679
|
borderBaseFloating: 'transparent',
|
|
664
|
-
borderBaseFormsColorSwatch: (0, _utils.computed)(function (
|
|
665
|
-
var
|
|
666
|
-
fullShade =
|
|
680
|
+
borderBaseFormsColorSwatch: (0, _utils.computed)(function (_ref222) {
|
|
681
|
+
var _ref223 = _slicedToArray(_ref222, 1),
|
|
682
|
+
fullShade = _ref223[0];
|
|
667
683
|
return (0, _manipulation.transparentize)(fullShade, 0.1);
|
|
668
684
|
}, ['colors.fullShade']),
|
|
669
|
-
borderBaseFormsControl: (0, _utils.computed)(function (
|
|
670
|
-
var
|
|
671
|
-
lightestShade =
|
|
685
|
+
borderBaseFormsControl: (0, _utils.computed)(function (_ref224) {
|
|
686
|
+
var _ref225 = _slicedToArray(_ref224, 1),
|
|
687
|
+
lightestShade = _ref225[0];
|
|
672
688
|
return (0, _manipulation.tint)(lightestShade, 0.31);
|
|
673
689
|
}, ['colors.lightestShade']),
|
|
674
|
-
borderStrongPrimary: (0, _utils.computed)(function (
|
|
675
|
-
var
|
|
676
|
-
primary =
|
|
690
|
+
borderStrongPrimary: (0, _utils.computed)(function (_ref226) {
|
|
691
|
+
var _ref227 = _slicedToArray(_ref226, 1),
|
|
692
|
+
primary = _ref227[0];
|
|
677
693
|
return primary;
|
|
678
694
|
}, ['colors.primary']),
|
|
679
|
-
borderStrongAccent: (0, _utils.computed)(function (
|
|
680
|
-
var
|
|
681
|
-
accent =
|
|
695
|
+
borderStrongAccent: (0, _utils.computed)(function (_ref228) {
|
|
696
|
+
var _ref229 = _slicedToArray(_ref228, 1),
|
|
697
|
+
accent = _ref229[0];
|
|
682
698
|
return accent;
|
|
683
699
|
}, ['colors.accent']),
|
|
684
|
-
borderStrongAccentSecondary: (0, _utils.computed)(function (
|
|
685
|
-
var
|
|
686
|
-
accentSecondary =
|
|
700
|
+
borderStrongAccentSecondary: (0, _utils.computed)(function (_ref230) {
|
|
701
|
+
var _ref231 = _slicedToArray(_ref230, 1),
|
|
702
|
+
accentSecondary = _ref231[0];
|
|
687
703
|
return accentSecondary;
|
|
688
704
|
}, ['colors.accentSecondary']),
|
|
689
705
|
borderStrongNeutral: _colors_severity.severityColors.neutral,
|
|
690
|
-
borderStrongSuccess: (0, _utils.computed)(function (
|
|
691
|
-
var
|
|
692
|
-
success =
|
|
706
|
+
borderStrongSuccess: (0, _utils.computed)(function (_ref232) {
|
|
707
|
+
var _ref233 = _slicedToArray(_ref232, 1),
|
|
708
|
+
success = _ref233[0];
|
|
693
709
|
return success;
|
|
694
710
|
}, ['colors.success']),
|
|
695
|
-
borderStrongWarning: (0, _utils.computed)(function (
|
|
696
|
-
var
|
|
697
|
-
warning =
|
|
711
|
+
borderStrongWarning: (0, _utils.computed)(function (_ref234) {
|
|
712
|
+
var _ref235 = _slicedToArray(_ref234, 1),
|
|
713
|
+
warning = _ref235[0];
|
|
698
714
|
return warning;
|
|
699
715
|
}, ['colors.warning']),
|
|
700
716
|
borderStrongRisk: (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.2).toUpperCase(),
|
|
701
|
-
borderStrongDanger: (0, _utils.computed)(function (
|
|
702
|
-
var
|
|
703
|
-
danger =
|
|
717
|
+
borderStrongDanger: (0, _utils.computed)(function (_ref236) {
|
|
718
|
+
var _ref237 = _slicedToArray(_ref236, 1),
|
|
719
|
+
danger = _ref237[0];
|
|
704
720
|
return danger;
|
|
705
|
-
}, ['colors.danger'])
|
|
721
|
+
}, ['colors.danger']),
|
|
722
|
+
borderStrongText: (0, _utils.computed)(function (_ref238) {
|
|
723
|
+
var _ref239 = _slicedToArray(_ref238, 1),
|
|
724
|
+
darkShade = _ref239[0];
|
|
725
|
+
return darkShade;
|
|
726
|
+
}, ['colors.darkShade'])
|
|
706
727
|
};
|
|
707
728
|
var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
708
729
|
// Brand
|
|
@@ -714,43 +735,43 @@ var dark_colors_ams = exports.dark_colors_ams = _objectSpread(_objectSpread(_obj
|
|
|
714
735
|
danger: '#F86B63'
|
|
715
736
|
}, dark_shades), {}, {
|
|
716
737
|
// Special
|
|
717
|
-
body: (0, _utils.computed)(function (
|
|
718
|
-
var
|
|
719
|
-
lightestShade =
|
|
738
|
+
body: (0, _utils.computed)(function (_ref240) {
|
|
739
|
+
var _ref241 = _slicedToArray(_ref240, 1),
|
|
740
|
+
lightestShade = _ref241[0];
|
|
720
741
|
return (0, _manipulation.shade)(lightestShade, 0.45);
|
|
721
742
|
}, ['colors.lightestShade']),
|
|
722
743
|
highlight: '#2E2D25',
|
|
723
744
|
disabled: '#515761',
|
|
724
745
|
disabledText: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
|
|
725
|
-
shadow: (0, _utils.computed)(function (
|
|
726
|
-
var colors =
|
|
746
|
+
shadow: (0, _utils.computed)(function (_ref242) {
|
|
747
|
+
var colors = _ref242.colors;
|
|
727
748
|
return colors.ink;
|
|
728
749
|
})
|
|
729
750
|
}, brand_text_colors), {}, {
|
|
730
751
|
// Text
|
|
731
752
|
text: '#DFE5EF',
|
|
732
|
-
title: (0, _utils.computed)(function (
|
|
733
|
-
var
|
|
734
|
-
text =
|
|
753
|
+
title: (0, _utils.computed)(function (_ref243) {
|
|
754
|
+
var _ref244 = _slicedToArray(_ref243, 1),
|
|
755
|
+
text = _ref244[0];
|
|
735
756
|
return text;
|
|
736
757
|
}, ['colors.text']),
|
|
737
758
|
subduedText: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.mediumShade')),
|
|
738
|
-
link: (0, _utils.computed)(function (
|
|
739
|
-
var
|
|
740
|
-
primaryText =
|
|
759
|
+
link: (0, _utils.computed)(function (_ref245) {
|
|
760
|
+
var _ref246 = _slicedToArray(_ref245, 1),
|
|
761
|
+
primaryText = _ref246[0];
|
|
741
762
|
return primaryText;
|
|
742
763
|
}, ['colors.primaryText']),
|
|
743
764
|
textParagraph: '#DFE5EF',
|
|
744
|
-
textHeading: (0, _utils.computed)(function (
|
|
745
|
-
var
|
|
746
|
-
text =
|
|
765
|
+
textHeading: (0, _utils.computed)(function (_ref247) {
|
|
766
|
+
var _ref248 = _slicedToArray(_ref247, 1),
|
|
767
|
+
text = _ref248[0];
|
|
747
768
|
return text;
|
|
748
769
|
}, ['colors.text']),
|
|
749
770
|
textSubdued: (0, _utils.computed)((0, _contrast.makeHighContrastColor)('colors.mediumShade')),
|
|
750
771
|
textDisabled: (0, _utils.computed)((0, _contrast.makeDisabledContrastColor)('colors.disabled')),
|
|
751
|
-
textInverse: (0, _utils.computed)(function (
|
|
752
|
-
var
|
|
753
|
-
ink =
|
|
772
|
+
textInverse: (0, _utils.computed)(function (_ref249) {
|
|
773
|
+
var _ref250 = _slicedToArray(_ref249, 1),
|
|
774
|
+
ink = _ref250[0];
|
|
754
775
|
return ink;
|
|
755
776
|
}, ['colors.ink'])
|
|
756
777
|
}, dark_background_colors), dark_transparent_background_colors), dark_border_colors);
|
|
@@ -764,8 +785,11 @@ var colors = exports.colors = {
|
|
|
764
785
|
ink: '#000000',
|
|
765
786
|
plainLight: '#FFFFFF',
|
|
766
787
|
plainDark: '#000000',
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
788
|
+
severity: _colors_severity.severityColors,
|
|
789
|
+
LIGHT: _objectSpread(_objectSpread({}, light_colors), {}, {
|
|
790
|
+
vis: _colors_vis_light.colorVisLight
|
|
791
|
+
}),
|
|
792
|
+
DARK: _objectSpread(_objectSpread({}, dark_colors_ams), {}, {
|
|
793
|
+
vis: _colors_vis_dark.colorVisDark
|
|
794
|
+
})
|
|
771
795
|
};
|