@codacy/ui-components 0.65.93 → 0.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Banner/Banner.js +10 -5
- package/lib/Banner/Banner.styles.d.ts +4 -2
- package/lib/Banner/Banner.styles.js +3 -3
- package/lib/Bannerol/Bannerol.js +4 -3
- package/lib/Bannerol/Bannerol.styles.d.ts +1 -1
- package/lib/Bannerol/Bannerol.styles.js +2 -2
- package/lib/Bannerol/Bannerol.types.d.ts +1 -1
- package/lib/BigTabs/BigTabs.styles.js +10 -10
- package/lib/Button/Button.js +18 -13
- package/lib/Button/styles.d.ts +3 -5
- package/lib/Button/styles.js +56 -68
- package/lib/Button/types.d.ts +5 -8
- package/lib/Checkbox/Checkbox.js +11 -8
- package/lib/Checkbox/styles.d.ts +4 -0
- package/lib/Checkbox/styles.js +73 -62
- package/lib/Checkbox/types.d.ts +1 -1
- package/lib/CloseButton/index.d.ts +3 -1
- package/lib/CloseButton/index.js +13 -6
- package/lib/Divider/Divider.styles.js +5 -5
- package/lib/Dropdown/Content/DropdownItem.js +4 -2
- package/lib/Dropdown/Dropdown.styles.js +10 -10
- package/lib/Dropdown/Dropdown.types.d.ts +2 -0
- package/lib/Dropdown/Triggers/FilterTrigger.js +30 -24
- package/lib/Dropdown/Triggers/SelectTrigger.js +1 -1
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
- package/lib/ExpandableBox/ExpandableBox.styles.js +4 -4
- package/lib/ExpandableBox/ExpandableBox.types.d.ts +3 -3
- package/lib/Group/Group.styles.js +1 -1
- package/lib/Icon/Icon.types.d.ts +3 -3
- package/lib/Icons/Messages.d.ts +17 -5
- package/lib/Icons/Messages.js +37 -9
- package/lib/Icons/Symbols.d.ts +5 -2
- package/lib/Icons/Symbols.js +10 -4
- package/lib/InlineMessage/InlineMessage.js +22 -8
- package/lib/InlineMessage/types.d.ts +1 -1
- package/lib/Input/Input.js +6 -18
- package/lib/Input/styles.d.ts +13 -8
- package/lib/Input/styles.js +109 -50
- package/lib/Labeled/styles.js +12 -6
- package/lib/LeftMenu/LeftMenu.styles.js +10 -7
- package/lib/Link/Link.styles.js +2 -2
- package/lib/Message/Message.d.ts +2 -1
- package/lib/Message/Message.js +25 -4
- package/lib/Message/Message.styles.js +5 -5
- package/lib/Message/Message.types.d.ts +1 -1
- package/lib/Modal/ConfirmationModal.js +7 -3
- package/lib/Modal/styles.js +26 -29
- package/lib/MultiSlider/styles.d.ts +2 -2
- package/lib/MultiSlider/styles.js +2 -2
- package/lib/Panel/Panel.styles.js +1 -1
- package/lib/PillLabel/PillLabel.js +3 -5
- package/lib/PillLabel/PillLabel.styles.d.ts +1 -1
- package/lib/PillLabel/PillLabel.styles.js +2 -13
- package/lib/PillLabel/PillLabel.types.d.ts +1 -3
- package/lib/ProgressBar/styles.d.ts +3 -3
- package/lib/ProgressBar/styles.js +6 -6
- package/lib/Radio/Radio.js +1 -1
- package/lib/Radio/styles.js +9 -9
- package/lib/ScrollableContent/ScrollableContent.types.d.ts +2 -2
- package/lib/Skeleton/Skeleton.styles.js +4 -4
- package/lib/Slider/styles.d.ts +2 -2
- package/lib/Slider/styles.js +16 -16
- package/lib/StepNumber/StepNumber.js +3 -6
- package/lib/StepNumber/styles.d.ts +1 -2
- package/lib/StepNumber/styles.js +3 -4
- package/lib/StepNumber/types.d.ts +1 -6
- package/lib/Stepper/Stepper.styles.d.ts +1 -3
- package/lib/Stepper/Stepper.styles.js +11 -9
- package/lib/Switcher/Switcher.styles.js +4 -4
- package/lib/Tab/Tab.js +1 -3
- package/lib/Tab/Tab.styles.d.ts +1 -3
- package/lib/Tab/Tab.styles.js +32 -32
- package/lib/Tab/Tab.types.d.ts +0 -2
- package/lib/Table/Table.js +1 -1
- package/lib/Table/Table.styles.js +17 -17
- package/lib/Table/Table.types.d.ts +3 -3
- package/lib/TagsInput/style.js +10 -10
- package/lib/Textarea/Textarea.js +0 -7
- package/lib/Textarea/Textarea.styles.d.ts +7 -7
- package/lib/Textarea/Textarea.styles.js +85 -45
- package/lib/Toast/Toast.js +18 -7
- package/lib/Toast/styles.js +26 -14
- package/lib/Toggle/Toggle.js +1 -1
- package/lib/Toggle/styles.d.ts +1 -1
- package/lib/Toggle/styles.js +50 -55
- package/lib/Tooltip/types.d.ts +2 -2
- package/lib/Typography/Typography.styles.d.ts +2 -2
- package/lib/Typography/Typography.styles.js +11 -11
- package/lib/Typography/Typography.types.d.ts +5 -5
- package/lib/theme/ColorSchemes/components/alerts.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/alerts.js +37 -0
- package/lib/theme/ColorSchemes/components/button.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/button.js +96 -0
- package/lib/theme/ColorSchemes/components/cards.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/cards.js +23 -0
- package/lib/theme/ColorSchemes/components/charts.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/charts.js +96 -0
- package/lib/theme/ColorSchemes/components/checkbox-input.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/checkbox-input.js +22 -0
- package/lib/theme/ColorSchemes/components/divider.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/divider.js +11 -0
- package/lib/theme/ColorSchemes/components/drawer.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/drawer.js +28 -0
- package/lib/theme/ColorSchemes/components/effects.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/effects.js +12 -0
- package/lib/theme/ColorSchemes/components/filters.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/filters.js +19 -0
- package/lib/theme/ColorSchemes/components/index.d.ts +20 -0
- package/lib/theme/ColorSchemes/components/index.js +225 -0
- package/lib/theme/ColorSchemes/components/input.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/input.js +45 -0
- package/lib/theme/ColorSchemes/components/issues.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/issues.js +34 -0
- package/lib/theme/ColorSchemes/components/label.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/label.js +40 -0
- package/lib/theme/ColorSchemes/components/list-orb.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/list-orb.js +15 -0
- package/lib/theme/ColorSchemes/components/loading.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/loading.js +11 -0
- package/lib/theme/ColorSchemes/components/modals.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/modals.js +13 -0
- package/lib/theme/ColorSchemes/components/navigation.d.ts +8 -0
- package/lib/theme/ColorSchemes/components/navigation.js +21 -0
- package/lib/theme/ColorSchemes/components/selector.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/selector.js +29 -0
- package/lib/theme/ColorSchemes/components/stepper.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/stepper.js +16 -0
- package/lib/theme/ColorSchemes/components/tables.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/tables.js +19 -0
- package/lib/theme/ColorSchemes/components/tabs.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/tabs.js +19 -0
- package/lib/theme/ColorSchemes/dark/background.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/border.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/icon.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/icon.js +1 -1
- package/lib/theme/ColorSchemes/dark/index.js +11 -58
- package/lib/theme/ColorSchemes/dark/text.d.ts +9 -0
- package/lib/theme/ColorSchemes/index.d.ts +0 -1
- package/lib/theme/ColorSchemes/index.js +0 -11
- package/lib/theme/ColorSchemes/light/background.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/background.js +3 -3
- package/lib/theme/ColorSchemes/light/border.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/border.js +1 -1
- package/lib/theme/ColorSchemes/light/icon.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/icon.js +2 -2
- package/lib/theme/ColorSchemes/light/illustration.js +2 -2
- package/lib/theme/ColorSchemes/light/index.d.ts +1127 -47
- package/lib/theme/ColorSchemes/light/index.js +4 -67
- package/lib/theme/ColorSchemes/light/text.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/text.js +2 -2
- package/lib/theme/ColorSchemes/primitives/blue.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/blue.js +20 -0
- package/lib/theme/ColorSchemes/primitives/green.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/green.js +20 -0
- package/lib/theme/ColorSchemes/primitives/grey.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/grey.js +23 -0
- package/lib/theme/ColorSchemes/primitives/index.d.ts +117 -0
- package/lib/theme/ColorSchemes/primitives/index.js +18 -0
- package/lib/theme/ColorSchemes/primitives/magenta.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/magenta.js +20 -0
- package/lib/theme/ColorSchemes/primitives/orange.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/orange.js +20 -0
- package/lib/theme/ColorSchemes/primitives/purple.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/purple.js +20 -0
- package/lib/theme/ColorSchemes/primitives/red.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/red.js +20 -0
- package/lib/theme/ColorSchemes/primitives/teal.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/teal.js +20 -0
- package/lib/theme/ColorSchemes/primitives/yellow.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/yellow.js +20 -0
- package/lib/theme/ColorSchemes/semantics.d.ts +3 -4
- package/lib/theme/theme.d.ts +8 -2
- package/lib/theme/theme.js +6 -1
- package/package.json +1 -1
- package/lib/theme/ColorSchemes/primitives.d.ts +0 -6
- package/lib/theme/ColorSchemes/primitives.js +0 -95
- package/lib/theme/ColorSchemes/types.d.ts +0 -3
- package/lib/theme/ColorSchemes/types.js +0 -7
|
@@ -1,95 +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.primitiveColors = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
-
// Hack: https://stackoverflow.com/a/44134328
|
|
10
|
-
function hslToHex(hue, saturation, lightness) {
|
|
11
|
-
lightness /= 100;
|
|
12
|
-
var a = saturation * Math.min(lightness, 1 - lightness) / 100;
|
|
13
|
-
var f = function f(n) {
|
|
14
|
-
var k = (n + hue / 30) % 12;
|
|
15
|
-
var color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
|
16
|
-
return Math.round(255 * color).toString(16).padStart(2, '0'); // convert to Hex and prefix "0" if needed
|
|
17
|
-
};
|
|
18
|
-
return "#".concat(f(0)).concat(f(8)).concat(f(4));
|
|
19
|
-
}
|
|
20
|
-
var generatePrimitiveColors = function generatePrimitiveColors(color) {
|
|
21
|
-
var colors = {};
|
|
22
|
-
colors["".concat(color.name, "-98")] = hslToHex(color.hue, color.saturation, 98.4);
|
|
23
|
-
colors["".concat(color.name, "-95")] = hslToHex(color.hue, color.saturation, 94.9);
|
|
24
|
-
colors["".concat(color.name, "-90")] = hslToHex(color.hue, color.saturation, 90);
|
|
25
|
-
for (var i = 80; i >= 20; i -= 10) {
|
|
26
|
-
colors["".concat(color.name, "-").concat(i)] = hslToHex(color.hue, color.saturation, color.lightnessStart + i);
|
|
27
|
-
}
|
|
28
|
-
return colors;
|
|
29
|
-
};
|
|
30
|
-
var primitiveColors = exports.primitiveColors = (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"])({}, generatePrimitiveColors({
|
|
31
|
-
name: 'grey',
|
|
32
|
-
hue: 219,
|
|
33
|
-
saturation: 25,
|
|
34
|
-
lightnessStart: 7.06
|
|
35
|
-
})), generatePrimitiveColors({
|
|
36
|
-
name: 'blue',
|
|
37
|
-
hue: 217,
|
|
38
|
-
saturation: 100,
|
|
39
|
-
lightnessStart: 7.06
|
|
40
|
-
})), generatePrimitiveColors({
|
|
41
|
-
name: 'purple',
|
|
42
|
-
hue: 266,
|
|
43
|
-
saturation: 64,
|
|
44
|
-
lightnessStart: 7.06
|
|
45
|
-
})), generatePrimitiveColors({
|
|
46
|
-
name: 'orange',
|
|
47
|
-
hue: 29,
|
|
48
|
-
saturation: 98,
|
|
49
|
-
lightnessStart: 7.06
|
|
50
|
-
})), generatePrimitiveColors({
|
|
51
|
-
name: 'red',
|
|
52
|
-
hue: 359,
|
|
53
|
-
saturation: 67,
|
|
54
|
-
lightnessStart: 7.06
|
|
55
|
-
})), generatePrimitiveColors({
|
|
56
|
-
name: 'green',
|
|
57
|
-
hue: 137,
|
|
58
|
-
saturation: 50,
|
|
59
|
-
lightnessStart: 0
|
|
60
|
-
})), generatePrimitiveColors({
|
|
61
|
-
name: 'yellow',
|
|
62
|
-
hue: 38,
|
|
63
|
-
saturation: 100,
|
|
64
|
-
lightnessStart: 7.06
|
|
65
|
-
})), generatePrimitiveColors({
|
|
66
|
-
name: 'teal',
|
|
67
|
-
hue: 183,
|
|
68
|
-
saturation: 50,
|
|
69
|
-
lightnessStart: 0
|
|
70
|
-
})), generatePrimitiveColors({
|
|
71
|
-
name: 'magenta',
|
|
72
|
-
hue: 310,
|
|
73
|
-
saturation: 63,
|
|
74
|
-
lightnessStart: 1.96
|
|
75
|
-
})), {}, {
|
|
76
|
-
white: '#FFFFFF',
|
|
77
|
-
'grey-00': '#0B0E13',
|
|
78
|
-
'grey-10': '#171D26',
|
|
79
|
-
'blue-00': '#050B1A',
|
|
80
|
-
'blue-10': '#091E4E',
|
|
81
|
-
'purple-08': '#130722',
|
|
82
|
-
'purple-10': '#290F47',
|
|
83
|
-
'orange-00': '#281401',
|
|
84
|
-
'orange-10': '#462301',
|
|
85
|
-
'red-00': '#290002',
|
|
86
|
-
'red-10': '#470003',
|
|
87
|
-
'green-00': '#0A1E10',
|
|
88
|
-
'green-10': '#12351C',
|
|
89
|
-
'yellow-00': '#291A00',
|
|
90
|
-
'yellow-10': '#472D00',
|
|
91
|
-
'teal-00': '#0A1E1F',
|
|
92
|
-
'teal-10': '#123436',
|
|
93
|
-
'magenta-00': '#21071D',
|
|
94
|
-
'magenta-10': '#3A0D33'
|
|
95
|
-
});
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const colorNames: readonly ["blue", "grey", "purple", "orange", "teal", "magenta", "red", "green", "yellow"];
|
|
2
|
-
export declare type ColorName = (typeof colorNames)[number];
|
|
3
|
-
export declare type ColorNumber = '00' | '08' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 98;
|