colibri-ui 0.7.18 → 0.7.20

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 (70) hide show
  1. package/Button/index.props.d.ts +1 -1
  2. package/Button/styles.js +12 -8
  3. package/Counter/index.d.ts +4 -0
  4. package/Counter/index.js +59 -0
  5. package/Counter/index.props.d.ts +9 -0
  6. package/Counter/package.json +6 -0
  7. package/Counter/styles.d.ts +17 -0
  8. package/Counter/styles.js +42 -0
  9. package/Icons/Chevron.d.ts +3 -2
  10. package/Icons/Chevron.js +12 -4
  11. package/Icons/Close.d.ts +3 -2
  12. package/Icons/Close.js +10 -4
  13. package/Icons/EyeClosed.d.ts +3 -2
  14. package/Icons/EyeClosed.js +14 -5
  15. package/Icons/EyeOpen.d.ts +3 -2
  16. package/Icons/EyeOpen.js +15 -6
  17. package/Icons/Help.d.ts +3 -2
  18. package/Icons/Help.js +9 -5
  19. package/Icons/Info.d.ts +3 -2
  20. package/Icons/Info.js +14 -9
  21. package/Icons/Minus.d.ts +4 -0
  22. package/Icons/Minus.js +31 -0
  23. package/Icons/More.d.ts +3 -2
  24. package/Icons/More.js +13 -4
  25. package/Icons/Plus.d.ts +4 -0
  26. package/Icons/Plus.js +37 -0
  27. package/Icons/Trash.d.ts +4 -0
  28. package/Icons/Trash.js +34 -0
  29. package/Icons/User.d.ts +3 -2
  30. package/Icons/User.js +10 -4
  31. package/Icons/index.d.ts +3 -0
  32. package/Icons/index.js +6 -0
  33. package/Icons/index.props.d.ts +6 -0
  34. package/esm/Button/index.props.d.ts +1 -1
  35. package/esm/Button/styles.js +12 -8
  36. package/esm/Counter/index.d.ts +4 -0
  37. package/esm/Counter/index.js +55 -0
  38. package/esm/Counter/index.props.d.ts +9 -0
  39. package/esm/Counter/styles.d.ts +17 -0
  40. package/esm/Counter/styles.js +34 -0
  41. package/esm/Icons/Chevron.d.ts +3 -2
  42. package/esm/Icons/Chevron.js +13 -5
  43. package/esm/Icons/Close.d.ts +3 -2
  44. package/esm/Icons/Close.js +11 -5
  45. package/esm/Icons/EyeClosed.d.ts +3 -2
  46. package/esm/Icons/EyeClosed.js +15 -6
  47. package/esm/Icons/EyeOpen.d.ts +3 -2
  48. package/esm/Icons/EyeOpen.js +16 -7
  49. package/esm/Icons/Help.d.ts +3 -2
  50. package/esm/Icons/Help.js +10 -6
  51. package/esm/Icons/Info.d.ts +3 -2
  52. package/esm/Icons/Info.js +15 -10
  53. package/esm/Icons/Minus.d.ts +4 -0
  54. package/esm/Icons/Minus.js +27 -0
  55. package/esm/Icons/More.d.ts +3 -2
  56. package/esm/Icons/More.js +14 -5
  57. package/esm/Icons/Plus.d.ts +4 -0
  58. package/esm/Icons/Plus.js +33 -0
  59. package/esm/Icons/Trash.d.ts +4 -0
  60. package/esm/Icons/Trash.js +30 -0
  61. package/esm/Icons/User.d.ts +3 -2
  62. package/esm/Icons/User.js +11 -5
  63. package/esm/Icons/index.d.ts +3 -0
  64. package/esm/Icons/index.js +3 -0
  65. package/esm/Icons/index.props.d.ts +6 -0
  66. package/esm/index.d.ts +1 -0
  67. package/esm/index.js +4 -0
  68. package/index.d.ts +1 -0
  69. package/index.js +28 -20
  70. package/package.json +1 -1
package/Icons/Trash.js ADDED
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
7
+ var react = require('react');
8
+
9
+ var Trash = /*#__PURE__*/react.forwardRef(function (_a, ref) {
10
+ var _b = _a.fill,
11
+ fill = _b === void 0 ? "currentColor" : _b,
12
+ _c = _a.width,
13
+ width = _c === void 0 ? 24 : _c,
14
+ _d = _a.height,
15
+ height = _d === void 0 ? 24 : _d,
16
+ props = tslib.__rest(_a, ["fill", "width", "height"]);
17
+ return jsxRuntime.jsx("svg", tslib.__assign({
18
+ xmlns: "http://www.w3.org/2000/svg",
19
+ fill: "none",
20
+ width: width,
21
+ height: height,
22
+ ref: ref
23
+ }, props, {
24
+ viewBox: "0 0 24 24",
25
+ children: jsxRuntime.jsx("path", {
26
+ fillRule: "evenodd",
27
+ clipRule: "evenodd",
28
+ d: "M12.663 1.5h-1.326c-1.069 0-1.49.09-1.921.27-.432.181-.792.453-1.084.82-.292.365-.493.746-.784 1.774L7.368 5H5a1 1 0 0 0 0 2h.5l.844 12.666A2.5 2.5 0 0 0 8.84 22h6.322a2.5 2.5 0 0 0 2.495-2.334L18.5 7.001V7h.5a1 1 0 1 0 0-2h-2.367l-.18-.636c-.292-1.028-.493-1.409-.785-1.775a2.694 2.694 0 0 0-1.084-.819c-.431-.18-.852-.27-1.92-.27zm1.89 3.5l-.025-.09c-.203-.717-.29-.905-.424-1.074a.696.696 0 0 0-.292-.221c-.2-.084-.404-.115-1.149-.115h-1.326c-.745 0-.95.031-1.149.115a.696.696 0 0 0-.292.221c-.135.169-.221.357-.424 1.074L9.446 5h5.108zm1.943 2H7.505l.835 12.533a.5.5 0 0 0 .499.467h6.322a.5.5 0 0 0 .499-.467L16.496 7zM9.4 9.63a.85.85 0 0 1 1.699-.059l.272 7.795a.85.85 0 1 1-1.7.06L9.4 9.63zm4.381-.879a.85.85 0 0 0-.88.82l-.271 7.795a.85.85 0 1 0 1.699.06L14.6 9.63a.85.85 0 0 0-.82-.88z",
29
+ fill: fill
30
+ })
31
+ }));
32
+ });
33
+
34
+ exports.default = Trash;
package/Icons/User.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- import type { HTMLAttributes } from "react";
2
- declare const _default: import("react").ForwardRefExoticComponent<HTMLAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>;
1
+ /// <reference types="react" />
2
+ import type { Props } from "./index.props";
3
+ declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
3
4
  export default _default;
package/Icons/User.js CHANGED
@@ -6,13 +6,19 @@ var tslib = require('tslib');
6
6
  var jsxRuntime = require('@emotion/react/jsx-runtime');
7
7
  var react = require('react');
8
8
 
9
- var User = /*#__PURE__*/react.forwardRef(function (props, ref) {
9
+ var User = /*#__PURE__*/react.forwardRef(function (_a, ref) {
10
+ var _b = _a.width,
11
+ width = _b === void 0 ? 24 : _b,
12
+ _c = _a.height,
13
+ height = _c === void 0 ? 24 : _c,
14
+ props = tslib.__rest(_a, ["width", "height"]);
10
15
  return jsxRuntime.jsxs("svg", tslib.__assign({
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ width: width,
18
+ height: height,
11
19
  ref: ref
12
20
  }, props, {
13
- xmlns: "http://www.w3.org/2000/svg",
14
- height: "1em",
15
- viewBox: "0 0 20 20",
21
+ viewBox: "0 0 24 24",
16
22
  fill: "none",
17
23
  children: [jsxRuntime.jsx("path", {
18
24
  stroke: "currentColor",
package/Icons/index.d.ts CHANGED
@@ -4,5 +4,8 @@ export { default as EyeOpen } from "./EyeOpen";
4
4
  export { default as EyeClosed } from "./EyeClosed";
5
5
  export { default as Help } from "./Help";
6
6
  export { default as Info } from "./Info";
7
+ export { default as Minus } from "./Minus";
7
8
  export { default as More } from "./More";
9
+ export { default as Plus } from "./Plus";
10
+ export { default as Trash } from "./Trash";
8
11
  export { default as User } from "./User";
package/Icons/index.js CHANGED
@@ -6,7 +6,10 @@ var EyeOpen = require('./EyeOpen.js');
6
6
  var EyeClosed = require('./EyeClosed.js');
7
7
  var Help = require('./Help.js');
8
8
  var Info = require('./Info.js');
9
+ var Minus = require('./Minus.js');
9
10
  var More = require('./More.js');
11
+ var Plus = require('./Plus.js');
12
+ var Trash = require('./Trash.js');
10
13
  var User = require('./User.js');
11
14
 
12
15
 
@@ -17,5 +20,8 @@ exports.EyeOpen = EyeOpen.default;
17
20
  exports.EyeClosed = EyeClosed.default;
18
21
  exports.Help = Help.default;
19
22
  exports.Info = Info.default;
23
+ exports.Minus = Minus.default;
20
24
  exports.More = More.default;
25
+ exports.Plus = Plus.default;
26
+ exports.Trash = Trash.default;
21
27
  exports.User = User.default;
@@ -0,0 +1,6 @@
1
+ import type { HTMLAttributes } from "react";
2
+ export interface Props extends HTMLAttributes<SVGElement> {
3
+ width?: number;
4
+ height?: number;
5
+ fill?: string;
6
+ }
@@ -34,7 +34,7 @@ export type ButtonVariant = {
34
34
  [VARIANT.SECONDARY]: VariantStates;
35
35
  [VARIANT.CLEAR]: VariantStates;
36
36
  };
37
- export type ButtonSize = "s" | "m" | "l";
37
+ export type ButtonSize = "xs" | "s" | "m" | "l";
38
38
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
39
39
  variant?: keyof ButtonVariant;
40
40
  fullWidth?: boolean;