@codacy/ui-components 0.65.91 → 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 -272
  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 -595
  47. package/lib/theme/ColorSchemes/codacy.js +0 -371
  48. package/lib/theme/ColorSchemes/dark.js +0 -271
  49. package/lib/theme/ColorSchemes/security.d.ts +0 -2
  50. package/lib/theme/ColorSchemes/security.js +0 -28
@@ -1,371 +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);
27
- colors["".concat(color.name, "-95")] = hslToHex(color.hue, color.saturation, 95);
28
- colors["".concat(color.name, "-90")] = hslToHex(color.hue, color.saturation, 90);
29
- for (var i = 80; i >= 10; 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
44
- })), generateBaseColors({
45
- name: 'magenta',
46
- hue: 310,
47
- saturation: 63,
48
- lightnessStart: 2
49
- })), generateBaseColors({
50
- name: 'purple',
51
- hue: 266,
52
- saturation: 64,
53
- lightnessStart: 7
54
- })), generateBaseColors({
55
- name: 'orange',
56
- hue: 29,
57
- saturation: 98,
58
- lightnessStart: 7
59
- })), generateBaseColors({
60
- name: 'grey',
61
- hue: 219,
62
- saturation: 25,
63
- lightnessStart: 7
64
- })), generateBaseColors({
65
- name: 'red',
66
- hue: 359,
67
- saturation: 67,
68
- lightnessStart: 7
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
79
- })), {}, {
80
- white: '#FFFFFF',
81
- black: '#000000'
82
- });
83
- var semanticFunctionalColorsFx = exports.semanticFunctionalColorsFx = function semanticFunctionalColorsFx(prefix, number) {
84
- var colors = {};
85
- var semanticMapToColor = {
86
- danger: 'red',
87
- success: 'green',
88
- warning: 'yellow',
89
- info: 'blue',
90
- attention: 'purple',
91
- critical: 'red',
92
- high: 'orange',
93
- medium: 'yellow',
94
- minor: 'blue'
95
- };
96
- semantics.map(function (semantic) {
97
- return colors["".concat(prefix, "-").concat(semantic)] = baseColors["".concat(semanticMapToColor[semantic], "-").concat(number)];
98
- });
99
- return colors;
100
- };
101
- var functionalColorsFx = exports.functionalColorsFx = function functionalColorsFx(colors) {
102
- return {
103
- // TEXT
104
- 'text-primary': colors['grey-10'],
105
- 'text-secondary': colors['grey-30'],
106
- 'text-tertiary': colors['grey-50'],
107
- 'text-disabled': colors['grey-70'],
108
- 'text-inverted': colors['white'],
109
- 'text-subtle-enabled': colors['grey-50'],
110
- 'text-subtle-hover': colors['grey-30'],
111
- 'text-subtle-focus': colors['grey-30'],
112
- 'text-subtle-pressed': colors['grey-10'],
113
- 'text-subtle-disabled': colors['grey-70'],
114
- 'text-subtle-inverted': colors['white'],
115
- 'text-code-subtle-enabled': colors['grey-20'],
116
- 'text-code-subtle-disabled': colors['grey-60'],
117
- // Text - Link and Brand
118
- 'text-link-enabled': colors['blue-40'],
119
- 'text-link-hover': colors['blue-30'],
120
- 'text-link-focus': colors['blue-30'],
121
- 'text-link-pressed': colors['blue-20'],
122
- 'text-link-disabled': colors['blue-70'],
123
- 'text-brand-enabled': colors['blue-40'],
124
- 'text-brand-hover': colors['blue-30'],
125
- 'text-brand-focus': colors['blue-30'],
126
- 'text-brand-pressed': colors['blue-20'],
127
- 'text-brand-disabled': colors['blue-70'],
128
- // Text - Semantic
129
- // blue
130
- 'text-info-enabled': colors['blue-40'],
131
- 'text-minor-enabled': colors['blue-40'],
132
- 'text-minor-disabled': colors['blue-70'],
133
- 'text-code-brand-enabled': colors['blue-20'],
134
- 'text-code-brand-disabled': colors['blue-60'],
135
- // red
136
- 'text-danger-enabled': colors['red-40'],
137
- 'text-danger-hover': colors['red-30'],
138
- 'text-danger-focus': colors['red-30'],
139
- 'text-danger-pressed': colors['red-20'],
140
- 'text-danger-disabled': colors['red-70'],
141
- 'text-critical-enabled': colors['red-40'],
142
- 'text-critical-disabled': colors['red-70'],
143
- 'text-code-danger': colors['red-60'],
144
- // yellow
145
- 'text-warning-enabled': colors['yellow-40'],
146
- 'text-medium-enabled': colors['yellow-40'],
147
- 'text-medium-disabled': colors['yellow-70'],
148
- // green
149
- 'text-success-enabled': colors['green-40'],
150
- // orange
151
- 'text-high-enabled': colors['orange-40'],
152
- 'text-high-disabled': colors['orange-70'],
153
- // BACKGROUND
154
- 'background-primary': colors['white'],
155
- 'background-secondary': colors['grey-99'],
156
- 'background-brand-inverted': colors['white'],
157
- 'background-subtle-enabled': colors['grey-40'],
158
- 'background-subtle-hover': colors['grey-30'],
159
- 'background-subtle-focus': colors['grey-30'],
160
- 'background-subtle-pressed': colors['grey-10'],
161
- 'background-subtle-disabled': colors['grey-70'],
162
- // Background - Semantic
163
- // blue
164
- 'background-brand': colors['blue-95'],
165
- 'background-brand-enabled': colors['blue-40'],
166
- 'background-brand-hover': colors['blue-30'],
167
- 'background-brand-focus': colors['blue-30'],
168
- 'background-brand-pressed': colors['blue-20'],
169
- 'background-brand-disabled': colors['blue-70'],
170
- 'background-brand-subtle': colors['blue-95'],
171
- 'background-subtle': colors['blue-99'],
172
- 'background-info-enabled': colors['blue-40'],
173
- 'background-minor-enabled': colors['blue-40'],
174
- 'background-minor-disabled': colors['blue-70'],
175
- // red
176
- 'background-danger-enabled': colors['red-40'],
177
- 'background-danger-hover': colors['red-30'],
178
- 'background-danger-focus': colors['red-30'],
179
- 'background-danger-pressed': colors['red-20'],
180
- 'background-danger-disabled': colors['red-70'],
181
- 'background-critical-enabled': colors['red-40'],
182
- 'background-critical-disabled': colors['red-70'],
183
- // green
184
- 'background-success-enabled': colors['green-40'],
185
- 'background-success-disabled': colors['green-70'],
186
- // yellow
187
- 'background-warning-enabled': colors['yellow-40'],
188
- 'background-medium-enabled': colors['yellow-40'],
189
- 'background-medium-disabled': colors['yellow-70'],
190
- // purple
191
- 'background-attention-enabled': colors['purple-40'],
192
- // orange
193
- 'background-high-enabled': colors['orange-40'],
194
- 'background-high-disabled': colors['orange-70'],
195
- // BORDER
196
- 'border-inverted': colors['white'],
197
- 'border-primary': colors['grey-90'],
198
- 'border-subtle-enabled': colors['grey-50'],
199
- 'border-subtle-hover': colors['grey-30'],
200
- 'border-subtle-focus': colors['grey-30'],
201
- 'border-subtle-pressed': colors['grey-10'],
202
- 'border-subtle-disabled': colors['grey-70'],
203
- //Border - Semantic
204
- // blue
205
- 'border-brand-subtle': colors['blue-70'],
206
- 'border-brand-enabled': colors['blue-40'],
207
- 'border-brand-pressed': colors['blue-20'],
208
- 'border-brand-hover': colors['blue-30'],
209
- 'border-brand-primary': colors['blue-70'],
210
- 'border-brand-disabled': colors['blue-70'],
211
- 'border-info-enabled': colors['blue-40'],
212
- 'border-minor-enabled': colors['blue-40'],
213
- 'border-minor-disabled': colors['blue-70'],
214
- // red
215
- 'border-danger-subtle': colors['red-95'],
216
- 'border-danger-enabled': colors['red-40'],
217
- 'border-danger-hover': colors['red-30'],
218
- 'border-danger-focus': colors['red-30'],
219
- 'border-danger-pressed': colors['red-20'],
220
- 'border-critical-enabled': colors['red-40'],
221
- 'border-critical-disabled': colors['red-70'],
222
- // yellow
223
- 'border-warning-enabled': colors['yellow-40'],
224
- 'border-medium-enabled': colors['yellow-40'],
225
- 'border-medium-disabled': colors['yellow-70'],
226
- // green
227
- 'border-success-enabled': colors['green-40'],
228
- 'border-success-subtle': colors['green-90'],
229
- // purple
230
- 'border-attention-enabled': colors['purple-40'],
231
- 'border-attention-disabled': colors['purple-70'],
232
- // orange
233
- 'border-high-enabled': colors['orange-40'],
234
- 'border-high-subtle-enabled': colors['orange-50'],
235
- 'border-high-disabled': colors['orange-70'],
236
- // ICON
237
- 'icon-enabled': colors['grey-50'],
238
- 'icon-hover': colors['grey-30'],
239
- 'icon-disabled': colors['grey-70'],
240
- 'icon-focus': colors['grey-30'],
241
- 'icon-pressed': colors['grey-30'],
242
- 'icon-inverted': colors['white'],
243
- 'icon-subtle-enabled': colors['grey-50'],
244
- 'icon-subtle-hover': colors['grey-30'],
245
- 'icon-subtle-focus': colors['grey-30'],
246
- 'icon-subtle-pressed': colors['grey-10'],
247
- 'icon-subtle-disabled': colors['grey-70'],
248
- 'icon-subtle-inverted': colors['white'],
249
- // Icon - Semantic
250
- // blue
251
- 'icon-info-enabled': colors['blue-40'],
252
- 'icon-minor-enabled': colors['blue-40'],
253
- 'icon-minor-disabled': colors['blue-70'],
254
- 'icon-brand-enabled': colors['blue-40'],
255
- 'icon-brand-hover': colors['blue-30'],
256
- 'icon-brand-focus': colors['blue-30'],
257
- 'icon-brand-pressed': colors['blue-20'],
258
- 'icon-brand-disabled': colors['blue-70'],
259
- // red
260
- 'icon-danger-enabled': colors['red-40'],
261
- 'icon-danger-hover': colors['red-30'],
262
- 'icon-danger-focus': colors['red-30'],
263
- 'icon-danger-pressed': colors['red-20'],
264
- 'icon-danger-disabled': colors['red-70'],
265
- 'icon-critical-enabled': colors['red-40'],
266
- 'icon-critical-disabled': colors['red-70'],
267
- // yellow
268
- 'icon-warning-enabled': colors['yellow-40'],
269
- 'icon-medium-enabled': colors['yellow-40'],
270
- 'icon-medium-disabled': colors['yellow-70'],
271
- // green
272
- 'icon-success-enabled': colors['green-40'],
273
- 'icon-success-disabled': colors['green-70'],
274
- // orange
275
- 'icon-high-enabled': colors['orange-40'],
276
- 'icon-high-disabled': colors['orange-70'],
277
- // purple
278
- 'icon-attention-enabled': colors['purple-40'],
279
- // ILLUSTRATION
280
- 'illustration-neutral1': colors['grey-10'],
281
- 'illustration-neutral2': colors['grey-50'],
282
- 'illustration-neutral3': colors['grey-95'],
283
- 'illustration-neutral4': colors['white'],
284
- 'illustration-brand-inverted': colors['white'],
285
- 'illustration-brand1': colors['blue-40'],
286
- 'illustration-brand2': colors['blue-30'],
287
- 'illustration-brand3': colors['blue-70'],
288
- 'illustration-brand4': colors['blue-99'],
289
- // DATA VISUALIZATION
290
- 'data-color1-enabled': colors['blue-60'],
291
- 'data-color1-disabled': colors['blue-99'],
292
- 'data-color2-enabled': colors['blue-30'],
293
- 'data-color2-disabled': colors['blue-95'],
294
- 'data-color3-enabled': colors['purple-60'],
295
- 'data-color3-disabled': colors['purple-95'],
296
- 'data-color4-enabled': colors['magenta-40'],
297
- 'data-color4-disabled': colors['magenta-95'],
298
- 'data-color5-enabled': colors['purple-80'],
299
- 'data-color5-disabled': colors['purple-99'],
300
- 'data-color6-enabled': colors['grey-60'],
301
- 'data-color6-disabled': colors['grey-99'],
302
- 'data-color7-enabled': colors['grey-20'],
303
- 'data-color7-disabled': colors['grey-95'],
304
- // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
305
- // Brand
306
- 'brand-primary': colors['blue-40'],
307
- 'brand-hover': colors['blue-30'],
308
- 'brand-pressed': colors['blue-20'],
309
- 'brand-disabled': colors['blue-70'],
310
- 'brand-focus': colors['blue-90'],
311
- 'brand-inverted': colors['white'],
312
- 'brand-subtle': colors['blue-99'],
313
- // Subtle
314
- 'subtle-primary': colors['grey-50'],
315
- 'subtle-hover': colors['grey-30'],
316
- 'subtle-pressed': colors['grey-10'],
317
- 'subtle-disabled': colors['grey-70'],
318
- 'subtle-inverted': colors['white'],
319
- // Danger
320
- 'danger-primary': colors['red-40'],
321
- 'danger-hover': colors['red-30'],
322
- 'danger-pressed': colors['red-20'],
323
- 'danger-disabled': colors['red-80'],
324
- 'danger-focus': colors['red-90'],
325
- 'danger-subtle': colors['red-99'],
326
- // Success
327
- 'success-primary': colors['green-40'],
328
- 'success-hover': colors['green-30'],
329
- 'success-pressed': colors['green-20'],
330
- 'success-disabled': colors['green-80'],
331
- 'success-focus': colors['green-90'],
332
- // 'success-subtle': colors['green-99'],
333
-
334
- // Warning
335
- 'warning-primary': colors['yellow-40'],
336
- 'warning-hover': colors['yellow-30'],
337
- 'warning-pressed': colors['yellow-20'],
338
- 'warning-disabled': colors['yellow-80'],
339
- 'warning-focus': colors['yellow-90'],
340
- // 'warning-subtle': colors['yellow-99'],
341
-
342
- //High
343
- 'high-primary': colors['orange-40'],
344
- 'high-hover': colors['orange-30'],
345
- 'high-pressed': colors['orange-20'],
346
- 'high-disabled': colors['orange-80'],
347
- // Info
348
- 'info-primary': colors['blue-40'],
349
- 'info-hover': colors['blue-30'],
350
- 'info-pressed': colors['blue-20'],
351
- 'info-disabled': colors['blue-80'],
352
- 'info-inverted': colors['white'],
353
- // 'info-focus': colors['blue-90'],
354
- // 'info-subtle': colors['blue-99'],
355
-
356
- // Attention
357
- 'attention-primary': colors['purple-40'],
358
- 'attention-hover': colors['purple-30'],
359
- 'attention-pressed': colors['purple-20'],
360
- 'attention-disabled': colors['purple-80'],
361
- 'attention-focus': colors['purple-90'],
362
- // 'attention-subtle': colors['purple-99'],
363
-
364
- // Navigation
365
- 'navigation-top-primary': colors['grey-10'],
366
- 'navigation-text': colors['grey-80'],
367
- 'navigation-text-pressed': colors['grey-80']
368
- };
369
- };
370
- 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));
371
- var codacyThemeColors = exports.codacyThemeColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, baseColors), functionalColors);
@@ -1,271 +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-40'],
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['black'],
64
- 'background-secondary': colors['grey-10'],
65
- 'background-brand-inverted': colors['black'],
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['black'],
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-40'],
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-subtle-enabled': colors['orange-50'],
144
- 'border-high-disabled': colors['orange-30'],
145
- // ICON
146
- 'icon-enabled': colors['grey-60'],
147
- 'icon-hover': colors['grey-50'],
148
- 'icon-disabled': colors['grey-30'],
149
- 'icon-focus': colors['grey-50'],
150
- 'icon-pressed': colors['grey-80'],
151
- 'icon-inverted': colors['white'],
152
- 'icon-subtle-enabled': colors['grey-60'],
153
- 'icon-subtle-hover': colors['grey-70'],
154
- 'icon-subtle-focus': colors['grey-70'],
155
- 'icon-subtle-pressed': colors['grey-80'],
156
- 'icon-subtle-disabled': colors['grey-30'],
157
- 'icon-subtle-inverted': colors['black'],
158
- // Icon - Semantic
159
- // blue
160
- 'icon-info-enabled': colors['blue-60'],
161
- 'icon-minor-enabled': colors['blue-60'],
162
- 'icon-minor-disabled': colors['blue-30'],
163
- 'icon-brand-enabled': colors['blue-50'],
164
- 'icon-brand-hover': colors['blue-60'],
165
- 'icon-brand-focus': colors['blue-60'],
166
- 'icon-brand-pressed': colors['blue-30'],
167
- 'icon-brand-disabled': colors['blue-20'],
168
- // red
169
- 'icon-danger-enabled': colors['red-60'],
170
- 'icon-danger-hover': colors['red-70'],
171
- 'icon-danger-focus': colors['red-70'],
172
- 'icon-danger-pressed': colors['red-80'],
173
- 'icon-danger-disabled': colors['red-30'],
174
- 'icon-critical-enabled': colors['red-60'],
175
- 'icon-critical-disabled': colors['red-30'],
176
- // yellow
177
- 'icon-warning-enabled': colors['yellow-60'],
178
- 'icon-medium-enabled': colors['yellow-60'],
179
- 'icon-medium-disabled': colors['yellow-30'],
180
- // green
181
- 'icon-success-enabled': colors['green-60'],
182
- 'icon-success-disabled': colors['green-30'],
183
- // orange
184
- 'icon-high-enabled': colors['orange-60'],
185
- 'icon-high-disabled': colors['orange-30'],
186
- // purple
187
- 'icon-attention-enabled': colors['purple-60'],
188
- // ILLUSTRATION
189
- 'illustration-neutral1': colors['grey-10'],
190
- 'illustration-neutral2': colors['grey-50'],
191
- 'illustration-neutral3': colors['grey-80'],
192
- 'illustration-neutral4': colors['grey-95'],
193
- 'illustration-brand-inverted': colors['blue-99'],
194
- 'illustration-brand1': colors['blue-30'],
195
- 'illustration-brand2': colors['blue-40'],
196
- 'illustration-brand3': colors['blue-20'],
197
- 'illustration-brand4': colors['blue-90'],
198
- // DATA VISUALIZATION
199
- 'data-color1-enabled': colors['blue-60'],
200
- 'data-color1-disabled': colors['blue-99'],
201
- 'data-color2-enabled': colors['blue-30'],
202
- 'data-color2-disabled': colors['blue-95'],
203
- 'data-color3-enabled': colors['purple-60'],
204
- 'data-color3-disabled': colors['purple-95'],
205
- 'data-color4-enabled': colors['magenta-40'],
206
- 'data-color4-disabled': colors['magenta-95'],
207
- 'data-color5-enabled': colors['purple-80'],
208
- 'data-color5-disabled': colors['purple-99'],
209
- 'data-color6-enabled': colors['grey-60'],
210
- 'data-color6-disabled': colors['grey-99'],
211
- 'data-color7-enabled': colors['grey-20'],
212
- 'data-color7-disabled': colors['grey-95'],
213
- // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
214
- // Brand
215
- 'brand-primary': colors['blue-60'],
216
- 'brand-hover': colors['blue-70'],
217
- 'brand-pressed': colors['blue-20'],
218
- 'brand-disabled': colors['blue-30'],
219
- 'brand-focus': colors['blue-10'],
220
- 'brand-inverted': colors['black'],
221
- 'brand-subtle': colors['blue-10'],
222
- // Subtle
223
- 'subtle-primary': colors['grey-50'],
224
- 'subtle-hover': colors['grey-30'],
225
- 'subtle-pressed': colors['grey-10'],
226
- 'subtle-disabled': colors['grey-30'],
227
- 'subtle-inverted': colors['grey-99'],
228
- // Danger
229
- 'danger-primary': colors['red-60'],
230
- 'danger-hover': colors['red-70'],
231
- 'danger-pressed': colors['red-30'],
232
- 'danger-disabled': colors['red-10'],
233
- 'danger-focus': colors['red-20'],
234
- 'danger-subtle': colors['red-10'],
235
- // Success
236
- 'success-primary': colors['green-60'],
237
- 'success-hover': colors['green-70'],
238
- 'success-pressed': colors['green-30'],
239
- 'success-disabled': colors['green-10'],
240
- 'success-focus': colors['green-20'],
241
- // Warning
242
- 'warning-primary': colors['yellow-60'],
243
- 'warning-hover': colors['yellow-70'],
244
- 'warning-pressed': colors['yellow-30'],
245
- 'warning-disabled': colors['yellow-10'],
246
- 'warning-focus': colors['yellow-20'],
247
- //High
248
- 'high-primary': colors['orange-60'],
249
- 'high-hover': colors['orange-70'],
250
- 'high-pressed': colors['orange-30'],
251
- 'high-disabled': colors['orange-10'],
252
- // Info
253
- 'info-primary': colors['blue-60'],
254
- 'info-hover': colors['blue-70'],
255
- 'info-pressed': colors['blue-30'],
256
- 'info-disabled': colors['blue-10'],
257
- 'info-inverted': colors['white'],
258
- // Attention
259
- 'attention-primary': colors['purple-60'],
260
- 'attention-hover': colors['purple-70'],
261
- 'attention-pressed': colors['purple-30'],
262
- 'attention-disabled': colors['purple-10'],
263
- 'attention-focus': colors['purple-20'],
264
- // Navigation
265
- 'navigation-top-primary': colors['grey-20'],
266
- 'navigation-text': colors['grey-70'],
267
- 'navigation-text-pressed': colors['grey-70']
268
- };
269
- };
270
- 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));
271
- var darkCodacyThemeColors = exports.darkCodacyThemeColors = functionalColors;
@@ -1,2 +0,0 @@
1
- import { ColorScheme } from './codacy';
2
- export declare const securityThemeColors: ColorScheme;