@codacy/ui-components 0.65.94 → 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.
Files changed (176) hide show
  1. package/lib/Banner/Banner.js +10 -5
  2. package/lib/Banner/Banner.styles.d.ts +4 -2
  3. package/lib/Banner/Banner.styles.js +3 -3
  4. package/lib/Bannerol/Bannerol.js +4 -3
  5. package/lib/Bannerol/Bannerol.styles.d.ts +1 -1
  6. package/lib/Bannerol/Bannerol.styles.js +2 -2
  7. package/lib/Bannerol/Bannerol.types.d.ts +1 -1
  8. package/lib/BigTabs/BigTabs.styles.js +10 -10
  9. package/lib/Button/Button.js +18 -13
  10. package/lib/Button/styles.d.ts +3 -5
  11. package/lib/Button/styles.js +56 -68
  12. package/lib/Button/types.d.ts +5 -8
  13. package/lib/Checkbox/Checkbox.js +11 -8
  14. package/lib/Checkbox/styles.d.ts +4 -0
  15. package/lib/Checkbox/styles.js +73 -62
  16. package/lib/Checkbox/types.d.ts +1 -1
  17. package/lib/CloseButton/index.d.ts +3 -1
  18. package/lib/CloseButton/index.js +13 -6
  19. package/lib/Divider/Divider.styles.js +5 -5
  20. package/lib/Dropdown/Dropdown.styles.js +10 -10
  21. package/lib/Dropdown/Triggers/FilterTrigger.js +30 -24
  22. package/lib/Dropdown/Triggers/SelectTrigger.js +1 -1
  23. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  24. package/lib/ExpandableBox/ExpandableBox.styles.js +4 -4
  25. package/lib/ExpandableBox/ExpandableBox.types.d.ts +3 -3
  26. package/lib/Group/Group.styles.js +1 -1
  27. package/lib/Icon/Icon.types.d.ts +3 -3
  28. package/lib/Icons/Messages.d.ts +17 -5
  29. package/lib/Icons/Messages.js +37 -9
  30. package/lib/Icons/Symbols.d.ts +5 -2
  31. package/lib/Icons/Symbols.js +10 -4
  32. package/lib/InlineMessage/InlineMessage.js +22 -8
  33. package/lib/InlineMessage/types.d.ts +1 -1
  34. package/lib/Input/Input.js +6 -18
  35. package/lib/Input/styles.d.ts +13 -8
  36. package/lib/Input/styles.js +109 -50
  37. package/lib/Labeled/styles.js +12 -6
  38. package/lib/LeftMenu/LeftMenu.styles.js +10 -7
  39. package/lib/Link/Link.styles.js +2 -2
  40. package/lib/Message/Message.d.ts +2 -1
  41. package/lib/Message/Message.js +25 -4
  42. package/lib/Message/Message.styles.js +5 -5
  43. package/lib/Message/Message.types.d.ts +1 -1
  44. package/lib/Modal/ConfirmationModal.js +7 -3
  45. package/lib/Modal/styles.js +26 -29
  46. package/lib/MultiSlider/styles.d.ts +2 -2
  47. package/lib/MultiSlider/styles.js +2 -2
  48. package/lib/Panel/Panel.styles.js +1 -1
  49. package/lib/PillLabel/PillLabel.js +3 -5
  50. package/lib/PillLabel/PillLabel.styles.d.ts +1 -1
  51. package/lib/PillLabel/PillLabel.styles.js +2 -13
  52. package/lib/PillLabel/PillLabel.types.d.ts +1 -3
  53. package/lib/ProgressBar/styles.d.ts +3 -3
  54. package/lib/ProgressBar/styles.js +6 -6
  55. package/lib/Radio/Radio.js +1 -1
  56. package/lib/Radio/styles.js +9 -9
  57. package/lib/ScrollableContent/ScrollableContent.types.d.ts +2 -2
  58. package/lib/Skeleton/Skeleton.styles.js +4 -4
  59. package/lib/Slider/styles.d.ts +2 -2
  60. package/lib/Slider/styles.js +16 -16
  61. package/lib/StepNumber/StepNumber.js +3 -6
  62. package/lib/StepNumber/styles.d.ts +1 -2
  63. package/lib/StepNumber/styles.js +3 -4
  64. package/lib/StepNumber/types.d.ts +1 -6
  65. package/lib/Stepper/Stepper.styles.d.ts +1 -3
  66. package/lib/Stepper/Stepper.styles.js +11 -9
  67. package/lib/Switcher/Switcher.styles.js +4 -4
  68. package/lib/Tab/Tab.js +1 -3
  69. package/lib/Tab/Tab.styles.d.ts +1 -3
  70. package/lib/Tab/Tab.styles.js +32 -32
  71. package/lib/Tab/Tab.types.d.ts +0 -2
  72. package/lib/Table/Table.js +1 -1
  73. package/lib/Table/Table.styles.js +17 -17
  74. package/lib/Table/Table.types.d.ts +3 -3
  75. package/lib/TagsInput/style.js +10 -10
  76. package/lib/Textarea/Textarea.js +0 -7
  77. package/lib/Textarea/Textarea.styles.d.ts +7 -7
  78. package/lib/Textarea/Textarea.styles.js +85 -45
  79. package/lib/Toast/Toast.js +18 -7
  80. package/lib/Toast/styles.js +26 -14
  81. package/lib/Toggle/Toggle.js +1 -1
  82. package/lib/Toggle/styles.d.ts +1 -1
  83. package/lib/Toggle/styles.js +50 -55
  84. package/lib/Tooltip/types.d.ts +2 -2
  85. package/lib/Typography/Typography.styles.d.ts +2 -2
  86. package/lib/Typography/Typography.styles.js +11 -11
  87. package/lib/Typography/Typography.types.d.ts +5 -5
  88. package/lib/theme/ColorSchemes/components/alerts.d.ts +6 -0
  89. package/lib/theme/ColorSchemes/components/alerts.js +37 -0
  90. package/lib/theme/ColorSchemes/components/button.d.ts +6 -0
  91. package/lib/theme/ColorSchemes/components/button.js +96 -0
  92. package/lib/theme/ColorSchemes/components/cards.d.ts +7 -0
  93. package/lib/theme/ColorSchemes/components/cards.js +23 -0
  94. package/lib/theme/ColorSchemes/components/charts.d.ts +7 -0
  95. package/lib/theme/ColorSchemes/components/charts.js +96 -0
  96. package/lib/theme/ColorSchemes/components/checkbox-input.d.ts +7 -0
  97. package/lib/theme/ColorSchemes/components/checkbox-input.js +22 -0
  98. package/lib/theme/ColorSchemes/components/divider.d.ts +4 -0
  99. package/lib/theme/ColorSchemes/components/divider.js +11 -0
  100. package/lib/theme/ColorSchemes/components/drawer.d.ts +7 -0
  101. package/lib/theme/ColorSchemes/components/drawer.js +28 -0
  102. package/lib/theme/ColorSchemes/components/effects.d.ts +4 -0
  103. package/lib/theme/ColorSchemes/components/effects.js +12 -0
  104. package/lib/theme/ColorSchemes/components/filters.d.ts +6 -0
  105. package/lib/theme/ColorSchemes/components/filters.js +19 -0
  106. package/lib/theme/ColorSchemes/components/index.d.ts +20 -0
  107. package/lib/theme/ColorSchemes/components/index.js +225 -0
  108. package/lib/theme/ColorSchemes/components/input.d.ts +6 -0
  109. package/lib/theme/ColorSchemes/components/input.js +45 -0
  110. package/lib/theme/ColorSchemes/components/issues.d.ts +7 -0
  111. package/lib/theme/ColorSchemes/components/issues.js +34 -0
  112. package/lib/theme/ColorSchemes/components/label.d.ts +6 -0
  113. package/lib/theme/ColorSchemes/components/label.js +40 -0
  114. package/lib/theme/ColorSchemes/components/list-orb.d.ts +6 -0
  115. package/lib/theme/ColorSchemes/components/list-orb.js +15 -0
  116. package/lib/theme/ColorSchemes/components/loading.d.ts +4 -0
  117. package/lib/theme/ColorSchemes/components/loading.js +11 -0
  118. package/lib/theme/ColorSchemes/components/modals.d.ts +6 -0
  119. package/lib/theme/ColorSchemes/components/modals.js +13 -0
  120. package/lib/theme/ColorSchemes/components/navigation.d.ts +8 -0
  121. package/lib/theme/ColorSchemes/components/navigation.js +21 -0
  122. package/lib/theme/ColorSchemes/components/selector.d.ts +7 -0
  123. package/lib/theme/ColorSchemes/components/selector.js +29 -0
  124. package/lib/theme/ColorSchemes/components/stepper.d.ts +6 -0
  125. package/lib/theme/ColorSchemes/components/stepper.js +16 -0
  126. package/lib/theme/ColorSchemes/components/tables.d.ts +6 -0
  127. package/lib/theme/ColorSchemes/components/tables.js +19 -0
  128. package/lib/theme/ColorSchemes/components/tabs.d.ts +6 -0
  129. package/lib/theme/ColorSchemes/components/tabs.js +19 -0
  130. package/lib/theme/ColorSchemes/dark/background.d.ts +9 -0
  131. package/lib/theme/ColorSchemes/dark/border.d.ts +9 -0
  132. package/lib/theme/ColorSchemes/dark/icon.d.ts +9 -0
  133. package/lib/theme/ColorSchemes/dark/icon.js +1 -1
  134. package/lib/theme/ColorSchemes/dark/index.js +11 -58
  135. package/lib/theme/ColorSchemes/dark/text.d.ts +9 -0
  136. package/lib/theme/ColorSchemes/index.d.ts +0 -1
  137. package/lib/theme/ColorSchemes/index.js +0 -11
  138. package/lib/theme/ColorSchemes/light/background.d.ts +9 -0
  139. package/lib/theme/ColorSchemes/light/background.js +3 -3
  140. package/lib/theme/ColorSchemes/light/border.d.ts +9 -0
  141. package/lib/theme/ColorSchemes/light/border.js +1 -1
  142. package/lib/theme/ColorSchemes/light/icon.d.ts +9 -0
  143. package/lib/theme/ColorSchemes/light/icon.js +2 -2
  144. package/lib/theme/ColorSchemes/light/illustration.js +2 -2
  145. package/lib/theme/ColorSchemes/light/index.d.ts +1127 -47
  146. package/lib/theme/ColorSchemes/light/index.js +4 -67
  147. package/lib/theme/ColorSchemes/light/text.d.ts +9 -0
  148. package/lib/theme/ColorSchemes/light/text.js +2 -2
  149. package/lib/theme/ColorSchemes/primitives/blue.d.ts +5 -0
  150. package/lib/theme/ColorSchemes/primitives/blue.js +20 -0
  151. package/lib/theme/ColorSchemes/primitives/green.d.ts +5 -0
  152. package/lib/theme/ColorSchemes/primitives/green.js +20 -0
  153. package/lib/theme/ColorSchemes/primitives/grey.d.ts +5 -0
  154. package/lib/theme/ColorSchemes/primitives/grey.js +23 -0
  155. package/lib/theme/ColorSchemes/primitives/index.d.ts +117 -0
  156. package/lib/theme/ColorSchemes/primitives/index.js +18 -0
  157. package/lib/theme/ColorSchemes/primitives/magenta.d.ts +5 -0
  158. package/lib/theme/ColorSchemes/primitives/magenta.js +20 -0
  159. package/lib/theme/ColorSchemes/primitives/orange.d.ts +5 -0
  160. package/lib/theme/ColorSchemes/primitives/orange.js +20 -0
  161. package/lib/theme/ColorSchemes/primitives/purple.d.ts +5 -0
  162. package/lib/theme/ColorSchemes/primitives/purple.js +20 -0
  163. package/lib/theme/ColorSchemes/primitives/red.d.ts +5 -0
  164. package/lib/theme/ColorSchemes/primitives/red.js +20 -0
  165. package/lib/theme/ColorSchemes/primitives/teal.d.ts +5 -0
  166. package/lib/theme/ColorSchemes/primitives/teal.js +20 -0
  167. package/lib/theme/ColorSchemes/primitives/yellow.d.ts +5 -0
  168. package/lib/theme/ColorSchemes/primitives/yellow.js +20 -0
  169. package/lib/theme/ColorSchemes/semantics.d.ts +3 -4
  170. package/lib/theme/theme.d.ts +8 -2
  171. package/lib/theme/theme.js +6 -1
  172. package/package.json +1 -1
  173. package/lib/theme/ColorSchemes/primitives.d.ts +0 -6
  174. package/lib/theme/ColorSchemes/primitives.js +0 -95
  175. package/lib/theme/ColorSchemes/types.d.ts +0 -3
  176. 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;
@@ -1,7 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.colorNames = void 0;
7
- var colorNames = exports.colorNames = ['blue', 'grey', 'purple', 'orange', 'teal', 'magenta', 'red', 'green', 'yellow'];