colibri-ui 0.7.97 → 0.7.99

package/Avatar/Avatar.module.css

@@ -4,9 +4,10 @@
   transition: border-color 0.15s ease;
 }
 .avatar_bordered {
+  padding: 3px;
   background-color: var(--palette-white);
-  border: 4px solid transparent;
+  border: 3px solid var(--palette-bg-2);
 }
 .avatar_bordered:hover {
-  border-color: rgba(95, 99, 104, 0.24);
+  border-color: var(--palette-bg-4);
 }

package/Select/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { SelectProps } from "./index.props";
-declare const Select: <T extends string>({ options, value, zIndex, label, hint, error, required, placeholder, disabled, fullWidth, onChange, }: SelectProps<T>) => React.JSX.Element;
+declare const Select: <T extends string>({ options, value, zIndex, label, hint, error, required, placeholder, disabled, size, fullWidth, onChange, }: SelectProps<T>) => React.JSX.Element;
 export default Select;

package/Select/index.js

@@ -29,12 +29,14 @@ var Select = function Select(_a) {
     required = _a.required,
     placeholder = _a.placeholder,
     disabled = _a.disabled,
-    _c = _a.fullWidth,
-    fullWidth = _c === void 0 ? false : _c,
+    _c = _a.size,
+    size = _c === void 0 ? "m" : _c,
+    _d = _a.fullWidth,
+    fullWidth = _d === void 0 ? false : _d,
     onChange = _a.onChange;
-  var _d = React.useState(false),
-    isOpen = _d[0],
-    setIsOpen = _d[1];
+  var _e = React.useState(false),
+    isOpen = _e[0],
+    setIsOpen = _e[1];
   var preparedOptions = React.useMemo(function () {
     return options.map(function (_a) {
       var lvalue = _a.value,
@@ -76,6 +78,7 @@ var Select = function Select(_a) {
     samewidth: true
   }, /*#__PURE__*/React__default.default.createElement(index$3.default, {
     error: error,
+    size: size,
     className: clx(styles__default.default.root),
     endIcon: /*#__PURE__*/React__default.default.createElement(Chevron.default, {
       className: clx(styles__default.default.icon, {

package/Select/index.module.css

@@ -15,13 +15,16 @@
   border: none;
   flex: 1;
   margin: 7px 0;
-  outline: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  display: inline-grid;
 }
 .base-input ::placeholder {
   color: var(--palette-bg-2);
 }
+.base-input > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .placeholder {
   color: var(--input-primary-plaseholder-color);

package/Select/index.props.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 import type { FormFieldProps } from "../base/FormField/index.props";
+type Size = "s" | "m" | "l";
 export interface IOption<T extends string> {
     value: T;
     label: ReactNode;
@@ -14,8 +15,10 @@ export interface SelectProps<T extends string> extends Omit<FormFieldProps, "chi
     placeholder?: string;
     fullWidth?: boolean;
     required?: boolean;
+    size?: Size;
 }
 export type Coordinates = {
     top: number;
     height: number;
 };
+export {};

package/TimeSelect/index.js

@@ -28,7 +28,7 @@ var TimeSelect = function TimeSelect(_a) {
         label: /*#__PURE__*/React__default.default.createElement(index.default, {
           time: item.time
         }),
-        disabled: helpers.checkIsBeforeNow(item.time, currentDate)
+        disabled: !!currentDate && helpers.checkIsBeforeNow(item.time, currentDate)
       };
     });
   }, [interval]);

package/esm/Avatar/Avatar.module.css

@@ -4,9 +4,10 @@
   transition: border-color 0.15s ease;
 }
 .avatar_bordered {
+  padding: 3px;
   background-color: var(--palette-white);
-  border: 4px solid transparent;
+  border: 3px solid var(--palette-bg-2);
 }
 .avatar_bordered:hover {
-  border-color: rgba(95, 99, 104, 0.24);
+  border-color: var(--palette-bg-4);
 }

package/esm/Select/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { SelectProps } from "./index.props";
-declare const Select: <T extends string>({ options, value, zIndex, label, hint, error, required, placeholder, disabled, fullWidth, onChange, }: SelectProps<T>) => React.JSX.Element;
+declare const Select: <T extends string>({ options, value, zIndex, label, hint, error, required, placeholder, disabled, size, fullWidth, onChange, }: SelectProps<T>) => React.JSX.Element;
 export default Select;

package/esm/Select/index.js

@@ -19,12 +19,14 @@ var Select = function Select(_a) {
     required = _a.required,
     placeholder = _a.placeholder,
     disabled = _a.disabled,
-    _c = _a.fullWidth,
-    fullWidth = _c === void 0 ? false : _c,
+    _c = _a.size,
+    size = _c === void 0 ? "m" : _c,
+    _d = _a.fullWidth,
+    fullWidth = _d === void 0 ? false : _d,
     onChange = _a.onChange;
-  var _d = useState(false),
-    isOpen = _d[0],
-    setIsOpen = _d[1];
+  var _e = useState(false),
+    isOpen = _e[0],
+    setIsOpen = _e[1];
   var preparedOptions = useMemo(function () {
     return options.map(function (_a) {
       var lvalue = _a.value,
@@ -66,6 +68,7 @@ var Select = function Select(_a) {
     samewidth: true
   }, /*#__PURE__*/React__default.createElement(InputRoot, {
     error: error,
+    size: size,
     className: clx(styles.root),
     endIcon: /*#__PURE__*/React__default.createElement(Chevron, {
       className: clx(styles.icon, {

package/esm/Select/index.module.css

@@ -15,13 +15,16 @@
   border: none;
   flex: 1;
   margin: 7px 0;
-  outline: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  display: inline-grid;
 }
 .base-input ::placeholder {
   color: var(--palette-bg-2);
 }
+.base-input > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .placeholder {
   color: var(--input-primary-plaseholder-color);

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

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 import type { FormFieldProps } from "../base/FormField/index.props";
+type Size = "s" | "m" | "l";
 export interface IOption<T extends string> {
     value: T;
     label: ReactNode;
@@ -14,8 +15,10 @@ export interface SelectProps<T extends string> extends Omit<FormFieldProps, "chi
     placeholder?: string;
     fullWidth?: boolean;
     required?: boolean;
+    size?: Size;
 }
 export type Coordinates = {
     top: number;
     height: number;
 };
+export {};

package/esm/TimeSelect/index.js

@@ -20,7 +20,7 @@ var TimeSelect = function TimeSelect(_a) {
         label: /*#__PURE__*/React__default.createElement(OptionLabel, {
           time: item.time
         }),
-        disabled: checkIsBeforeNow(item.time, currentDate)
+        disabled: !!currentDate && checkIsBeforeNow(item.time, currentDate)
       };
     });
   }, [interval]);

package/package.json

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