@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.
Files changed (104) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +13 -15
  2. package/dist/eui_theme_amsterdam_dark.json.d.ts +12 -14
  3. package/dist/eui_theme_amsterdam_light.json +14 -16
  4. package/dist/eui_theme_amsterdam_light.json.d.ts +12 -14
  5. package/dist/eui_theme_borealis_dark.json +10 -14
  6. package/dist/eui_theme_borealis_dark.json.d.ts +11 -15
  7. package/dist/eui_theme_borealis_light.json +10 -14
  8. package/dist/eui_theme_borealis_light.json.d.ts +11 -15
  9. package/es/components/copy/copy.js +6 -8
  10. package/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  11. package/es/components/datagrid/data_grid.styles.js +1 -1
  12. package/es/components/page/page_header/page_header_content.js +1 -2
  13. package/es/components/table/table_row.js +1 -1
  14. package/es/components/tabs/tab.styles.js +1 -4
  15. package/es/components/tabs/tabs.js +1 -2
  16. package/es/components/tabs/tabs.styles.js +1 -2
  17. package/es/services/color/eui_palettes.js +6 -2
  18. package/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  19. package/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +33 -0
  20. package/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
  21. package/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
  22. package/es/themes/index.js +3 -1
  23. package/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
  24. package/es/themes/json/eui_theme_amsterdam_light.json +14 -16
  25. package/es/themes/json/eui_theme_borealis_dark.json +10 -14
  26. package/es/themes/json/eui_theme_borealis_light.json +10 -14
  27. package/eui.d.ts +66 -67
  28. package/lib/components/copy/copy.js +6 -8
  29. package/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  30. package/lib/components/datagrid/data_grid.styles.js +1 -1
  31. package/lib/components/page/page_header/page_header_content.js +1 -2
  32. package/lib/components/table/table_row.js +1 -1
  33. package/lib/components/tabs/tab.styles.js +1 -4
  34. package/lib/components/tabs/tabs.js +1 -2
  35. package/lib/components/tabs/tabs.styles.js +1 -2
  36. package/lib/services/color/eui_palettes.js +6 -2
  37. package/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  38. package/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +37 -0
  39. package/{test-env/themes/amsterdam/global_styling/variables/_colors_vis.js → lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  40. package/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
  41. package/lib/themes/index.js +17 -2
  42. package/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
  43. package/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
  44. package/lib/themes/json/eui_theme_borealis_dark.json +10 -14
  45. package/lib/themes/json/eui_theme_borealis_light.json +10 -14
  46. package/optimize/es/components/copy/copy.js +2 -7
  47. package/optimize/es/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  48. package/optimize/es/components/datagrid/data_grid.styles.js +1 -1
  49. package/optimize/es/components/page/page_header/page_header_content.js +1 -2
  50. package/optimize/es/components/table/table_row.js +1 -1
  51. package/optimize/es/components/tabs/tab.styles.js +1 -4
  52. package/optimize/es/components/tabs/tabs.js +1 -1
  53. package/optimize/es/components/tabs/tabs.styles.js +1 -2
  54. package/optimize/es/services/color/eui_palettes.js +6 -2
  55. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  56. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +30 -0
  57. package/optimize/es/themes/amsterdam/global_styling/variables/{_colors_vis.js → _colors_vis_light.js} +16 -16
  58. package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +293 -258
  59. package/optimize/es/themes/index.js +3 -1
  60. package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +13 -15
  61. package/optimize/es/themes/json/eui_theme_amsterdam_light.json +14 -16
  62. package/optimize/es/themes/json/eui_theme_borealis_dark.json +10 -14
  63. package/optimize/es/themes/json/eui_theme_borealis_light.json +10 -14
  64. package/optimize/lib/components/copy/copy.js +2 -7
  65. package/optimize/lib/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  66. package/optimize/lib/components/datagrid/data_grid.styles.js +1 -1
  67. package/optimize/lib/components/page/page_header/page_header_content.js +1 -2
  68. package/optimize/lib/components/table/table_row.js +1 -1
  69. package/optimize/lib/components/tabs/tab.styles.js +1 -4
  70. package/optimize/lib/components/tabs/tabs.js +1 -1
  71. package/optimize/lib/components/tabs/tabs.styles.js +1 -2
  72. package/optimize/lib/services/color/eui_palettes.js +6 -2
  73. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  74. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
  75. package/{lib/themes/amsterdam/global_styling/variables/_colors_vis.js → optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  76. package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +305 -270
  77. package/optimize/lib/themes/index.js +17 -2
  78. package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +13 -15
  79. package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +14 -16
  80. package/optimize/lib/themes/json/eui_theme_borealis_dark.json +10 -14
  81. package/optimize/lib/themes/json/eui_theme_borealis_light.json +10 -14
  82. package/package.json +4 -4
  83. package/src/themes/amsterdam/_colors_dark.scss +2 -0
  84. package/src/themes/amsterdam/_colors_light.scss +2 -0
  85. package/src/themes/amsterdam/global_styling/variables/_colors_vis_dark.scss +14 -0
  86. package/src/themes/amsterdam/global_styling/variables/_colors_vis_light.scss +14 -0
  87. package/test-env/components/copy/copy.js +6 -7
  88. package/test-env/components/datagrid/body/cell/data_grid_cell.styles.js +2 -2
  89. package/test-env/components/datagrid/data_grid.styles.js +1 -1
  90. package/test-env/components/page/page_header/page_header_content.js +1 -2
  91. package/test-env/components/table/table_row.js +1 -1
  92. package/test-env/components/tabs/tab.styles.js +1 -4
  93. package/test-env/components/tabs/tabs.js +1 -2
  94. package/test-env/components/tabs/tabs.styles.js +1 -2
  95. package/test-env/services/color/eui_palettes.js +6 -2
  96. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +325 -301
  97. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis_dark.js +35 -0
  98. package/{optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js → test-env/themes/amsterdam/global_styling/variables/_colors_vis_light.js} +17 -17
  99. package/test-env/themes/amsterdam/global_styling/variables/_components.js +305 -270
  100. package/test-env/themes/index.js +17 -2
  101. package/test-env/themes/json/eui_theme_amsterdam_dark.json +13 -15
  102. package/test-env/themes/json/eui_theme_amsterdam_light.json +14 -16
  103. package/test-env/themes/json/eui_theme_borealis_dark.json +10 -14
  104. 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 _colors_vis = require("./_colors_vis");
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
- backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref46) {
194
+ backgroundBaseInteractiveSelectHover: (0, _utils.computed)(function (_ref46) {
194
195
  var _ref47 = _slicedToArray(_ref46, 1),
195
- ink = _ref47[0];
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 (_ref48) {
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.8);
207
+ return (0, _manipulation.tint)(lightShade, 0.65);
207
208
  }, ['colors.lightShade']),
208
- backgroundLightPrimary: (0, _utils.computed)(function (_ref52) {
209
+ backgroundBaseSkeletonMiddle: (0, _utils.computed)(function (_ref52) {
209
210
  var _ref53 = _slicedToArray(_ref52, 1),
210
- primary = _ref53[0];
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 (_ref54) {
214
- var _ref55 = _slicedToArray(_ref54, 1),
215
- accent = _ref55[0];
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 (_ref56) {
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
- backgroundLightWarning: (0, _utils.computed)(function (_ref60) {
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
- warning = _ref61[0];
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 (_ref62) {
236
- var _ref63 = _slicedToArray(_ref62, 1),
237
- danger = _ref63[0];
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 (_ref64) {
241
- var _ref65 = _slicedToArray(_ref64, 1),
242
- lightShade = _ref65[0];
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 (_ref66) {
246
- var _ref67 = _slicedToArray(_ref66, 1),
247
- primary = _ref67[0];
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 (_ref68) {
251
- var _ref69 = _slicedToArray(_ref68, 1),
252
- accent = _ref69[0];
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 (_ref70) {
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
- backgroundFilledWarning: (0, _utils.computed)(function (_ref74) {
266
+ backgroundFilledNeutral: _colors_severity.severityColors.neutral,
267
+ backgroundFilledSuccess: (0, _utils.computed)(function (_ref74) {
267
268
  var _ref75 = _slicedToArray(_ref74, 1),
268
- warning = _ref75[0];
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 (_ref76) {
273
- var _ref77 = _slicedToArray(_ref76, 1),
274
- danger = _ref77[0];
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 (_ref78) {
278
- var _ref79 = _slicedToArray(_ref78, 1),
279
- darkShade = _ref79[0];
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 (_ref80) {
286
- var _ref81 = _slicedToArray(_ref80, 1),
287
- primary = _ref81[0];
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 (_ref82) {
291
- var _ref83 = _slicedToArray(_ref82, 1),
292
- accent = _ref83[0];
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 (_ref84) {
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
- backgroundTransparentWarning: (0, _utils.computed)(function (_ref88) {
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
- warning = _ref89[0];
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 (_ref90) {
313
- var _ref91 = _slicedToArray(_ref90, 1),
314
- danger = _ref91[0];
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 (_ref92) {
318
- var _ref93 = _slicedToArray(_ref92, 1),
319
- lightShade = _ref93[0];
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 (_ref94) {
323
- var _ref95 = _slicedToArray(_ref94, 1),
324
- backgroundTransparentSubdued = _ref95[0];
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 (_ref96) {
328
- var _ref97 = _slicedToArray(_ref96, 1),
329
- ghost = _ref97[0];
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 (_ref98) {
335
- var _ref99 = _slicedToArray(_ref98, 1),
336
- primary = _ref99[0];
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 (_ref100) {
340
- var _ref101 = _slicedToArray(_ref100, 1),
341
- accent = _ref101[0];
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 (_ref102) {
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
- borderBaseWarning: (0, _utils.computed)(function (_ref106) {
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
- warning = _ref107[0];
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 (_ref108) {
362
- var _ref109 = _slicedToArray(_ref108, 1),
363
- danger = _ref109[0];
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 (_ref110) {
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 (0, _manipulation.transparentize)((0, _manipulation.darken)(lightShade, 0.4), 0.1);
375
+ return lightShade;
375
376
  }, ['colors.lightShade']),
376
- borderBasePlain: (0, _utils.computed)(function (_ref114) {
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 (_ref116) {
383
- var _ref117 = _slicedToArray(_ref116, 1),
384
- fullShade = _ref117[0];
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 (_ref118) {
388
- var _ref119 = _slicedToArray(_ref118, 1),
389
- lightestShade = _ref119[0];
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 (_ref120) {
393
- var _ref121 = _slicedToArray(_ref120, 1),
394
- primary = _ref121[0];
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 (_ref122) {
398
- var _ref123 = _slicedToArray(_ref122, 1),
399
- accent = _ref123[0];
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 (_ref124) {
403
- var _ref125 = _slicedToArray(_ref124, 1),
404
- accentSecondary = _ref125[0];
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 (_ref126) {
409
- var _ref127 = _slicedToArray(_ref126, 1),
410
- success = _ref127[0];
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 (_ref128) {
414
- var _ref129 = _slicedToArray(_ref128, 1),
415
- warning = _ref129[0];
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 (_ref130) {
420
- var _ref131 = _slicedToArray(_ref130, 1),
421
- danger = _ref131[0];
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 (_ref132) {
442
- var _ref133 = _slicedToArray(_ref132, 1),
443
- primary = _ref133[0];
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 (_ref134) {
447
- var _ref135 = _slicedToArray(_ref134, 1),
448
- accent = _ref135[0];
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 (_ref136) {
452
- var _ref137 = _slicedToArray(_ref136, 1),
453
- success = _ref137[0];
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 (_ref138) {
458
- var _ref139 = _slicedToArray(_ref138, 1),
459
- success = _ref139[0];
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 (_ref140) {
463
- var _ref141 = _slicedToArray(_ref140, 1),
464
- warning = _ref141[0];
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 (_ref142) {
469
- var _ref143 = _slicedToArray(_ref142, 1),
470
- danger = _ref143[0];
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 (_ref144) {
474
- var _ref145 = _slicedToArray(_ref144, 1),
475
- body = _ref145[0];
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 (_ref146) {
479
- var _ref147 = _slicedToArray(_ref146, 1),
480
- disabled = _ref147[0];
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 (_ref148) {
484
- var _ref149 = _slicedToArray(_ref148, 1),
485
- backgroundBaseSubdued = _ref149[0];
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 (_ref150) {
489
- var _ref151 = _slicedToArray(_ref150, 1),
490
- emptyShade = _ref151[0];
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 (_ref152) {
494
- var _ref153 = _slicedToArray(_ref152, 1),
495
- lightShade = _ref153[0];
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 (_ref154) {
499
- var _ref155 = _slicedToArray(_ref154, 1),
500
- mediumShade = _ref155[0];
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 (_ref156) {
504
- var _ref157 = _slicedToArray(_ref156, 1),
505
- lightShade = _ref157[0];
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 (_ref158) {
509
- var _ref159 = _slicedToArray(_ref158, 1),
510
- primary = _ref159[0];
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
- backgroundBaseInteractiveOverlay: (0, _utils.computed)(function (_ref160) {
514
- var _ref161 = _slicedToArray(_ref160, 1),
515
- ink = _ref161[0];
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 (_ref162) {
519
- var _ref163 = _slicedToArray(_ref162, 1),
520
- lightShade = _ref163[0];
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 (_ref164) {
524
- var _ref165 = _slicedToArray(_ref164, 1),
525
- lightShade = _ref165[0];
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 (_ref166) {
529
- var _ref167 = _slicedToArray(_ref166, 1),
530
- primary = _ref167[0];
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 (_ref168) {
534
- var _ref169 = _slicedToArray(_ref168, 1),
535
- accent = _ref169[0];
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 (_ref170) {
539
- var _ref171 = _slicedToArray(_ref170, 1),
540
- success = _ref171[0];
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 (_ref172) {
545
- var _ref173 = _slicedToArray(_ref172, 1),
546
- success = _ref173[0];
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 (_ref174) {
550
- var _ref175 = _slicedToArray(_ref174, 1),
551
- warning = _ref175[0];
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 (_ref176) {
556
- var _ref177 = _slicedToArray(_ref176, 1),
557
- danger = _ref177[0];
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 (_ref178) {
561
- var _ref179 = _slicedToArray(_ref178, 1),
562
- lightShade = _ref179[0];
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 (_ref180) {
566
- var _ref181 = _slicedToArray(_ref180, 1),
567
- primary = _ref181[0];
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 (_ref182) {
571
- var _ref183 = _slicedToArray(_ref182, 1),
572
- accent = _ref183[0];
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 (_ref184) {
576
- var _ref185 = _slicedToArray(_ref184, 1),
577
- success = _ref185[0];
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 (_ref186) {
582
- var _ref187 = _slicedToArray(_ref186, 1),
583
- success = _ref187[0];
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 (_ref188) {
587
- var _ref189 = _slicedToArray(_ref188, 1),
588
- warning = _ref189[0];
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 (_ref190) {
593
- var _ref191 = _slicedToArray(_ref190, 1),
594
- danger = _ref191[0];
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 (_ref192) {
598
- var _ref193 = _slicedToArray(_ref192, 1),
599
- text = _ref193[0];
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 (_ref194) {
605
- var _ref195 = _slicedToArray(_ref194, 1),
606
- lightShade = _ref195[0];
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 (_ref196) {
610
- var _ref197 = _slicedToArray(_ref196, 1),
611
- backgroundTransparentSubdued = _ref197[0];
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 (_ref198) {
617
- var _ref199 = _slicedToArray(_ref198, 1),
618
- primary = _ref199[0];
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 (_ref200) {
622
- var _ref201 = _slicedToArray(_ref200, 1),
623
- accent = _ref201[0];
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 (_ref202) {
627
- var _ref203 = _slicedToArray(_ref202, 1),
628
- success = _ref203[0];
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 (_ref204) {
633
- var _ref205 = _slicedToArray(_ref204, 1),
634
- success = _ref205[0];
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 (_ref206) {
638
- var _ref207 = _slicedToArray(_ref206, 1),
639
- warning = _ref207[0];
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 (_ref208) {
644
- var _ref209 = _slicedToArray(_ref208, 1),
645
- danger = _ref209[0];
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 (_ref210) {
649
- var _ref211 = _slicedToArray(_ref210, 1),
650
- lightShade = _ref211[0];
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 (_ref212) {
654
- var _ref213 = _slicedToArray(_ref212, 1),
655
- ghost = _ref213[0];
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 (_ref214) {
659
- var _ref215 = _slicedToArray(_ref214, 1),
660
- lightShade = _ref215[0];
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 (_ref216) {
665
- var _ref217 = _slicedToArray(_ref216, 1),
666
- fullShade = _ref217[0];
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 (_ref218) {
670
- var _ref219 = _slicedToArray(_ref218, 1),
671
- lightestShade = _ref219[0];
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 (_ref220) {
675
- var _ref221 = _slicedToArray(_ref220, 1),
676
- primary = _ref221[0];
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 (_ref222) {
680
- var _ref223 = _slicedToArray(_ref222, 1),
681
- accent = _ref223[0];
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 (_ref224) {
685
- var _ref225 = _slicedToArray(_ref224, 1),
686
- accentSecondary = _ref225[0];
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 (_ref226) {
691
- var _ref227 = _slicedToArray(_ref226, 1),
692
- success = _ref227[0];
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 (_ref228) {
696
- var _ref229 = _slicedToArray(_ref228, 1),
697
- warning = _ref229[0];
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 (_ref230) {
702
- var _ref231 = _slicedToArray(_ref230, 1),
703
- danger = _ref231[0];
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 (_ref232) {
718
- var _ref233 = _slicedToArray(_ref232, 1),
719
- lightestShade = _ref233[0];
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 (_ref234) {
726
- var colors = _ref234.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 (_ref235) {
733
- var _ref236 = _slicedToArray(_ref235, 1),
734
- text = _ref236[0];
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 (_ref237) {
739
- var _ref238 = _slicedToArray(_ref237, 1),
740
- primaryText = _ref238[0];
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 (_ref239) {
745
- var _ref240 = _slicedToArray(_ref239, 1),
746
- text = _ref240[0];
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 (_ref241) {
752
- var _ref242 = _slicedToArray(_ref241, 1),
753
- ink = _ref242[0];
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
- LIGHT: light_colors,
768
- DARK: dark_colors_ams,
769
- vis: _colors_vis.colorVis,
770
- severity: _colors_severity.severityColors
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
  };