@codacy/ui-components 0.65.31 → 0.65.33

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 (53) hide show
  1. package/lib/Banner/Banner.js +2 -2
  2. package/lib/Banner/Banner.styles.js +4 -4
  3. package/lib/Banner/Banner.types.d.ts +1 -1
  4. package/lib/Button/styles.js +8 -7
  5. package/lib/Button/types.d.ts +2 -2
  6. package/lib/Checkbox/styles.js +12 -12
  7. package/lib/CloseButton/index.js +3 -3
  8. package/lib/Divider/Divider.styles.js +4 -4
  9. package/lib/Dropdown/Dropdown.styles.js +10 -10
  10. package/lib/Dropdown/Triggers/FilterTrigger.js +3 -3
  11. package/lib/Dropdown/Triggers/SelectTrigger.js +1 -1
  12. package/lib/InlineMessage/InlineMessage.js +1 -1
  13. package/lib/Input/Input.js +3 -3
  14. package/lib/Input/styles.js +14 -14
  15. package/lib/Link/Link.styles.js +2 -2
  16. package/lib/Message/Message.styles.js +2 -2
  17. package/lib/Modal/styles.js +14 -14
  18. package/lib/MoreInfo/MoreInfo.js +1 -1
  19. package/lib/Panel/Panel.styles.js +2 -2
  20. package/lib/PillLabel/PillLabel.styles.js +7 -7
  21. package/lib/Popup/styles.js +3 -3
  22. package/lib/ProgressBar/styles.js +6 -6
  23. package/lib/Radio/Radio.js +1 -1
  24. package/lib/Radio/styles.js +8 -8
  25. package/lib/Skeleton/Skeleton.styles.js +4 -4
  26. package/lib/Slider/styles.js +10 -10
  27. package/lib/StepNumber/StepNumber.js +1 -1
  28. package/lib/StepNumber/styles.js +2 -2
  29. package/lib/Stepper/Stepper.js +2 -2
  30. package/lib/Stepper/Stepper.styles.js +7 -7
  31. package/lib/Switcher/Switcher.styles.js +5 -5
  32. package/lib/Tab/Tab.styles.js +6 -6
  33. package/lib/Table/NewSelectableTable.d.ts +1 -0
  34. package/lib/Table/NewSelectableTable.js +38 -20
  35. package/lib/Table/Table.js +1 -1
  36. package/lib/Table/Table.styles.js +14 -14
  37. package/lib/TagsInput/style.js +5 -5
  38. package/lib/Textarea/Textarea.styles.js +11 -11
  39. package/lib/Toggle/Toggle.js +1 -1
  40. package/lib/Toggle/styles.js +16 -16
  41. package/lib/Tooltip/styles.js +6 -6
  42. package/lib/Typography/Typography.types.d.ts +1 -1
  43. package/lib/theme/ColorSchemes/codacy.d.ts +209 -201
  44. package/lib/theme/ColorSchemes/codacy.js +154 -123
  45. package/lib/theme/ColorSchemes/security.d.ts +2 -0
  46. package/lib/theme/ColorSchemes/security.js +28 -0
  47. package/lib/theme/index.d.ts +1 -1
  48. package/lib/theme/index.js +4 -4
  49. package/lib/theme/theme.d.ts +1 -1
  50. package/lib/theme/theme.js +4 -4
  51. package/package.json +1 -1
  52. package/lib/theme/ColorSchemes/pulse.d.ts +0 -2
  53. package/lib/theme/ColorSchemes/pulse.js +0 -62
package/lib/theme/ColorSchemes/codacy.d.ts CHANGED
@@ -10,48 +10,40 @@ export declare const baseColors: {
10
10
  'blue-30': string;
11
11
  'blue-20': string;
12
12
  'blue-10': string;
13
- 'black-700': string;
14
- 'black-600': string;
15
- 'black-500': string;
16
- 'black-400': string;
17
- 'black-300': string;
18
- 'black-200': string;
19
- 'black-100': string;
20
- 'black-80': string;
21
- 'black-60': string;
22
- 'black-50': string;
23
- white: string;
24
- 'purple-100': string;
25
- 'purple-200': string;
26
- 'purple-300': string;
27
- 'purple-400': string;
28
- 'purple-500': string;
29
- 'purple-600': string;
30
- 'purple-700': string;
31
- 'purple-800': string;
32
- 'purple-900': string;
33
- 'magenta-99': string;
34
- 'magenta-95': string;
35
- 'magenta-90': string;
36
- 'magenta-80': string;
37
- 'magenta-70': string;
38
- 'magenta-60': string;
39
- 'magenta-50': string;
40
- 'magenta-40': string;
41
- 'magenta-30': string;
42
- 'magenta-20': string;
43
- 'magenta-10': string;
44
- 'orange-200': string;
45
- 'orange-100': string;
13
+ 'orange-99': string;
14
+ 'orange-95': string;
15
+ 'orange-90': string;
16
+ 'orange-80': string;
17
+ 'orange-70': string;
18
+ 'orange-60': string;
46
19
  'orange-50': string;
47
- 'turquoise-700': string;
48
- 'turquoise-600': string;
49
- 'turquoise-500': string;
50
- 'turquoise-400': string;
51
- 'turquoise-300': string;
52
- 'turquoise-200': string;
53
- 'turquoise-100': string;
54
- 'turquoise-80': string;
20
+ 'orange-40': string;
21
+ 'orange-30': string;
22
+ 'orange-20': string;
23
+ 'orange-10': string;
24
+ 'purple-99': string;
25
+ 'purple-95': string;
26
+ 'purple-90': string;
27
+ 'purple-80': string;
28
+ 'purple-70': string;
29
+ 'purple-60': string;
30
+ 'purple-50': string;
31
+ 'purple-40': string;
32
+ 'purple-30': string;
33
+ 'purple-20': string;
34
+ 'purple-10': string;
35
+ 'grey-99': string;
36
+ 'grey-95': string;
37
+ 'grey-90': string;
38
+ 'grey-80': string;
39
+ 'grey-70': string;
40
+ 'grey-60': string;
41
+ 'grey-50': string;
42
+ 'grey-40': string;
43
+ 'grey-30': string;
44
+ 'grey-20': string;
45
+ 'grey-10': string;
46
+ white: string;
55
47
  'red-99': string;
56
48
  'red-95': string;
57
49
  'red-90': string;
@@ -63,11 +55,17 @@ export declare const baseColors: {
63
55
  'red-30': string;
64
56
  'red-20': string;
65
57
  'red-10': string;
66
- 'green-300': string;
67
- 'green-200': string;
68
- 'green-100': string;
58
+ 'green-99': string;
59
+ 'green-95': string;
60
+ 'green-90': string;
69
61
  'green-80': string;
62
+ 'green-70': string;
63
+ 'green-60': string;
70
64
  'green-50': string;
65
+ 'green-40': string;
66
+ 'green-30': string;
67
+ 'green-20': string;
68
+ 'green-10': string;
71
69
  'yellow-99': string;
72
70
  'yellow-95': string;
73
71
  'yellow-90': string;
@@ -93,47 +91,39 @@ export declare const functionalColorsFx: (colors: {
93
91
  "blue-30": string;
94
92
  "blue-20": string;
95
93
  "blue-10": string;
96
- "black-700": string;
97
- "black-600": string;
98
- "black-500": string;
99
- "black-400": string;
100
- "black-300": string;
101
- "black-200": string;
102
- "black-100": string;
103
- "black-80": string;
104
- "black-60": string;
105
- "black-50": string;
106
- "purple-100": string;
107
- "purple-200": string;
108
- "purple-300": string;
109
- "purple-400": string;
110
- "purple-500": string;
111
- "purple-600": string;
112
- "purple-700": string;
113
- "purple-800": string;
114
- "purple-900": string;
115
- "magenta-99": string;
116
- "magenta-95": string;
117
- "magenta-90": string;
118
- "magenta-80": string;
119
- "magenta-70": string;
120
- "magenta-60": string;
121
- "magenta-50": string;
122
- "magenta-40": string;
123
- "magenta-30": string;
124
- "magenta-20": string;
125
- "magenta-10": string;
126
- "orange-200": string;
127
- "orange-100": string;
94
+ "orange-99": string;
95
+ "orange-95": string;
96
+ "orange-90": string;
97
+ "orange-80": string;
98
+ "orange-70": string;
99
+ "orange-60": string;
128
100
  "orange-50": string;
129
- "turquoise-700": string;
130
- "turquoise-600": string;
131
- "turquoise-500": string;
132
- "turquoise-400": string;
133
- "turquoise-300": string;
134
- "turquoise-200": string;
135
- "turquoise-100": string;
136
- "turquoise-80": string;
101
+ "orange-40": string;
102
+ "orange-30": string;
103
+ "orange-20": string;
104
+ "orange-10": string;
105
+ "purple-99": string;
106
+ "purple-95": string;
107
+ "purple-90": string;
108
+ "purple-80": string;
109
+ "purple-70": string;
110
+ "purple-60": string;
111
+ "purple-50": string;
112
+ "purple-40": string;
113
+ "purple-30": string;
114
+ "purple-20": string;
115
+ "purple-10": string;
116
+ "grey-99": string;
117
+ "grey-95": string;
118
+ "grey-90": string;
119
+ "grey-80": string;
120
+ "grey-70": string;
121
+ "grey-60": string;
122
+ "grey-50": string;
123
+ "grey-40": string;
124
+ "grey-30": string;
125
+ "grey-20": string;
126
+ "grey-10": string;
137
127
  "red-99": string;
138
128
  "red-95": string;
139
129
  "red-90": string;
@@ -145,11 +135,17 @@ export declare const functionalColorsFx: (colors: {
145
135
  "red-30": string;
146
136
  "red-20": string;
147
137
  "red-10": string;
148
- "green-300": string;
149
- "green-200": string;
150
- "green-100": string;
138
+ "green-99": string;
139
+ "green-95": string;
140
+ "green-90": string;
151
141
  "green-80": string;
142
+ "green-70": string;
143
+ "green-60": string;
152
144
  "green-50": string;
145
+ "green-40": string;
146
+ "green-30": string;
147
+ "green-20": string;
148
+ "green-10": string;
153
149
  "yellow-99": string;
154
150
  "yellow-95": string;
155
151
  "yellow-90": string;
@@ -163,153 +159,165 @@ export declare const functionalColorsFx: (colors: {
163
159
  "yellow-10": string;
164
160
  }) => {
165
161
  'brand-primary': string;
166
- 'accent-primary': string;
167
- 'accent-primary-hover': string;
168
- 'accent-primary-focus': string;
169
- 'accent-primary-active': string;
170
- 'accent-primary-disabled': string;
171
- 'accent-subtle': string;
172
- 'accent-subtle-hover': string;
173
- 'accent-subtle-focus': string;
174
- 'accent-subtle-active': string;
175
- 'accent-subtle-disabled': string;
176
- 'accent-success': string;
177
- 'accent-success-hover': string;
178
- 'accent-success-focus': string;
179
- 'accent-success-active': string;
180
- 'accent-success-disabled': string;
181
- 'accent-danger': string;
182
- 'accent-danger-hover': string;
183
- 'accent-danger-focus': string;
184
- 'accent-danger-active': string;
185
- 'accent-danger-disabled': string;
186
- 'accent-warning': string;
187
- 'accent-info': string;
188
- 'accent-attention': string;
162
+ 'brand-hover': string;
163
+ 'brand-pressed': string;
164
+ 'brand-disabled': string;
165
+ 'brand-focus': string;
166
+ 'brand-inverted': string;
167
+ 'brand-subtle': string;
168
+ 'subtle-primary': string;
169
+ 'subtle-hover': string;
170
+ 'subtle-pressed': string;
171
+ 'subtle-disabled': string;
172
+ 'subtle-inverted': string;
173
+ 'danger-primary': string;
174
+ 'danger-hover': string;
175
+ 'danger-pressed': string;
176
+ 'danger-disabled': string;
177
+ 'danger-focus': string;
178
+ 'danger-subtle': string;
179
+ 'success-primary': string;
180
+ 'success-hover': string;
181
+ 'success-pressed': string;
182
+ 'success-disabled': string;
183
+ 'warning-primary': string;
184
+ 'warning-hover': string;
185
+ 'warning-pressed': string;
186
+ 'warning-disabled': string;
187
+ 'info-primary': string;
188
+ 'info-hover': string;
189
+ 'info-pressed': string;
190
+ 'info-disabled': string;
191
+ 'info-inverted': string;
192
+ 'attention-primary': string;
193
+ 'attention-hover': string;
194
+ 'attention-pressed': string;
195
+ 'attention-disabled': string;
189
196
  'text-primary': string;
190
197
  'text-secondary': string;
191
- 'text-complementary': string;
192
- 'text-invert': string;
193
- 'text-placeholder': string;
194
- 'text-info': string;
198
+ 'text-tertiary': string;
199
+ 'text-inverted': string;
200
+ 'text-disabled': string;
201
+ 'text-danger': string;
195
202
  'text-success': string;
196
203
  'text-warning': string;
197
- 'text-danger': string;
204
+ 'text-info': string;
198
205
  'text-attention': string;
199
206
  'background-primary': string;
200
207
  'background-secondary': string;
201
- 'background-info': string;
208
+ 'background-brand': string;
209
+ 'background-subtle': string;
210
+ 'background-danger': string;
202
211
  'background-success': string;
203
212
  'background-warning': string;
204
- 'background-danger': string;
213
+ 'background-info': string;
205
214
  'background-attention': string;
206
- 'background-neutral': string;
207
- 'control-border': string;
208
- 'control-background': string;
209
- 'control-active-background': string;
210
- 'control-active-border': string;
211
- 'control-invalid-border': string;
212
- 'control-disabled': string;
213
- 'ui-border': string;
214
- 'ui-navbar': string;
215
- 'ui-navbar-text': string;
216
- 'border-brand-primary': string;
217
- 'border-warning': string;
215
+ 'border-primary': string;
218
216
  'border-danger': string;
219
- 'border-attention': string;
220
217
  'border-success': string;
221
- 'icon-primary': string;
222
- 'icon-info': string;
218
+ 'border-info': string;
219
+ 'border-warning': string;
220
+ 'border-attention': string;
221
+ 'border-brand-primary': string;
222
+ 'border-brand-hover': string;
223
+ 'border-brand-pressed': string;
224
+ 'border-brand-disabled': string;
225
+ 'navigation-top-primary': string;
226
+ 'navigation-text': string;
227
+ 'navigation-text-pressed': string;
228
+ 'icon-enabled': string;
229
+ 'icon-hover': string;
230
+ 'icon-disabled': string;
231
+ 'icon-brand-enabled': string;
232
+ 'icon-brand-hover': string;
233
+ 'icon-brand-disabled': string;
234
+ 'icon-danger': string;
223
235
  'icon-success': string;
224
236
  'icon-warning': string;
225
- 'icon-danger': string;
237
+ 'icon-info': string;
226
238
  'icon-attention': string;
227
- 'neutral-900': string;
228
- 'neutral-800': string;
229
- 'neutral-700': string;
230
- 'neutral-600': string;
231
- 'neutral-500': string;
232
- 'neutral-400': string;
233
- 'neutral-300': string;
234
- 'neutral-200': string;
235
- 'neutral-100': string;
236
- 'neutral-50': string;
237
- 'neutral-0': string;
239
+ 'icon-inverted': string;
238
240
  };
239
241
  declare const functionalColors: {
240
242
  'brand-primary': string;
241
- 'accent-primary': string;
242
- 'accent-primary-hover': string;
243
- 'accent-primary-focus': string;
244
- 'accent-primary-active': string;
245
- 'accent-primary-disabled': string;
246
- 'accent-subtle': string;
247
- 'accent-subtle-hover': string;
248
- 'accent-subtle-focus': string;
249
- 'accent-subtle-active': string;
250
- 'accent-subtle-disabled': string;
251
- 'accent-success': string;
252
- 'accent-success-hover': string;
253
- 'accent-success-focus': string;
254
- 'accent-success-active': string;
255
- 'accent-success-disabled': string;
256
- 'accent-danger': string;
257
- 'accent-danger-hover': string;
258
- 'accent-danger-focus': string;
259
- 'accent-danger-active': string;
260
- 'accent-danger-disabled': string;
261
- 'accent-warning': string;
262
- 'accent-info': string;
263
- 'accent-attention': string;
243
+ 'brand-hover': string;
244
+ 'brand-pressed': string;
245
+ 'brand-disabled': string;
246
+ 'brand-focus': string;
247
+ 'brand-inverted': string;
248
+ 'brand-subtle': string;
249
+ 'subtle-primary': string;
250
+ 'subtle-hover': string;
251
+ 'subtle-pressed': string;
252
+ 'subtle-disabled': string;
253
+ 'subtle-inverted': string;
254
+ 'danger-primary': string;
255
+ 'danger-hover': string;
256
+ 'danger-pressed': string;
257
+ 'danger-disabled': string;
258
+ 'danger-focus': string;
259
+ 'danger-subtle': string;
260
+ 'success-primary': string;
261
+ 'success-hover': string;
262
+ 'success-pressed': string;
263
+ 'success-disabled': string;
264
+ 'warning-primary': string;
265
+ 'warning-hover': string;
266
+ 'warning-pressed': string;
267
+ 'warning-disabled': string;
268
+ 'info-primary': string;
269
+ 'info-hover': string;
270
+ 'info-pressed': string;
271
+ 'info-disabled': string;
272
+ 'info-inverted': string;
273
+ 'attention-primary': string;
274
+ 'attention-hover': string;
275
+ 'attention-pressed': string;
276
+ 'attention-disabled': string;
264
277
  'text-primary': string;
265
278
  'text-secondary': string;
266
- 'text-complementary': string;
267
- 'text-invert': string;
268
- 'text-placeholder': string;
269
- 'text-info': string;
279
+ 'text-tertiary': string;
280
+ 'text-inverted': string;
281
+ 'text-disabled': string;
282
+ 'text-danger': string;
270
283
  'text-success': string;
271
284
  'text-warning': string;
272
- 'text-danger': string;
285
+ 'text-info': string;
273
286
  'text-attention': string;
274
287
  'background-primary': string;
275
288
  'background-secondary': string;
276
- 'background-info': string;
289
+ 'background-brand': string;
290
+ 'background-subtle': string;
291
+ 'background-danger': string;
277
292
  'background-success': string;
278
293
  'background-warning': string;
279
- 'background-danger': string;
294
+ 'background-info': string;
280
295
  'background-attention': string;
281
- 'background-neutral': string;
282
- 'control-border': string;
283
- 'control-background': string;
284
- 'control-active-background': string;
285
- 'control-active-border': string;
286
- 'control-invalid-border': string;
287
- 'control-disabled': string;
288
- 'ui-border': string;
289
- 'ui-navbar': string;
290
- 'ui-navbar-text': string;
291
- 'border-brand-primary': string;
292
- 'border-warning': string;
296
+ 'border-primary': string;
293
297
  'border-danger': string;
294
- 'border-attention': string;
295
298
  'border-success': string;
296
- 'icon-primary': string;
297
- 'icon-info': string;
299
+ 'border-info': string;
300
+ 'border-warning': string;
301
+ 'border-attention': string;
302
+ 'border-brand-primary': string;
303
+ 'border-brand-hover': string;
304
+ 'border-brand-pressed': string;
305
+ 'border-brand-disabled': string;
306
+ 'navigation-top-primary': string;
307
+ 'navigation-text': string;
308
+ 'navigation-text-pressed': string;
309
+ 'icon-enabled': string;
310
+ 'icon-hover': string;
311
+ 'icon-disabled': string;
312
+ 'icon-brand-enabled': string;
313
+ 'icon-brand-hover': string;
314
+ 'icon-brand-disabled': string;
315
+ 'icon-danger': string;
298
316
  'icon-success': string;
299
317
  'icon-warning': string;
300
- 'icon-danger': string;
318
+ 'icon-info': string;
301
319
  'icon-attention': string;
302
- 'neutral-900': string;
303
- 'neutral-800': string;
304
- 'neutral-700': string;
305
- 'neutral-600': string;
306
- 'neutral-500': string;
307
- 'neutral-400': string;
308
- 'neutral-300': string;
309
- 'neutral-200': string;
310
- 'neutral-100': string;
311
- 'neutral-50': string;
312
- 'neutral-0': string;
320
+ 'icon-inverted': string;
313
321
  };
314
322
  export declare type BaseColor = keyof typeof baseColors;
315
323
  export declare type FunctionalColor = keyof typeof functionalColors;