@codacy/ui-components 0.65.92 → 0.65.93

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 (50) hide show
  1. package/lib/Avatar/Avatar.js +3 -2
  2. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  3. package/lib/StepNumber/styles.d.ts +1 -1
  4. package/lib/Stepper/Stepper.styles.d.ts +1 -1
  5. package/lib/theme/ColorSchemes/dark/background.d.ts +72 -0
  6. package/lib/theme/ColorSchemes/dark/background.js +53 -0
  7. package/lib/theme/ColorSchemes/dark/border.d.ts +70 -0
  8. package/lib/theme/ColorSchemes/dark/border.js +52 -0
  9. package/lib/theme/ColorSchemes/dark/data.d.ts +16 -0
  10. package/lib/theme/ColorSchemes/dark/data.js +23 -0
  11. package/lib/theme/ColorSchemes/dark/icon.d.ts +73 -0
  12. package/lib/theme/ColorSchemes/dark/icon.js +54 -0
  13. package/lib/theme/ColorSchemes/dark/illustration.d.ts +11 -0
  14. package/lib/theme/ColorSchemes/dark/illustration.js +18 -0
  15. package/lib/theme/ColorSchemes/dark/index.d.ts +2 -0
  16. package/lib/theme/ColorSchemes/dark/index.js +73 -0
  17. package/lib/theme/ColorSchemes/dark/text.d.ts +80 -0
  18. package/lib/theme/ColorSchemes/dark/text.js +61 -0
  19. package/lib/theme/ColorSchemes/index.d.ts +5 -0
  20. package/lib/theme/ColorSchemes/index.js +60 -0
  21. package/lib/theme/ColorSchemes/light/background.d.ts +72 -0
  22. package/lib/theme/ColorSchemes/light/background.js +53 -0
  23. package/lib/theme/ColorSchemes/light/border.d.ts +70 -0
  24. package/lib/theme/ColorSchemes/light/border.js +52 -0
  25. package/lib/theme/ColorSchemes/light/data.d.ts +16 -0
  26. package/lib/theme/ColorSchemes/light/data.js +23 -0
  27. package/lib/theme/ColorSchemes/light/icon.d.ts +73 -0
  28. package/lib/theme/ColorSchemes/light/icon.js +54 -0
  29. package/lib/theme/ColorSchemes/light/illustration.d.ts +11 -0
  30. package/lib/theme/ColorSchemes/light/illustration.js +18 -0
  31. package/lib/theme/ColorSchemes/{dark.d.ts → light/index.d.ts} +210 -288
  32. package/lib/theme/ColorSchemes/light/index.js +82 -0
  33. package/lib/theme/ColorSchemes/light/text.d.ts +80 -0
  34. package/lib/theme/ColorSchemes/light/text.js +61 -0
  35. package/lib/theme/ColorSchemes/primitives.d.ts +6 -0
  36. package/lib/theme/ColorSchemes/primitives.js +95 -0
  37. package/lib/theme/ColorSchemes/semantics.d.ts +9 -0
  38. package/lib/theme/ColorSchemes/semantics.js +26 -0
  39. package/lib/theme/ColorSchemes/types.d.ts +3 -0
  40. package/lib/theme/ColorSchemes/types.js +7 -0
  41. package/lib/theme/index.d.ts +1 -3
  42. package/lib/theme/index.js +4 -26
  43. package/lib/theme/theme.d.ts +0 -3
  44. package/lib/theme/theme.js +2 -6
  45. package/package.json +1 -1
  46. package/lib/theme/ColorSchemes/codacy.d.ts +0 -610
  47. package/lib/theme/ColorSchemes/codacy.js +0 -387
  48. package/lib/theme/ColorSchemes/dark.js +0 -270
  49. package/lib/theme/ColorSchemes/security.d.ts +0 -2
  50. package/lib/theme/ColorSchemes/security.js +0 -28
@@ -1,387 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.functionalColorsFx = exports.functionalColors = exports.colorNames = exports.codacyThemeColors = exports.baseColors = void 0;
8
- exports.hslToHex = hslToHex;
9
- exports.semanticFunctionalColorsFx = void 0;
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
- var colorNames = exports.colorNames = ['blue', 'grey', 'purple', 'orange', 'turquoise', 'magenta', 'red', 'green', 'yellow'];
12
- var semantics = ['danger', 'success', 'warning', 'info', 'attention', 'critical', 'high', 'medium', 'minor'];
13
- // Hack: https://stackoverflow.com/a/44134328
14
- function hslToHex(hue, saturation, lightness) {
15
- lightness /= 100;
16
- var a = saturation * Math.min(lightness, 1 - lightness) / 100;
17
- var f = function f(n) {
18
- var k = (n + hue / 30) % 12;
19
- var color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
20
- return Math.round(255 * color).toString(16).padStart(2, '0'); // convert to Hex and prefix "0" if needed
21
- };
22
- return "#".concat(f(0)).concat(f(8)).concat(f(4));
23
- }
24
- var generateBaseColors = function generateBaseColors(color) {
25
- var colors = {};
26
- colors["".concat(color.name, "-99")] = hslToHex(color.hue, color.saturation, 98.4);
27
- colors["".concat(color.name, "-95")] = hslToHex(color.hue, color.saturation, 94.9);
28
- colors["".concat(color.name, "-90")] = hslToHex(color.hue, color.saturation, 90);
29
- for (var i = 80; i >= 20; i -= 10) {
30
- colors["".concat(color.name, "-").concat(i)] = hslToHex(color.hue, color.saturation, color.lightnessStart + i);
31
- }
32
- return colors;
33
- };
34
- var baseColors = exports.baseColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, generateBaseColors({
35
- name: 'turquoise',
36
- hue: 183,
37
- saturation: 50,
38
- lightnessStart: 0
39
- })), generateBaseColors({
40
- name: 'blue',
41
- hue: 217,
42
- saturation: 100,
43
- lightnessStart: 7.06
44
- })), generateBaseColors({
45
- name: 'magenta',
46
- hue: 310,
47
- saturation: 63,
48
- lightnessStart: 1.96
49
- })), generateBaseColors({
50
- name: 'purple',
51
- hue: 266,
52
- saturation: 64,
53
- lightnessStart: 7.06
54
- })), generateBaseColors({
55
- name: 'orange',
56
- hue: 29,
57
- saturation: 98,
58
- lightnessStart: 7.06
59
- })), generateBaseColors({
60
- name: 'grey',
61
- hue: 219,
62
- saturation: 25,
63
- lightnessStart: 7.06
64
- })), generateBaseColors({
65
- name: 'red',
66
- hue: 359,
67
- saturation: 67,
68
- lightnessStart: 7.06
69
- })), generateBaseColors({
70
- name: 'green',
71
- hue: 137,
72
- saturation: 50,
73
- lightnessStart: 0
74
- })), generateBaseColors({
75
- name: 'yellow',
76
- hue: 38,
77
- saturation: 100,
78
- lightnessStart: 7.06
79
- })), {}, {
80
- white: '#FFFFFF',
81
- 'grey-00': '#0B0E13',
82
- 'grey-10': '#171D26',
83
- 'blue-00': '#050B1A',
84
- 'blue-10': '#091E4E',
85
- 'purple-08': '#130722',
86
- 'purple-10': '#290F47',
87
- 'orange-00': '#281401',
88
- 'orange-10': '#462301',
89
- 'red-00': '#290002',
90
- 'red-10': '#470003',
91
- 'green-00': '#0A1E10',
92
- 'green-10': '#12351C',
93
- 'yellow-00': '#291A00',
94
- 'yellow-10': '#472D00',
95
- 'turquoise-00': '#0A1E1F',
96
- 'turquoise-10': '#123436',
97
- 'magenta-00': '#21071D',
98
- 'magenta-10': '#3A0D33'
99
- });
100
- var semanticFunctionalColorsFx = exports.semanticFunctionalColorsFx = function semanticFunctionalColorsFx(prefix, number) {
101
- var colors = {};
102
- var semanticMapToColor = {
103
- danger: 'red',
104
- success: 'green',
105
- warning: 'yellow',
106
- info: 'blue',
107
- attention: 'purple',
108
- critical: 'red',
109
- high: 'orange',
110
- medium: 'yellow',
111
- minor: 'blue'
112
- };
113
- semantics.map(function (semantic) {
114
- return colors["".concat(prefix, "-").concat(semantic)] = baseColors["".concat(semanticMapToColor[semantic], "-").concat(number)];
115
- });
116
- return colors;
117
- };
118
- var functionalColorsFx = exports.functionalColorsFx = function functionalColorsFx(colors) {
119
- return {
120
- // TEXT
121
- 'text-primary': colors['grey-10'],
122
- 'text-secondary': colors['grey-30'],
123
- 'text-tertiary': colors['grey-50'],
124
- 'text-disabled': colors['grey-70'],
125
- 'text-inverted': colors['white'],
126
- 'text-subtle-enabled': colors['grey-50'],
127
- 'text-subtle-hover': colors['grey-30'],
128
- 'text-subtle-focus': colors['grey-30'],
129
- 'text-subtle-pressed': colors['grey-10'],
130
- 'text-subtle-disabled': colors['grey-70'],
131
- 'text-subtle-inverted': colors['white'],
132
- 'text-code-subtle-enabled': colors['grey-20'],
133
- 'text-code-subtle-disabled': colors['grey-60'],
134
- // Text - Link and Brand
135
- 'text-link-enabled': colors['blue-40'],
136
- 'text-link-hover': colors['blue-30'],
137
- 'text-link-focus': colors['blue-30'],
138
- 'text-link-pressed': colors['blue-20'],
139
- 'text-link-disabled': colors['blue-70'],
140
- 'text-brand-enabled': colors['blue-40'],
141
- 'text-brand-hover': colors['blue-30'],
142
- 'text-brand-focus': colors['blue-30'],
143
- 'text-brand-pressed': colors['blue-20'],
144
- 'text-brand-disabled': colors['blue-70'],
145
- // Text - Semantic
146
- // blue
147
- 'text-info-enabled': colors['blue-40'],
148
- 'text-minor-enabled': colors['blue-40'],
149
- 'text-minor-disabled': colors['blue-70'],
150
- 'text-code-brand-enabled': colors['blue-20'],
151
- 'text-code-brand-disabled': colors['blue-60'],
152
- // red
153
- 'text-danger-enabled': colors['red-40'],
154
- 'text-danger-hover': colors['red-30'],
155
- 'text-danger-focus': colors['red-30'],
156
- 'text-danger-pressed': colors['red-20'],
157
- 'text-danger-disabled': colors['red-70'],
158
- 'text-critical-enabled': colors['red-40'],
159
- 'text-critical-disabled': colors['red-70'],
160
- 'text-code-danger': colors['red-60'],
161
- // yellow
162
- 'text-warning-enabled': colors['yellow-40'],
163
- 'text-medium-enabled': colors['yellow-50'],
164
- 'text-medium-disabled': colors['yellow-70'],
165
- // green
166
- 'text-success-enabled': colors['green-40'],
167
- // orange
168
- 'text-high-enabled': colors['orange-40'],
169
- 'text-high-disabled': colors['orange-70'],
170
- // BACKGROUND
171
- 'background-primary': colors['white'],
172
- 'background-secondary': colors['grey-99'],
173
- 'background-brand-inverted': colors['white'],
174
- 'background-subtle-enabled': colors['grey-40'],
175
- 'background-subtle-hover': colors['grey-30'],
176
- 'background-subtle-focus': colors['grey-30'],
177
- 'background-subtle-pressed': colors['grey-10'],
178
- 'background-subtle-disabled': colors['grey-70'],
179
- // Background - Semantic
180
- // blue
181
- 'background-brand': colors['blue-95'],
182
- 'background-brand-enabled': colors['blue-40'],
183
- 'background-brand-hover': colors['blue-30'],
184
- 'background-brand-focus': colors['blue-30'],
185
- 'background-brand-pressed': colors['blue-20'],
186
- 'background-brand-disabled': colors['blue-70'],
187
- 'background-brand-subtle': colors['blue-95'],
188
- 'background-subtle': colors['blue-99'],
189
- 'background-info-enabled': colors['blue-40'],
190
- 'background-minor-enabled': colors['blue-40'],
191
- 'background-minor-disabled': colors['blue-70'],
192
- // red
193
- 'background-danger-enabled': colors['red-40'],
194
- 'background-danger-hover': colors['red-30'],
195
- 'background-danger-focus': colors['red-30'],
196
- 'background-danger-pressed': colors['red-20'],
197
- 'background-danger-disabled': colors['red-70'],
198
- 'background-critical-enabled': colors['red-40'],
199
- 'background-critical-disabled': colors['red-70'],
200
- // green
201
- 'background-success-enabled': colors['green-40'],
202
- 'background-success-disabled': colors['green-70'],
203
- // yellow
204
- 'background-warning-enabled': colors['yellow-40'],
205
- 'background-medium-enabled': colors['yellow-50'],
206
- 'background-medium-disabled': colors['yellow-70'],
207
- // purple
208
- 'background-attention-enabled': colors['purple-40'],
209
- // orange
210
- 'background-high-enabled': colors['orange-40'],
211
- 'background-high-disabled': colors['orange-70'],
212
- // BORDER
213
- 'border-inverted': colors['white'],
214
- 'border-primary': colors['grey-90'],
215
- 'border-subtle-enabled': colors['grey-50'],
216
- 'border-subtle-hover': colors['grey-30'],
217
- 'border-subtle-focus': colors['grey-30'],
218
- 'border-subtle-pressed': colors['grey-10'],
219
- 'border-subtle-disabled': colors['grey-70'],
220
- //Border - Semantic
221
- // blue
222
- 'border-brand-subtle': colors['blue-70'],
223
- 'border-brand-enabled': colors['blue-40'],
224
- 'border-brand-pressed': colors['blue-20'],
225
- 'border-brand-hover': colors['blue-30'],
226
- 'border-brand-primary': colors['blue-70'],
227
- 'border-brand-disabled': colors['blue-70'],
228
- 'border-info-enabled': colors['blue-40'],
229
- 'border-minor-enabled': colors['blue-40'],
230
- 'border-minor-disabled': colors['blue-70'],
231
- // red
232
- 'border-danger-subtle': colors['red-95'],
233
- 'border-danger-enabled': colors['red-40'],
234
- 'border-danger-hover': colors['red-30'],
235
- 'border-danger-focus': colors['red-30'],
236
- 'border-danger-pressed': colors['red-20'],
237
- 'border-critical-enabled': colors['red-40'],
238
- 'border-critical-disabled': colors['red-70'],
239
- // yellow
240
- 'border-warning-enabled': colors['yellow-40'],
241
- 'border-medium-enabled': colors['yellow-50'],
242
- 'border-medium-disabled': colors['yellow-70'],
243
- // green
244
- 'border-success-enabled': colors['green-40'],
245
- 'border-success-subtle': colors['green-90'],
246
- // purple
247
- 'border-attention-enabled': colors['purple-40'],
248
- 'border-attention-disabled': colors['purple-70'],
249
- // orange
250
- 'border-high-enabled': colors['orange-40'],
251
- 'border-high-disabled': colors['orange-70'],
252
- // ICON
253
- 'icon-enabled': colors['grey-50'],
254
- 'icon-hover': colors['grey-30'],
255
- 'icon-disabled': colors['grey-70'],
256
- 'icon-focus': colors['grey-30'],
257
- 'icon-pressed': colors['grey-30'],
258
- 'icon-inverted': colors['white'],
259
- 'icon-subtle-enabled': colors['grey-50'],
260
- 'icon-subtle-hover': colors['grey-30'],
261
- 'icon-subtle-focus': colors['grey-30'],
262
- 'icon-subtle-pressed': colors['grey-10'],
263
- 'icon-subtle-disabled': colors['grey-70'],
264
- 'icon-subtle-inverted': colors['white'],
265
- // Icon - Semantic
266
- // blue
267
- 'icon-info-enabled': colors['blue-40'],
268
- 'icon-minor-enabled': colors['blue-40'],
269
- 'icon-minor-disabled': colors['blue-70'],
270
- 'icon-brand-enabled': colors['blue-40'],
271
- 'icon-brand-hover': colors['blue-30'],
272
- 'icon-brand-focus': colors['blue-30'],
273
- 'icon-brand-pressed': colors['blue-20'],
274
- 'icon-brand-disabled': colors['blue-70'],
275
- // red
276
- 'icon-danger-enabled': colors['red-40'],
277
- 'icon-danger-hover': colors['red-30'],
278
- 'icon-danger-focus': colors['red-30'],
279
- 'icon-danger-pressed': colors['red-20'],
280
- 'icon-danger-disabled': colors['red-70'],
281
- 'icon-critical-enabled': colors['red-40'],
282
- 'icon-critical-disabled': colors['red-70'],
283
- // yellow
284
- 'icon-warning-enabled': colors['yellow-40'],
285
- 'icon-medium-enabled': colors['yellow-50'],
286
- 'icon-medium-disabled': colors['yellow-70'],
287
- // green
288
- 'icon-success-enabled': colors['green-40'],
289
- 'icon-success-disabled': colors['green-70'],
290
- // orange
291
- 'icon-high-enabled': colors['orange-40'],
292
- 'icon-high-disabled': colors['orange-70'],
293
- // purple
294
- 'icon-attention-enabled': colors['purple-40'],
295
- // ILLUSTRATION
296
- 'illustration-neutral1': colors['grey-10'],
297
- 'illustration-neutral2': colors['grey-50'],
298
- 'illustration-neutral3': colors['grey-95'],
299
- 'illustration-neutral4': colors['white'],
300
- 'illustration-brand-inverted': colors['white'],
301
- 'illustration-brand1': colors['blue-40'],
302
- 'illustration-brand2': colors['blue-30'],
303
- 'illustration-brand3': colors['blue-70'],
304
- 'illustration-brand4': colors['blue-99'],
305
- // DATA VISUALIZATION
306
- 'data-color1-enabled': colors['blue-60'],
307
- 'data-color1-disabled': colors['blue-99'],
308
- 'data-color2-enabled': colors['blue-30'],
309
- 'data-color2-disabled': colors['blue-95'],
310
- 'data-color3-enabled': colors['purple-60'],
311
- 'data-color3-disabled': colors['purple-95'],
312
- 'data-color4-enabled': colors['magenta-40'],
313
- 'data-color4-disabled': colors['magenta-95'],
314
- 'data-color5-enabled': colors['purple-80'],
315
- 'data-color5-disabled': colors['purple-99'],
316
- 'data-color6-enabled': colors['grey-60'],
317
- 'data-color6-disabled': colors['grey-99'],
318
- 'data-color7-enabled': colors['grey-20'],
319
- 'data-color7-disabled': colors['grey-95'],
320
- // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
321
- // Brand
322
- 'brand-primary': colors['blue-40'],
323
- 'brand-hover': colors['blue-30'],
324
- 'brand-pressed': colors['blue-20'],
325
- 'brand-disabled': colors['blue-70'],
326
- 'brand-focus': colors['blue-90'],
327
- 'brand-inverted': colors['white'],
328
- 'brand-subtle': colors['blue-99'],
329
- // Subtle
330
- 'subtle-primary': colors['grey-50'],
331
- 'subtle-hover': colors['grey-30'],
332
- 'subtle-pressed': colors['grey-10'],
333
- 'subtle-disabled': colors['grey-70'],
334
- 'subtle-inverted': colors['white'],
335
- // Danger
336
- 'danger-primary': colors['red-40'],
337
- 'danger-hover': colors['red-30'],
338
- 'danger-pressed': colors['red-20'],
339
- 'danger-disabled': colors['red-80'],
340
- 'danger-focus': colors['red-90'],
341
- 'danger-subtle': colors['red-99'],
342
- // Success
343
- 'success-primary': colors['green-40'],
344
- 'success-hover': colors['green-30'],
345
- 'success-pressed': colors['green-20'],
346
- 'success-disabled': colors['green-80'],
347
- 'success-focus': colors['green-90'],
348
- // 'success-subtle': colors['green-99'],
349
-
350
- // Warning
351
- 'warning-primary': colors['yellow-40'],
352
- 'warning-hover': colors['yellow-30'],
353
- 'warning-pressed': colors['yellow-20'],
354
- 'warning-disabled': colors['yellow-80'],
355
- 'warning-focus': colors['yellow-90'],
356
- // 'warning-subtle': colors['yellow-99'],
357
-
358
- //High
359
- 'high-primary': colors['orange-40'],
360
- 'high-hover': colors['orange-30'],
361
- 'high-pressed': colors['orange-20'],
362
- 'high-disabled': colors['orange-80'],
363
- // Info
364
- 'info-primary': colors['blue-40'],
365
- 'info-hover': colors['blue-30'],
366
- 'info-pressed': colors['blue-20'],
367
- 'info-disabled': colors['blue-80'],
368
- 'info-inverted': colors['white'],
369
- // 'info-focus': colors['blue-90'],
370
- // 'info-subtle': colors['blue-99'],
371
-
372
- // Attention
373
- 'attention-primary': colors['purple-40'],
374
- 'attention-hover': colors['purple-30'],
375
- 'attention-pressed': colors['purple-20'],
376
- 'attention-disabled': colors['purple-80'],
377
- 'attention-focus': colors['purple-90'],
378
- // 'attention-subtle': colors['purple-99'],
379
-
380
- // Navigation
381
- 'navigation-top-primary': colors['grey-10'],
382
- 'navigation-text': colors['grey-80'],
383
- 'navigation-text-pressed': colors['grey-80']
384
- };
385
- };
386
- var functionalColors = exports.functionalColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, functionalColorsFx(baseColors)), semanticFunctionalColorsFx('text', 40)), semanticFunctionalColorsFx('background', 95)), semanticFunctionalColorsFx('border', 40)), semanticFunctionalColorsFx('icon', 40));
387
- var codacyThemeColors = exports.codacyThemeColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, baseColors), functionalColors);
@@ -1,270 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.darkFunctionalColorsFx = exports.darkCodacyThemeColors = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
- var _ = require("..");
10
- var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunctionalColorsFx(colors) {
11
- return {
12
- // TEXT
13
- 'text-primary': colors['grey-99'],
14
- 'text-secondary': colors['grey-80'],
15
- 'text-tertiary': colors['grey-60'],
16
- 'text-disabled': colors['grey-30'],
17
- 'text-inverted': colors['grey-99'],
18
- 'text-subtle-enabled': colors['grey-20'],
19
- 'text-subtle-hover': colors['grey-30'],
20
- 'text-subtle-focus': colors['grey-30'],
21
- 'text-subtle-pressed': colors['grey-50'],
22
- 'text-subtle-disabled': colors['grey-20'],
23
- 'text-subtle-inverted': colors['grey-10'],
24
- 'text-code-subtle-enabled': colors['grey-20'],
25
- 'text-code-subtle-disabled': colors['grey-60'],
26
- // Text - Link and Brand
27
- 'text-link-enabled': colors['blue-60'],
28
- 'text-link-hover': colors['blue-70'],
29
- 'text-link-focus': colors['blue-70'],
30
- 'text-link-pressed': colors['blue-30'],
31
- 'text-link-disabled': colors['blue-20'],
32
- 'text-brand-enabled': colors['blue-50'],
33
- 'text-brand-hover': colors['blue-60'],
34
- 'text-brand-focus': colors['blue-60'],
35
- 'text-brand-pressed': colors['blue-30'],
36
- 'text-brand-disabled': colors['blue-20'],
37
- // Text - Semantic
38
- // blue
39
- 'text-info-enabled': colors['blue-60'],
40
- 'text-minor-enabled': colors['blue-50'],
41
- 'text-minor-disabled': colors['blue-20'],
42
- 'text-code-brand-enabled': colors['blue-20'],
43
- 'text-code-brand-disabled': colors['blue-60'],
44
- // red
45
- 'text-danger-enabled': colors['red-60'],
46
- 'text-danger-hover': colors['red-70'],
47
- 'text-danger-focus': colors['red-70'],
48
- 'text-danger-pressed': colors['red-80'],
49
- 'text-danger-disabled': colors['red-20'],
50
- 'text-critical-enabled': colors['red-60'],
51
- 'text-critical-disabled': colors['red-30'],
52
- 'text-code-danger': colors['red-60'],
53
- // yellow
54
- 'text-warning-enabled': colors['yellow-60'],
55
- 'text-medium-enabled': colors['yellow-50'],
56
- 'text-medium-disabled': colors['yellow-20'],
57
- // green
58
- 'text-success-enabled': colors['green-60'],
59
- // orange
60
- 'text-high-enabled': colors['orange-40'],
61
- 'text-high-disabled': colors['orange-20'],
62
- // BACKGROUND
63
- 'background-primary': colors['grey-00'],
64
- 'background-secondary': colors['grey-10'],
65
- 'background-brand-inverted': colors['grey-00'],
66
- 'background-subtle-enabled': colors['grey-70'],
67
- 'background-subtle-hover': colors['grey-50'],
68
- 'background-subtle-focus': colors['grey-60'],
69
- 'background-subtle-pressed': colors['grey-50'],
70
- 'background-subtle-disabled': colors['grey-20'],
71
- // Background - Semantic
72
- // blue
73
- 'background-brand': colors['blue-10'],
74
- 'background-brand-enabled': colors['blue-50'],
75
- 'background-brand-hover': colors['blue-60'],
76
- 'background-brand-focus': colors['blue-60'],
77
- 'background-brand-pressed': colors['blue-30'],
78
- 'background-brand-disabled': colors['blue-20'],
79
- 'background-brand-subtle': colors['blue-10'],
80
- 'background-subtle': colors['blue-00'],
81
- 'background-info-enabled': colors['blue-60'],
82
- 'background-minor-enabled': colors['blue-40'],
83
- 'background-minor-disabled': colors['blue-30'],
84
- // red
85
- 'background-danger-enabled': colors['red-60'],
86
- 'background-danger-hover': colors['red-50'],
87
- 'background-danger-focus': colors['red-50'],
88
- 'background-danger-pressed': colors['red-80'],
89
- 'background-danger-disabled': colors['red-10'],
90
- 'background-critical-enabled': colors['red-50'],
91
- 'background-critical-disabled': colors['red-30'],
92
- // green
93
- 'background-success-enabled': colors['green-50'],
94
- 'background-success-disabled': colors['green-30'],
95
- // yellow
96
- 'background-warning-enabled': colors['yellow-50'],
97
- 'background-medium-enabled': colors['yellow-60'],
98
- 'background-medium-disabled': colors['yellow-30'],
99
- // purple
100
- 'background-attention-enabled': colors['purple-50'],
101
- // orange
102
- 'background-high-enabled': colors['orange-40'],
103
- 'background-high-disabled': colors['orange-30'],
104
- // BORDER
105
- 'border-inverted': colors['grey-10'],
106
- 'border-primary': colors['grey-20'],
107
- 'border-subtle-enabled': colors['grey-60'],
108
- 'border-subtle-hover': colors['grey-50'],
109
- 'border-subtle-focus': colors['grey-50'],
110
- 'border-subtle-pressed': colors['grey-60'],
111
- 'border-subtle-disabled': colors['grey-20'],
112
- //Border - Semantic
113
- // blue
114
- 'border-brand-subtle': colors['blue-50'],
115
- 'border-brand-enabled': colors['blue-60'],
116
- 'border-brand-pressed': colors['blue-30'],
117
- 'border-brand-hover': colors['blue-60'],
118
- 'border-brand-primary': colors['blue-70'],
119
- 'border-brand-disabled': colors['blue-20'],
120
- 'border-info-enabled': colors['blue-60'],
121
- 'border-minor-enabled': colors['blue-60'],
122
- 'border-minor-disabled': colors['blue-30'],
123
- // red
124
- 'border-danger-subtle': colors['red-10'],
125
- 'border-danger-enabled': colors['red-60'],
126
- 'border-danger-hover': colors['red-50'],
127
- 'border-danger-focus': colors['red-50'],
128
- 'border-danger-pressed': colors['red-20'],
129
- 'border-critical-enabled': colors['red-60'],
130
- 'border-critical-disabled': colors['red-30'],
131
- // yellow
132
- 'border-warning-enabled': colors['yellow-60'],
133
- 'border-medium-enabled': colors['yellow-60'],
134
- 'border-medium-disabled': colors['yellow-30'],
135
- // green
136
- 'border-success-enabled': colors['green-60'],
137
- 'border-success-subtle': colors['green-20'],
138
- // purple
139
- 'border-attention-enabled': colors['purple-60'],
140
- 'border-attention-disabled': colors['purple-30'],
141
- // orange
142
- 'border-high-enabled': colors['orange-60'],
143
- 'border-high-disabled': colors['orange-30'],
144
- // ICON
145
- 'icon-enabled': colors['grey-60'],
146
- 'icon-hover': colors['grey-50'],
147
- 'icon-disabled': colors['grey-30'],
148
- 'icon-focus': colors['grey-50'],
149
- 'icon-pressed': colors['grey-80'],
150
- 'icon-inverted': colors['white'],
151
- 'icon-subtle-enabled': colors['grey-60'],
152
- 'icon-subtle-hover': colors['grey-70'],
153
- 'icon-subtle-focus': colors['grey-70'],
154
- 'icon-subtle-pressed': colors['grey-80'],
155
- 'icon-subtle-disabled': colors['grey-30'],
156
- 'icon-subtle-inverted': colors['grey-00'],
157
- // Icon - Semantic
158
- // blue
159
- 'icon-info-enabled': colors['blue-60'],
160
- 'icon-minor-enabled': colors['blue-60'],
161
- 'icon-minor-disabled': colors['blue-30'],
162
- 'icon-brand-enabled': colors['blue-50'],
163
- 'icon-brand-hover': colors['blue-60'],
164
- 'icon-brand-focus': colors['blue-60'],
165
- 'icon-brand-pressed': colors['blue-30'],
166
- 'icon-brand-disabled': colors['blue-20'],
167
- // red
168
- 'icon-danger-enabled': colors['red-60'],
169
- 'icon-danger-hover': colors['red-70'],
170
- 'icon-danger-focus': colors['red-70'],
171
- 'icon-danger-pressed': colors['red-80'],
172
- 'icon-danger-disabled': colors['red-30'],
173
- 'icon-critical-enabled': colors['red-60'],
174
- 'icon-critical-disabled': colors['red-30'],
175
- // yellow
176
- 'icon-warning-enabled': colors['yellow-60'],
177
- 'icon-medium-enabled': colors['yellow-60'],
178
- 'icon-medium-disabled': colors['yellow-30'],
179
- // green
180
- 'icon-success-enabled': colors['green-60'],
181
- 'icon-success-disabled': colors['green-30'],
182
- // orange
183
- 'icon-high-enabled': colors['orange-60'],
184
- 'icon-high-disabled': colors['orange-30'],
185
- // purple
186
- 'icon-attention-enabled': colors['purple-60'],
187
- // ILLUSTRATION
188
- 'illustration-neutral1': colors['grey-10'],
189
- 'illustration-neutral2': colors['grey-50'],
190
- 'illustration-neutral3': colors['grey-80'],
191
- 'illustration-neutral4': colors['grey-95'],
192
- 'illustration-brand-inverted': colors['blue-99'],
193
- 'illustration-brand1': colors['blue-30'],
194
- 'illustration-brand2': colors['blue-40'],
195
- 'illustration-brand3': colors['blue-20'],
196
- 'illustration-brand4': colors['blue-90'],
197
- // DATA VISUALIZATION
198
- 'data-color1-enabled': colors['blue-60'],
199
- 'data-color1-disabled': colors['blue-99'],
200
- 'data-color2-enabled': colors['blue-30'],
201
- 'data-color2-disabled': colors['blue-95'],
202
- 'data-color3-enabled': colors['purple-60'],
203
- 'data-color3-disabled': colors['purple-95'],
204
- 'data-color4-enabled': colors['magenta-40'],
205
- 'data-color4-disabled': colors['magenta-95'],
206
- 'data-color5-enabled': colors['purple-80'],
207
- 'data-color5-disabled': colors['purple-99'],
208
- 'data-color6-enabled': colors['grey-60'],
209
- 'data-color6-disabled': colors['grey-99'],
210
- 'data-color7-enabled': colors['grey-20'],
211
- 'data-color7-disabled': colors['grey-95'],
212
- // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
213
- // Brand
214
- 'brand-primary': colors['blue-60'],
215
- 'brand-hover': colors['blue-70'],
216
- 'brand-pressed': colors['blue-20'],
217
- 'brand-disabled': colors['blue-30'],
218
- 'brand-focus': colors['blue-10'],
219
- 'brand-inverted': colors['grey-00'],
220
- 'brand-subtle': colors['blue-10'],
221
- // Subtle
222
- 'subtle-primary': colors['grey-50'],
223
- 'subtle-hover': colors['grey-30'],
224
- 'subtle-pressed': colors['grey-10'],
225
- 'subtle-disabled': colors['grey-30'],
226
- 'subtle-inverted': colors['grey-99'],
227
- // Danger
228
- 'danger-primary': colors['red-60'],
229
- 'danger-hover': colors['red-70'],
230
- 'danger-pressed': colors['red-30'],
231
- 'danger-disabled': colors['red-10'],
232
- 'danger-focus': colors['red-20'],
233
- 'danger-subtle': colors['red-10'],
234
- // Success
235
- 'success-primary': colors['green-60'],
236
- 'success-hover': colors['green-70'],
237
- 'success-pressed': colors['green-30'],
238
- 'success-disabled': colors['green-10'],
239
- 'success-focus': colors['green-20'],
240
- // Warning
241
- 'warning-primary': colors['yellow-60'],
242
- 'warning-hover': colors['yellow-70'],
243
- 'warning-pressed': colors['yellow-30'],
244
- 'warning-disabled': colors['yellow-10'],
245
- 'warning-focus': colors['yellow-20'],
246
- //High
247
- 'high-primary': colors['orange-60'],
248
- 'high-hover': colors['orange-70'],
249
- 'high-pressed': colors['orange-30'],
250
- 'high-disabled': colors['orange-10'],
251
- // Info
252
- 'info-primary': colors['blue-60'],
253
- 'info-hover': colors['blue-70'],
254
- 'info-pressed': colors['blue-30'],
255
- 'info-disabled': colors['blue-10'],
256
- 'info-inverted': colors['white'],
257
- // Attention
258
- 'attention-primary': colors['purple-60'],
259
- 'attention-hover': colors['purple-70'],
260
- 'attention-pressed': colors['purple-30'],
261
- 'attention-disabled': colors['purple-10'],
262
- 'attention-focus': colors['purple-20'],
263
- // Navigation
264
- 'navigation-top-primary': colors['grey-20'],
265
- 'navigation-text': colors['grey-70'],
266
- 'navigation-text-pressed': colors['grey-70']
267
- };
268
- };
269
- var functionalColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, darkFunctionalColorsFx(_.baseColors)), (0, _.semanticFunctionalColorsFx)('text', 60)), (0, _.semanticFunctionalColorsFx)('background', 10)), (0, _.semanticFunctionalColorsFx)('border', 60)), (0, _.semanticFunctionalColorsFx)('icon', 60));
270
- var darkCodacyThemeColors = exports.darkCodacyThemeColors = functionalColors;
@@ -1,2 +0,0 @@
1
- import { ColorScheme } from './codacy';
2
- export declare const securityThemeColors: ColorScheme;