colibri-ui 0.7.19 → 0.7.20

package/esm/Icons/More.d.ts

@@ -1,3 +1,4 @@
-import type { HTMLAttributes } from "react";
-declare const _default: import("react").ForwardRefExoticComponent<HTMLAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>;
+/// <reference types="react" />
+import type { Props } from "./index.props";
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
 export default _default;

package/esm/Icons/More.js

@@ -1,14 +1,23 @@
-import { __assign } from 'tslib';
+import { __rest, __assign } from 'tslib';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
 
-var More = /*#__PURE__*/forwardRef(function (props, ref) {
+var More = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = __rest(_a, ["fill", "width", "height"]);
   return jsxs("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: fill,
+    width: width,
+    height: height,
     ref: ref
   }, props, {
-    fill: "currentColor",
-    width: "24",
-    height: "24",
+    viewBox: "0 0 24 24",
     children: [jsx("circle", {
       cx: "5",
       cy: "12",

package/esm/Icons/Plus.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { Props } from "./index.props";
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/esm/Icons/Plus.js

@@ -0,0 +1,33 @@
+import { __rest, __assign } from 'tslib';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+
+var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = __rest(_a, ["fill", "width", "height"]);
+  return jsx("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: fill,
+    width: width,
+    height: height,
+    ref: ref
+  }, props, {
+    viewBox: "0 0 24 24",
+    children: jsxs("g", {
+      fill: fill,
+      fillRule: "evenodd",
+      children: [jsx("path", {
+        d: "M4 13h16v-2H4z"
+      }), jsx("path", {
+        d: "M11 4v16h2V4z"
+      })]
+    })
+  }));
+});
+
+export { PlusIcon as default };

package/esm/Icons/Trash.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { Props } from "./index.props";
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/esm/Icons/Trash.js

@@ -0,0 +1,30 @@
+import { __rest, __assign } from 'tslib';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+
+var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = __rest(_a, ["fill", "width", "height"]);
+  return jsx("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    ref: ref
+  }, props, {
+    viewBox: "0 0 24 24",
+    children: jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      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",
+      fill: fill
+    })
+  }));
+});
+
+export { Trash as default };

package/esm/Icons/User.d.ts

@@ -1,3 +1,4 @@
-import type { HTMLAttributes } from "react";
-declare const _default: import("react").ForwardRefExoticComponent<HTMLAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>;
+/// <reference types="react" />
+import type { Props } from "./index.props";
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
 export default _default;

package/esm/Icons/User.js

@@ -1,14 +1,20 @@
-import { __assign } from 'tslib';
+import { __rest, __assign } from 'tslib';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
 
-var User = /*#__PURE__*/forwardRef(function (props, ref) {
+var User = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    props = __rest(_a, ["width", "height"]);
   return jsxs("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
     ref: ref
   }, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "1em",
-    viewBox: "0 0 20 20",
+    viewBox: "0 0 24 24",
     fill: "none",
     children: [jsx("path", {
       stroke: "currentColor",

package/esm/Icons/index.d.ts

@@ -4,5 +4,8 @@ export { default as EyeOpen } from "./EyeOpen";
 export { default as EyeClosed } from "./EyeClosed";
 export { default as Help } from "./Help";
 export { default as Info } from "./Info";
+export { default as Minus } from "./Minus";
 export { default as More } from "./More";
+export { default as Plus } from "./Plus";
+export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/esm/Icons/index.js

@@ -4,5 +4,8 @@ export { default as EyeOpen } from './EyeOpen.js';
 export { default as EyeClosed } from './EyeClosed.js';
 export { default as Help } from './Help.js';
 export { default as Info } from './Info.js';
+export { default as Minus } from './Minus.js';
 export { default as More } from './More.js';
+export { default as Plus } from './Plus.js';
+export { default as Trash } from './Trash.js';
 export { default as User } from './User.js';

package/esm/Icons/index.props.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from "react";
+export interface Props extends HTMLAttributes<SVGElement> {
+    width?: number;
+    height?: number;
+    fill?: string;
+}

package/esm/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
+export { default as Counter } from "./Counter";
 export { default as DotsLoader } from "./DotsLoader";
 export { default as Grid } from "./Grid";
 export { default as GridItem } from "./Grid/Item";

package/esm/index.js

@@ -1,5 +1,6 @@
 export { default as Button } from './Button/index.js';
 export { default as Checkbox } from './Checkbox/index.js';
+export { default as Counter } from './Counter/index.js';
 export { default as DotsLoader } from './DotsLoader/index.js';
 export { default as Grid } from './Grid/index.js';
 export { default as GridItem } from './Grid/Item/index.js';
@@ -16,5 +17,8 @@ export { default as EyeOpen } from './Icons/EyeOpen.js';
 export { default as EyeClosed } from './Icons/EyeClosed.js';
 export { default as Help } from './Icons/Help.js';
 export { default as Info } from './Icons/Info.js';
+export { default as Minus } from './Icons/Minus.js';
 export { default as More } from './Icons/More.js';
+export { default as Plus } from './Icons/Plus.js';
+export { default as Trash } from './Icons/Trash.js';
 export { default as User } from './Icons/User.js';

package/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
+export { default as Counter } from "./Counter";
 export { default as DotsLoader } from "./DotsLoader";
 export { default as Grid } from "./Grid";
 export { default as GridItem } from "./Grid/Item";

package/index.js

@@ -2,15 +2,16 @@
 
 var index = require('./Button/index.js');
 var index$1 = require('./Checkbox/index.js');
-var index$2 = require('./DotsLoader/index.js');
-var index$3 = require('./Grid/index.js');
-var index$4 = require('./Grid/Item/index.js');
-var index$5 = require('./Image/index.js');
-var index$6 = require('./Input/index.js');
-var index$7 = require('./Skeleton/index.js');
-var index$8 = require('./Switch/index.js');
-var index$9 = require('./Theme/index.js');
-var index$a = require('./Typography/index.js');
+var index$2 = require('./Counter/index.js');
+var index$3 = require('./DotsLoader/index.js');
+var index$4 = require('./Grid/index.js');
+var index$5 = require('./Grid/Item/index.js');
+var index$6 = require('./Image/index.js');
+var index$7 = require('./Input/index.js');
+var index$8 = require('./Skeleton/index.js');
+var index$9 = require('./Switch/index.js');
+var index$a = require('./Theme/index.js');
+var index$b = require('./Typography/index.js');
 require('./Icons/index.js');
 var Chevron = require('./Icons/Chevron.js');
 var Close = require('./Icons/Close.js');
@@ -18,29 +19,36 @@ var EyeOpen = require('./Icons/EyeOpen.js');
 var EyeClosed = require('./Icons/EyeClosed.js');
 var Help = require('./Icons/Help.js');
 var Info = require('./Icons/Info.js');
+var Minus = require('./Icons/Minus.js');
 var More = require('./Icons/More.js');
+var Plus = require('./Icons/Plus.js');
+var Trash = require('./Icons/Trash.js');
 var User = require('./Icons/User.js');
 
 
 
 exports.Button = index.default;
 exports.Checkbox = index$1.default;
-exports.DotsLoader = index$2.default;
-exports.Grid = index$3.default;
-exports.GridItem = index$4.default;
-exports.Image = index$5.default;
-exports.Input = index$6.default;
-exports.SkeletonRect = index$7.SkeletonRect;
-exports.SkeletonText = index$7.SkeletonText;
-exports.Switch = index$8.default;
-exports.THEMES = index$9.THEMES;
-exports.ThemeProvider = index$9.ThemeProvider;
-exports.Typography = index$a.default;
+exports.Counter = index$2.default;
+exports.DotsLoader = index$3.default;
+exports.Grid = index$4.default;
+exports.GridItem = index$5.default;
+exports.Image = index$6.default;
+exports.Input = index$7.default;
+exports.SkeletonRect = index$8.SkeletonRect;
+exports.SkeletonText = index$8.SkeletonText;
+exports.Switch = index$9.default;
+exports.THEMES = index$a.THEMES;
+exports.ThemeProvider = index$a.ThemeProvider;
+exports.Typography = index$b.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;
 exports.EyeOpen = EyeOpen.default;
 exports.EyeClosed = EyeClosed.default;
 exports.Help = Help.default;
 exports.Info = Info.default;
+exports.Minus = Minus.default;
 exports.More = More.default;
+exports.Plus = Plus.default;
+exports.Trash = Trash.default;
 exports.User = User.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.7.19",
+  "version": "0.7.20",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},