colibri-ui 0.7.19 → 0.7.21

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 (74) hide show
  1. package/Button/index.props.d.ts +2 -0
  2. package/Button/index.props.js +1 -0
  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/Theme/themes/buenos_aires.js +31 -9
  35. package/Theme/themes/default.js +31 -9
  36. package/esm/Button/index.props.d.ts +2 -0
  37. package/esm/Button/index.props.js +1 -0
  38. package/esm/Counter/index.d.ts +4 -0
  39. package/esm/Counter/index.js +55 -0
  40. package/esm/Counter/index.props.d.ts +9 -0
  41. package/esm/Counter/styles.d.ts +17 -0
  42. package/esm/Counter/styles.js +34 -0
  43. package/esm/Icons/Chevron.d.ts +3 -2
  44. package/esm/Icons/Chevron.js +13 -5
  45. package/esm/Icons/Close.d.ts +3 -2
  46. package/esm/Icons/Close.js +11 -5
  47. package/esm/Icons/EyeClosed.d.ts +3 -2
  48. package/esm/Icons/EyeClosed.js +15 -6
  49. package/esm/Icons/EyeOpen.d.ts +3 -2
  50. package/esm/Icons/EyeOpen.js +16 -7
  51. package/esm/Icons/Help.d.ts +3 -2
  52. package/esm/Icons/Help.js +10 -6
  53. package/esm/Icons/Info.d.ts +3 -2
  54. package/esm/Icons/Info.js +15 -10
  55. package/esm/Icons/Minus.d.ts +4 -0
  56. package/esm/Icons/Minus.js +27 -0
  57. package/esm/Icons/More.d.ts +3 -2
  58. package/esm/Icons/More.js +14 -5
  59. package/esm/Icons/Plus.d.ts +4 -0
  60. package/esm/Icons/Plus.js +33 -0
  61. package/esm/Icons/Trash.d.ts +4 -0
  62. package/esm/Icons/Trash.js +30 -0
  63. package/esm/Icons/User.d.ts +3 -2
  64. package/esm/Icons/User.js +11 -5
  65. package/esm/Icons/index.d.ts +3 -0
  66. package/esm/Icons/index.js +3 -0
  67. package/esm/Icons/index.props.d.ts +6 -0
  68. package/esm/Theme/themes/buenos_aires.js +31 -9
  69. package/esm/Theme/themes/default.js +31 -9
  70. package/esm/index.d.ts +1 -0
  71. package/esm/index.js +4 -0
  72. package/index.d.ts +1 -0
  73. package/index.js +28 -20
  74. package/package.json +1 -1
@@ -1,14 +1,23 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var EyeClosed = /*#__PURE__*/forwardRef(function (props, ref) {
6
- return jsx("svg", __assign({}, props, {
7
- ref: ref,
5
+ var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
13
+ return jsx("svg", __assign({
8
14
  xmlns: "http://www.w3.org/2000/svg",
9
- height: "1em",
15
+ fill: fill,
16
+ width: width,
17
+ height: height,
18
+ ref: ref
19
+ }, props, {
10
20
  viewBox: "0 0 24 24",
11
- fill: "currentColor",
12
21
  children: jsx("path", {
13
22
  d: "M4.204 11.5a1 1 0 0 0-1.732 1l1.732-1Zm17.324 1a1 1 0 0 0-1.731-1l1.73 1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Zm7.797-4.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1Z"
14
23
  })
@@ -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;
@@ -1,14 +1,23 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var EyeOpen = /*#__PURE__*/forwardRef(function (props, ref) {
6
- return jsxs("svg", __assign({}, props, {
7
- ref: ref,
8
- height: "1em",
9
- viewBox: "0 0 24 24",
10
- fill: "currentColor",
5
+ var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
13
+ return jsxs("svg", __assign({
11
14
  xmlns: "http://www.w3.org/2000/svg",
15
+ fill: fill,
16
+ width: width,
17
+ height: height,
18
+ ref: ref
19
+ }, props, {
20
+ viewBox: "0 0 24 24",
12
21
  children: [jsx("path", {
13
22
  d: "m3.338 12-.866-.5-.29.5.29.5.866-.5Zm17.324 0 .866.5.29-.5-.29-.5-.866.5Zm-16.459.5A8.996 8.996 0 0 1 12 8V6a10.996 10.996 0 0 0-9.528 5.5l1.731 1ZM12 8a8.996 8.996 0 0 1 7.797 4.5l1.73-1A10.996 10.996 0 0 0 12 6v2Zm7.797 3.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Z"
14
23
  }), jsx("circle", {
@@ -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/esm/Icons/Help.js CHANGED
@@ -1,16 +1,20 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var Help = /*#__PURE__*/forwardRef(function (props, ref) {
5
+ var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.width,
7
+ width = _b === void 0 ? 24 : _b,
8
+ _c = _a.height,
9
+ height = _c === void 0 ? 24 : _c,
10
+ props = __rest(_a, ["width", "height"]);
6
11
  return jsx("svg", __assign({
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ width: width,
14
+ height: height,
7
15
  ref: ref
8
16
  }, props, {
9
- focusable: "false",
10
- height: "1em",
11
- viewBox: "0 0 22 22",
12
17
  fill: "none",
13
- xmlns: "http://www.w3.org/2000/svg",
14
18
  children: jsx("path", {
15
19
  fillRule: "evenodd",
16
20
  clipRule: "evenodd",
@@ -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/esm/Icons/Info.js CHANGED
@@ -1,21 +1,26 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var Info = /*#__PURE__*/forwardRef(function (props, ref) {
5
+ var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
6
13
  return jsx("svg", __assign({
14
+ width: width,
15
+ height: height,
16
+ viewBox: "0 0 24 24",
17
+ fill: "none",
7
18
  ref: ref
8
19
  }, props, {
9
20
  xmlns: "http://www.w3.org/2000/svg",
10
- height: "1em",
11
- viewBox: "0 0 16 16",
12
- fill: "none",
13
21
  children: jsx("path", {
14
- d: "M7 8H8V10.6667H9.33333M8.00001 5.33333H8.00667M9.04189 13.9088C9.81785 13.772 10.5593 13.4837 11.2238 13.0603C11.8883 12.637 12.463 12.0869 12.9149 11.4415C13.3669 10.796 13.6872 10.0679 13.8578 9.29864C14.0283 8.52938 14.0457 7.73407 13.9088 6.95811C13.772 6.18215 13.4837 5.44074 13.0603 4.7762C12.637 4.11167 12.0869 3.53703 11.4415 3.08509C10.796 2.63315 10.0679 2.31276 9.29864 2.14222C8.52938 1.97168 7.73407 1.95433 6.95811 2.09115C6.18215 2.22798 5.44074 2.5163 4.7762 2.93965C4.11167 3.36301 3.53703 3.91311 3.08509 4.55854C2.63315 5.20398 2.31276 5.93211 2.14222 6.70136C1.97168 7.47062 1.95433 8.26593 2.09115 9.04189C2.22798 9.81785 2.5163 10.5593 2.93965 11.2238C3.36301 11.8883 3.91311 12.463 4.55854 12.9149C5.20398 13.3669 5.93211 13.6872 6.70136 13.8578C7.47062 14.0283 8.26593 14.0457 9.04189 13.9088Z",
15
- stroke: "currentColor",
16
- strokeWidth: "1.33333",
17
- strokeLinecap: "round",
18
- strokeLinejoin: "round"
22
+ d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.696-3.534c.63 0 1.332-.288 2.196-1.458l.911-1.22a.334.334 0 0 0-.074-.472.38.38 0 0 0-.505.06l-1.475 1.679a.241.241 0 0 1-.279.061.211.211 0 0 1-.12-.244l1.858-7.446a.499.499 0 0 0-.575-.613l-3.35.613a.35.35 0 0 0-.276.258l-.086.334a.25.25 0 0 0 .243.312h1.73l-1.476 5.922c-.054.234-.144.63-.144.918 0 .666.396 1.296 1.422 1.296zm1.83-10.536c.702 0 1.242-.414 1.386-1.044.036-.144.054-.306.054-.414 0-.504-.396-.972-1.134-.972-.702 0-1.242.414-1.386 1.044a1.868 1.868 0 0 0-.054.414c0 .504.396.972 1.134.972z",
23
+ fill: fill
19
24
  })
20
25
  }));
21
26
  });
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { Props } from "./index.props";
3
+ declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
4
+ export default _default;
@@ -0,0 +1,27 @@
1
+ import { __rest, __assign } from 'tslib';
2
+ import { jsx } from '@emotion/react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+
5
+ var MinusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
13
+ return jsx("svg", __assign({
14
+ width: width,
15
+ height: height,
16
+ viewBox: "0 0 24 24",
17
+ ref: ref
18
+ }, props, {
19
+ children: jsx("path", {
20
+ fill: fill,
21
+ d: "M4 13h16v-2H4z",
22
+ fillRule: "evenodd"
23
+ })
24
+ }));
25
+ });
26
+
27
+ export { MinusIcon as default };
@@ -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/esm/Icons/More.js CHANGED
@@ -1,14 +1,23 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var More = /*#__PURE__*/forwardRef(function (props, ref) {
5
+ var More = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
6
13
  return jsxs("svg", __assign({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ fill: fill,
16
+ width: width,
17
+ height: height,
7
18
  ref: ref
8
19
  }, props, {
9
- fill: "currentColor",
10
- width: "24",
11
- height: "24",
20
+ viewBox: "0 0 24 24",
12
21
  children: [jsx("circle", {
13
22
  cx: "5",
14
23
  cy: "12",
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { Props } from "./index.props";
3
+ declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
4
+ export default _default;
@@ -0,0 +1,33 @@
1
+ import { __rest, __assign } from 'tslib';
2
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+
5
+ var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
13
+ return jsx("svg", __assign({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ fill: fill,
16
+ width: width,
17
+ height: height,
18
+ ref: ref
19
+ }, props, {
20
+ viewBox: "0 0 24 24",
21
+ children: jsxs("g", {
22
+ fill: fill,
23
+ fillRule: "evenodd",
24
+ children: [jsx("path", {
25
+ d: "M4 13h16v-2H4z"
26
+ }), jsx("path", {
27
+ d: "M11 4v16h2V4z"
28
+ })]
29
+ })
30
+ }));
31
+ });
32
+
33
+ export { PlusIcon as default };
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { Props } from "./index.props";
3
+ declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
4
+ export default _default;
@@ -0,0 +1,30 @@
1
+ import { __rest, __assign } from 'tslib';
2
+ import { jsx } from '@emotion/react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+
5
+ var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.fill,
7
+ fill = _b === void 0 ? "currentColor" : _b,
8
+ _c = _a.width,
9
+ width = _c === void 0 ? 24 : _c,
10
+ _d = _a.height,
11
+ height = _d === void 0 ? 24 : _d,
12
+ props = __rest(_a, ["fill", "width", "height"]);
13
+ return jsx("svg", __assign({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ fill: "none",
16
+ width: width,
17
+ height: height,
18
+ ref: ref
19
+ }, props, {
20
+ viewBox: "0 0 24 24",
21
+ children: jsx("path", {
22
+ fillRule: "evenodd",
23
+ clipRule: "evenodd",
24
+ 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",
25
+ fill: fill
26
+ })
27
+ }));
28
+ });
29
+
30
+ export { Trash as default };
@@ -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/esm/Icons/User.js CHANGED
@@ -1,14 +1,20 @@
1
- import { __assign } from 'tslib';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
 
5
- var User = /*#__PURE__*/forwardRef(function (props, ref) {
5
+ var User = /*#__PURE__*/forwardRef(function (_a, ref) {
6
+ var _b = _a.width,
7
+ width = _b === void 0 ? 24 : _b,
8
+ _c = _a.height,
9
+ height = _c === void 0 ? 24 : _c,
10
+ props = __rest(_a, ["width", "height"]);
6
11
  return jsxs("svg", __assign({
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ width: width,
14
+ height: height,
7
15
  ref: ref
8
16
  }, props, {
9
- xmlns: "http://www.w3.org/2000/svg",
10
- height: "1em",
11
- viewBox: "0 0 20 20",
17
+ viewBox: "0 0 24 24",
12
18
  fill: "none",
13
19
  children: [jsx("path", {
14
20
  stroke: "currentColor",
@@ -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";
@@ -4,5 +4,8 @@ export { default as EyeOpen } from './EyeOpen.js';
4
4
  export { default as EyeClosed } from './EyeClosed.js';
5
5
  export { default as Help } from './Help.js';
6
6
  export { default as Info } from './Info.js';
7
+ export { default as Minus } from './Minus.js';
7
8
  export { default as More } from './More.js';
9
+ export { default as Plus } from './Plus.js';
10
+ export { default as Trash } from './Trash.js';
8
11
  export { default as User } from './User.js';
@@ -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
+ }
@@ -29,9 +29,9 @@ var ButtonThemeBA = {
29
29
  borderColor: Color.PRIMARY_BA_5
30
30
  },
31
31
  disabled: {
32
- color: Color.BG_3,
33
- backgroundColor: Color.BG_1,
34
- borderColor: Color.BG_1
32
+ color: Color.PRIMARY_BA_2,
33
+ backgroundColor: Color.PRIMARY_BA_1,
34
+ borderColor: Color.PRIMARY_BA_1
35
35
  }
36
36
  },
37
37
  secondary: {
@@ -56,12 +56,12 @@ var ButtonThemeBA = {
56
56
  borderColor: Color.SECONDARY_BA_5
57
57
  },
58
58
  disabled: {
59
- color: Color.BG_3,
60
- backgroundColor: Color.BG_1,
61
- borderColor: Color.BG_1
59
+ color: Color.SECONDARY_BA_2,
60
+ backgroundColor: Color.SECONDARY_BA_1,
61
+ borderColor: Color.SECONDARY_BA_1
62
62
  }
63
63
  },
64
- clear: {
64
+ pseudo: {
65
65
  normal: {
66
66
  color: Color.TRETIARY_BA_5,
67
67
  backgroundColor: Color.WHITE,
@@ -77,10 +77,32 @@ var ButtonThemeBA = {
77
77
  backgroundColor: Color.TRETIARY_BA_2,
78
78
  borderColor: Color.TRETIARY_BA_2
79
79
  },
80
+ disabled: {
81
+ color: Color.TRETIARY_BA_3,
82
+ backgroundColor: Color.TRETIARY_BA_1,
83
+ borderColor: Color.TRETIARY_BA_1
84
+ }
85
+ },
86
+ clear: {
87
+ normal: {
88
+ color: Color.PRIMARY_BA_4,
89
+ backgroundColor: "transparent",
90
+ borderColor: "transparent"
91
+ },
92
+ hovered: {
93
+ color: Color.PRIMARY_BA_5,
94
+ backgroundColor: "transparent",
95
+ borderColor: "transparent"
96
+ },
97
+ active: {
98
+ color: Color.PRIMARY_BA_5,
99
+ backgroundColor: "transparent",
100
+ borderColor: "transparent"
101
+ },
80
102
  disabled: {
81
103
  color: Color.BG_3,
82
- backgroundColor: Color.BG_1,
83
- borderColor: Color.BG_1
104
+ backgroundColor: "transparent",
105
+ borderColor: "transparent"
84
106
  }
85
107
  }
86
108
  };
@@ -27,9 +27,9 @@ var ButtonThemeDefault = {
27
27
  borderColor: Color.PRIMARY_5
28
28
  },
29
29
  disabled: {
30
- color: Color.BG_3,
31
- backgroundColor: Color.BG_1,
32
- borderColor: Color.BG_1
30
+ color: Color.PRIMARY_2,
31
+ backgroundColor: Color.PRIMARY_1,
32
+ borderColor: Color.PRIMARY_1
33
33
  }
34
34
  },
35
35
  secondary: {
@@ -54,12 +54,12 @@ var ButtonThemeDefault = {
54
54
  borderColor: Color.SECONDARY_5
55
55
  },
56
56
  disabled: {
57
- color: Color.BG_3,
58
- backgroundColor: Color.BG_1,
59
- borderColor: Color.BG_1
57
+ color: Color.SECONDARY_2,
58
+ backgroundColor: Color.SECONDARY_1,
59
+ borderColor: Color.SECONDARY_1
60
60
  }
61
61
  },
62
- clear: {
62
+ pseudo: {
63
63
  normal: {
64
64
  color: Color.TRETIARY_5,
65
65
  backgroundColor: Color.WHITE,
@@ -75,10 +75,32 @@ var ButtonThemeDefault = {
75
75
  backgroundColor: Color.TRETIARY_2,
76
76
  borderColor: Color.TRETIARY_2
77
77
  },
78
+ disabled: {
79
+ color: Color.TRETIARY_3,
80
+ backgroundColor: Color.TRETIARY_1,
81
+ borderColor: Color.TRETIARY_1
82
+ }
83
+ },
84
+ clear: {
85
+ normal: {
86
+ color: Color.PRIMARY_4,
87
+ backgroundColor: "transparent",
88
+ borderColor: "transparent"
89
+ },
90
+ hovered: {
91
+ color: Color.PRIMARY_5,
92
+ backgroundColor: "transparent",
93
+ borderColor: "transparent"
94
+ },
95
+ active: {
96
+ color: Color.PRIMARY_5,
97
+ backgroundColor: "transparent",
98
+ borderColor: "transparent"
99
+ },
78
100
  disabled: {
79
101
  color: Color.BG_3,
80
- backgroundColor: Color.BG_1,
81
- borderColor: Color.BG_1
102
+ backgroundColor: "transparent",
103
+ borderColor: "transparent"
82
104
  }
83
105
  }
84
106
  };
package/esm/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { default as Button } from "./Button";
2
2
  export { default as Checkbox } from "./Checkbox";
3
+ export { default as Counter } from "./Counter";
3
4
  export { default as DotsLoader } from "./DotsLoader";
4
5
  export { default as Grid } from "./Grid";
5
6
  export { default as GridItem } from "./Grid/Item";
package/esm/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  export { default as Button } from './Button/index.js';
2
2
  export { default as Checkbox } from './Checkbox/index.js';
3
+ export { default as Counter } from './Counter/index.js';
3
4
  export { default as DotsLoader } from './DotsLoader/index.js';
4
5
  export { default as Grid } from './Grid/index.js';
5
6
  export { default as GridItem } from './Grid/Item/index.js';
@@ -16,5 +17,8 @@ export { default as EyeOpen } from './Icons/EyeOpen.js';
16
17
  export { default as EyeClosed } from './Icons/EyeClosed.js';
17
18
  export { default as Help } from './Icons/Help.js';
18
19
  export { default as Info } from './Icons/Info.js';
20
+ export { default as Minus } from './Icons/Minus.js';
19
21
  export { default as More } from './Icons/More.js';
22
+ export { default as Plus } from './Icons/Plus.js';
23
+ export { default as Trash } from './Icons/Trash.js';
20
24
  export { default as User } from './Icons/User.js';
package/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { default as Button } from "./Button";
2
2
  export { default as Checkbox } from "./Checkbox";
3
+ export { default as Counter } from "./Counter";
3
4
  export { default as DotsLoader } from "./DotsLoader";
4
5
  export { default as Grid } from "./Grid";
5
6
  export { default as GridItem } from "./Grid/Item";
package/index.js CHANGED
@@ -2,15 +2,16 @@
2
2
 
3
3
  var index = require('./Button/index.js');
4
4
  var index$1 = require('./Checkbox/index.js');
5
- var index$2 = require('./DotsLoader/index.js');
6
- var index$3 = require('./Grid/index.js');
7
- var index$4 = require('./Grid/Item/index.js');
8
- var index$5 = require('./Image/index.js');
9
- var index$6 = require('./Input/index.js');
10
- var index$7 = require('./Skeleton/index.js');
11
- var index$8 = require('./Switch/index.js');
12
- var index$9 = require('./Theme/index.js');
13
- var index$a = require('./Typography/index.js');
5
+ var index$2 = require('./Counter/index.js');
6
+ var index$3 = require('./DotsLoader/index.js');
7
+ var index$4 = require('./Grid/index.js');
8
+ var index$5 = require('./Grid/Item/index.js');
9
+ var index$6 = require('./Image/index.js');
10
+ var index$7 = require('./Input/index.js');
11
+ var index$8 = require('./Skeleton/index.js');
12
+ var index$9 = require('./Switch/index.js');
13
+ var index$a = require('./Theme/index.js');
14
+ var index$b = require('./Typography/index.js');
14
15
  require('./Icons/index.js');
15
16
  var Chevron = require('./Icons/Chevron.js');
16
17
  var Close = require('./Icons/Close.js');
@@ -18,29 +19,36 @@ var EyeOpen = require('./Icons/EyeOpen.js');
18
19
  var EyeClosed = require('./Icons/EyeClosed.js');
19
20
  var Help = require('./Icons/Help.js');
20
21
  var Info = require('./Icons/Info.js');
22
+ var Minus = require('./Icons/Minus.js');
21
23
  var More = require('./Icons/More.js');
24
+ var Plus = require('./Icons/Plus.js');
25
+ var Trash = require('./Icons/Trash.js');
22
26
  var User = require('./Icons/User.js');
23
27
 
24
28
 
25
29
 
26
30
  exports.Button = index.default;
27
31
  exports.Checkbox = index$1.default;
28
- exports.DotsLoader = index$2.default;
29
- exports.Grid = index$3.default;
30
- exports.GridItem = index$4.default;
31
- exports.Image = index$5.default;
32
- exports.Input = index$6.default;
33
- exports.SkeletonRect = index$7.SkeletonRect;
34
- exports.SkeletonText = index$7.SkeletonText;
35
- exports.Switch = index$8.default;
36
- exports.THEMES = index$9.THEMES;
37
- exports.ThemeProvider = index$9.ThemeProvider;
38
- exports.Typography = index$a.default;
32
+ exports.Counter = index$2.default;
33
+ exports.DotsLoader = index$3.default;
34
+ exports.Grid = index$4.default;
35
+ exports.GridItem = index$5.default;
36
+ exports.Image = index$6.default;
37
+ exports.Input = index$7.default;
38
+ exports.SkeletonRect = index$8.SkeletonRect;
39
+ exports.SkeletonText = index$8.SkeletonText;
40
+ exports.Switch = index$9.default;
41
+ exports.THEMES = index$a.THEMES;
42
+ exports.ThemeProvider = index$a.ThemeProvider;
43
+ exports.Typography = index$b.default;
39
44
  exports.Chevron = Chevron.default;
40
45
  exports.Close = Close.default;
41
46
  exports.EyeOpen = EyeOpen.default;
42
47
  exports.EyeClosed = EyeClosed.default;
43
48
  exports.Help = Help.default;
44
49
  exports.Info = Info.default;
50
+ exports.Minus = Minus.default;
45
51
  exports.More = More.default;
52
+ exports.Plus = Plus.default;
53
+ exports.Trash = Trash.default;
46
54
  exports.User = User.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.19",
3
+ "version": "0.7.21",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},