colibri-ui 0.7.69 → 0.7.71

package/Counter/index.js

@@ -43,7 +43,9 @@ var Counter = function Counter(_a) {
       height: 16
     }),
     disabled: minusDisabled,
-    onClick: function onClick() {
+    type: "button",
+    onClick: function onClick(e) {
+      e.stopPropagation();
       onChange(value - 1);
       lastNumValue.current = value - 1;
     },
@@ -56,7 +58,9 @@ var Counter = function Counter(_a) {
       height: 16
     }),
     disabled: plusDisabled,
-    onClick: function onClick() {
+    type: "button",
+    onClick: function onClick(e) {
+      e.stopPropagation();
       onChange(value + 1);
       lastNumValue.current = value + 1;
     },

package/Icons/Minus.js

@@ -20,12 +20,14 @@ var MinusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,
-    viewBox: "0 0 24 24",
+    fill: "none",
+    viewBox: "0 0 16 16",
     ref: ref
   }, props), /*#__PURE__*/React__default.default.createElement("path", {
     fill: fill,
-    d: "M4 13h16v-2H4z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M12.5 9.5h-9C2.7 9.5 2 8.8 2 8s.7-1.5 1.5-1.5h9c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z",
+    clipRule: "evenodd"
   }));
 });
 

package/Icons/Plus.js

@@ -13,22 +13,20 @@ var PlusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
-    width = _c === void 0 ? 24 : _c,
+    width = _c === void 0 ? 18 : _c,
     _d = _a.height,
-    height = _d === void 0 ? 24 : _d,
+    height = _d === void 0 ? 18 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
+    viewBox: "0 0 18 18",
     ref: ref
-  }, props, {
-    fill: "none"
-  }), /*#__PURE__*/React__default.default.createElement("path", {
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
     fill: fill,
-    fillRule: "evenodd",
-    d: "M12.5 1a1.26 1.26 0 0 1 1.26 1.26v7.98h7.98a1.26 1.26 0 1 1 0 2.52h-7.98v7.98a1.26 1.26 0 0 1-2.52 0v-7.98H3.26a1.26 1.26 0 0 1 0-2.52h7.98V2.26A1.26 1.26 0 0 1 12.5 1",
-    clipRule: "evenodd"
+    fillRule: "nonzero",
+    d: "M15.517 7.642h-5.16v-5.16a1.358 1.358 0 0 0-2.715 0v5.16h-5.16a1.358 1.358 0 0 0 0 2.716h5.16v5.16a1.358 1.358 0 0 0 2.716 0v-5.16h5.16a1.358 1.358 0 0 0 0-2.716"
   }));
 });
 

package/Input/index.js

@@ -23,11 +23,12 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     error = _a.error,
     required = _a.required,
     onChange = _a.onChange,
+    inputRef = _a.inputRef,
     _b = _a.variant,
     variant = _b === void 0 ? "primary" : _b,
     _c = _a.size,
     size = _c === void 0 ? "m" : _c,
-    props = tslib.__rest(_a, ["className", "startIcon", "endIcon", "label", "hint", "error", "required", "onChange", "variant", "size"]);
+    props = tslib.__rest(_a, ["className", "startIcon", "endIcon", "label", "hint", "error", "required", "onChange", "inputRef", "variant", "size"]);
   return /*#__PURE__*/React__default.default.createElement(index.default, {
     className: classNames__default.default(className),
     label: label,
@@ -43,6 +44,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled: !!props.disabled,
     error: error
   }, /*#__PURE__*/React__default.default.createElement(index$2.default, tslib.__assign({
+    ref: inputRef,
     onChange: onChange,
     type: "text"
   }, props))));

package/Input/index.props.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+import type { ChangeEvent, ForwardedRef, InputHTMLAttributes, ReactNode } from "react";
 import type { FormFieldProps } from "../base/FormField/index.props";
 import type { Size, Variant } from "../base/InputRoot/index.props";
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size">, Omit<FormFieldProps, "children"> {
@@ -11,4 +11,5 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     hint?: ReactNode;
     error?: boolean;
     required?: boolean;
+    inputRef?: ForwardedRef<HTMLInputElement>;
 }

package/esm/Counter/index.js

@@ -33,7 +33,9 @@ var Counter = function Counter(_a) {
       height: 16
     }),
     disabled: minusDisabled,
-    onClick: function onClick() {
+    type: "button",
+    onClick: function onClick(e) {
+      e.stopPropagation();
       onChange(value - 1);
       lastNumValue.current = value - 1;
     },
@@ -46,7 +48,9 @@ var Counter = function Counter(_a) {
       height: 16
     }),
     disabled: plusDisabled,
-    onClick: function onClick() {
+    type: "button",
+    onClick: function onClick(e) {
+      e.stopPropagation();
       onChange(value + 1);
       lastNumValue.current = value + 1;
     },

package/esm/Icons/Minus.js

@@ -12,12 +12,14 @@ var MinusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     width: width,
     height: height,
-    viewBox: "0 0 24 24",
+    fill: "none",
+    viewBox: "0 0 16 16",
     ref: ref
   }, props), /*#__PURE__*/React__default.createElement("path", {
     fill: fill,
-    d: "M4 13h16v-2H4z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M12.5 9.5h-9C2.7 9.5 2 8.8 2 8s.7-1.5 1.5-1.5h9c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z",
+    clipRule: "evenodd"
   }));
 });
 

package/esm/Icons/Plus.js

@@ -5,22 +5,20 @@ 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,
+    width = _c === void 0 ? 18 : _c,
     _d = _a.height,
-    height = _d === void 0 ? 24 : _d,
+    height = _d === void 0 ? 18 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
+    viewBox: "0 0 18 18",
     ref: ref
-  }, props, {
-    fill: "none"
-  }), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React__default.createElement("path", {
     fill: fill,
-    fillRule: "evenodd",
-    d: "M12.5 1a1.26 1.26 0 0 1 1.26 1.26v7.98h7.98a1.26 1.26 0 1 1 0 2.52h-7.98v7.98a1.26 1.26 0 0 1-2.52 0v-7.98H3.26a1.26 1.26 0 0 1 0-2.52h7.98V2.26A1.26 1.26 0 0 1 12.5 1",
-    clipRule: "evenodd"
+    fillRule: "nonzero",
+    d: "M15.517 7.642h-5.16v-5.16a1.358 1.358 0 0 0-2.715 0v5.16h-5.16a1.358 1.358 0 0 0 0 2.716h5.16v5.16a1.358 1.358 0 0 0 2.716 0v-5.16h5.16a1.358 1.358 0 0 0 0-2.716"
   }));
 });
 

package/esm/Input/index.js

@@ -14,11 +14,12 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     error = _a.error,
     required = _a.required,
     onChange = _a.onChange,
+    inputRef = _a.inputRef,
     _b = _a.variant,
     variant = _b === void 0 ? "primary" : _b,
     _c = _a.size,
     size = _c === void 0 ? "m" : _c,
-    props = __rest(_a, ["className", "startIcon", "endIcon", "label", "hint", "error", "required", "onChange", "variant", "size"]);
+    props = __rest(_a, ["className", "startIcon", "endIcon", "label", "hint", "error", "required", "onChange", "inputRef", "variant", "size"]);
   return /*#__PURE__*/React__default.createElement(FormField, {
     className: classNames(className),
     label: label,
@@ -34,6 +35,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabled: !!props.disabled,
     error: error
   }, /*#__PURE__*/React__default.createElement(BaseInput, __assign({
+    ref: inputRef,
     onChange: onChange,
     type: "text"
   }, props))));

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

@@ -1,4 +1,4 @@
-import type { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+import type { ChangeEvent, ForwardedRef, InputHTMLAttributes, ReactNode } from "react";
 import type { FormFieldProps } from "../base/FormField/index.props";
 import type { Size, Variant } from "../base/InputRoot/index.props";
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size">, Omit<FormFieldProps, "children"> {
@@ -11,4 +11,5 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     hint?: ReactNode;
     error?: boolean;
     required?: boolean;
+    inputRef?: ForwardedRef<HTMLInputElement>;
 }

package/package.json

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