colibri-ui 0.7.94 → 0.7.96

package/Badge/Control/index.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ControlProps } from "./index.props";
-export declare const BadgeControl: FC<ControlProps>;
+export declare const BadgeControl: FC<PropsWithChildren<ControlProps>>;

package/Badge/Control/index.props.d.ts

@@ -1,5 +1,3 @@
-import type { ReactNode } from "react";
 export interface ControlProps {
     className?: string;
-    children: ReactNode;
 }

package/Badge/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { Props } from "./index.props";
-declare const Badge: FC<Props>;
+declare const Badge: FC<PropsWithChildren<Props>>;
 export default Badge;

package/Badge/index.props.d.ts

@@ -1,11 +1,9 @@
-import type { ReactNode } from "react";
 import type { ControlProps } from "./Control/index.props";
 export interface Props extends ControlProps {
     className?: string;
     color?: string;
     background?: string;
     content?: number;
-    children: ReactNode;
     invisible?: boolean;
     max?: number;
     showZero?: boolean;

package/Chip/index.d.ts

@@ -1,4 +1,4 @@
-import type { Props } from "./index.props";
-import type { FC } from "react";
-declare const Chip: FC<Props>;
+import type { ChipProps } from "./index.props";
+import type { FC, PropsWithChildren } from "react";
+declare const Chip: FC<PropsWithChildren<ChipProps>>;
 export default Chip;

package/Chip/index.props.d.ts

@@ -1,12 +1,10 @@
-import type { ReactNode } from "react";
 type Size = "s" | "m" | "l";
-export type Props = {
+export type ChipProps = {
     size?: Size;
     testID?: string;
     isActive?: boolean;
     iconOnRight?: React.ReactNode;
     onClick?: () => void;
     onIconOnRightClick?: () => void;
-    children?: ReactNode;
 };
 export {};

package/ClickOutside/index.d.ts

@@ -1,6 +1,5 @@
-import type { FC, ReactNode } from "react";
-declare const ClickOutside: FC<{
+import type { FC, PropsWithChildren } from "react";
+declare const ClickOutside: FC<PropsWithChildren<{
     onClick: (e: MouseEvent | TouchEvent) => void;
-    children: ReactNode;
-}>;
+}>>;
 export default ClickOutside;

package/Dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import type { DropdownProps } from "./index.props";
-declare const Dropdown: React.FC<DropdownProps>;
+import type { FC, PropsWithChildren } from "react";
+declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
 export default Dropdown;

package/Dropdown/index.props.d.ts

@@ -4,7 +4,6 @@ import type { Placement as PopperPlacement } from "@popperjs/core";
 export type Placement = Extract<PopperPlacement, "bottom-start" | "bottom" | "bottom-end">;
 export type Trigger = "click" | "hover" | "focus";
 export type DropdownProps = {
-    children: ReactNode;
     zIndex?: number;
     disabled?: boolean;
     onVisibleChange?: (visible: boolean) => void;

package/Grid/Item/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { GridItemProps } from "./index.props";
-declare const GridItem: FC<GridItemProps>;
+declare const GridItem: FC<PropsWithChildren<GridItemProps>>;
 export default GridItem;

package/Grid/Item/index.props.d.ts

@@ -1,6 +1,5 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { CSSProperties } from "react";
 export type GridItemProps = {
-    children: ReactNode;
     fullWidth?: boolean;
     className?: string;
     style?: CSSProperties;

package/Grid/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { GridProps } from "./index.props";
-declare const Grid: React.FC<GridProps>;
+declare const Grid: FC<PropsWithChildren<GridProps>>;
 export default Grid;

package/Grid/index.props.d.ts

@@ -1,6 +1,4 @@
-import type { ReactNode } from "react";
 export type GridProps = {
-    children: ReactNode;
     className?: string;
     gridRowGap?: number;
     gridColumnGap?: number;

package/Menu/components/MenuItem/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { MenuItemProps } from "./index.props";
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLIElement>>;
 export default MenuItem;

package/Menu/components/MenuItem/index.props.d.ts

@@ -1,7 +1,6 @@
-import type { ReactNode, MouseEvent } from "react";
+import type { MouseEvent } from "react";
 import type { MenuVariant } from "../../index.props";
 export interface MenuItemProps {
-    children: ReactNode;
     className?: string;
     isSelected?: boolean;
     onClick?: (e: MouseEvent) => void;

package/Modal/components/Content/index.d.ts

@@ -1,5 +1,3 @@
-import type { FC, ReactNode } from "react";
-declare const Content: FC<{
-    children: ReactNode;
-}>;
+import type { FC, PropsWithChildren } from "react";
+declare const Content: FC<PropsWithChildren<{}>>;
 export default Content;

package/Modal/components/Title/index.d.ts

@@ -1,5 +1,3 @@
-import type { FC, ReactNode } from "react";
-declare const Title: FC<{
-    children: ReactNode;
-}>;
+import type { FC, PropsWithChildren } from "react";
+declare const Title: FC<PropsWithChildren<{}>>;
 export default Title;

package/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ModalProps } from "./index.props";
-declare const Modal: FC<ModalProps>;
+declare const Modal: FC<PropsWithChildren<ModalProps>>;
 export default Modal;

package/Modal/index.props.d.ts

@@ -1,6 +1,4 @@
-import type { ReactNode } from "react";
 export type ModalProps = {
-    children: ReactNode;
     className?: string;
     onClose?: () => void;
     title?: string;

package/Portal/index.d.ts

@@ -1,6 +1,5 @@
-import type { FC, ReactNode } from "react";
-declare const Portal: FC<{
+import type { FC, PropsWithChildren } from "react";
+declare const Portal: FC<PropsWithChildren<{
     node?: HTMLElement | null;
-    children: ReactNode;
-}>;
+}>>;
 export default Portal;

package/README.md

@@ -19,12 +19,13 @@ npm i -S colibri-ui
 ```tsx
 // app/layout.tsx
 import classNames from "classnames";
+import type { ReactNode } from "react";
 import "colibri-ui/theme_default_variables.css";
 
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: ReactNode;
 }>) {
   return (
     <html lang="en">

package/Select/components/MenuOverlayItem/index.d.ts

@@ -5,6 +5,7 @@ type SelectItemProps = {
         value: string;
         label: React.ReactNode;
         selected: boolean;
+        disabled?: boolean;
     };
     onClick?: () => void;
     setScrollView: (value: Coordinates) => void;

package/Select/components/MenuOverlayItem/index.js

@@ -35,7 +35,8 @@ var SelectItem = function SelectItem(_a) {
   return /*#__PURE__*/React__default.default.createElement(index.default, {
     ref: ref,
     onClick: onClick,
-    isSelected: option.selected
+    isSelected: option.selected,
+    disabled: option.disabled
   }, option.label, option.selected && /*#__PURE__*/React__default.default.createElement(Check.default, {
     width: 16,
     height: 16

package/Select/index.js

@@ -38,11 +38,13 @@ var Select = function Select(_a) {
   var preparedOptions = React.useMemo(function () {
     return options.map(function (_a) {
       var lvalue = _a.value,
-        llabel = _a.label;
+        llabel = _a.label,
+        disabled = _a.disabled;
       return {
         value: lvalue,
         label: llabel,
-        selected: value === lvalue
+        selected: value === lvalue,
+        disabled: disabled
       };
     });
   }, [value, options]);

package/Select/index.props.d.ts

@@ -3,6 +3,7 @@ import type { FormFieldProps } from "../base/FormField/index.props";
 export interface IOption<T extends string> {
     value: T;
     label: ReactNode;
+    disabled?: boolean;
 }
 export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children"> {
     options: IOption<T>[];

package/Status/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { PropsWithChildren } from "react";
 import type { StatusProps } from "./index.props";
-declare const Status: ({ className, tag: Component, children, type, }: StatusProps) => React.JSX.Element;
+declare const Status: ({ className, tag: Component, children, type, }: PropsWithChildren<StatusProps>) => React.JSX.Element;
 export default Status;

package/Status/index.module.css

@@ -1,23 +1,23 @@
 .root {
-  display: inline-flex;
   align-items: center;
-  gap: 0.5rem;
   background-color: var(--status-neutral-bg);
-  line-height: 1.5rem;
-  padding: 0 0.5rem;
   border-radius: 6rem;
-  inline-size: fit-content;
   box-sizing: border-box;
-  white-space: nowrap;
+  display: inline-flex;
+  gap: 0.5rem;
+  inline-size: fit-content;
+  line-height: 1.5rem;
   overflow: hidden;
+  padding: 0 0.5rem;
   vertical-align: middle;
+  white-space: nowrap;
 }
 .root::before {
   background-color: var(--status-neutral);
-  content: "";
-  inline-size: 0.4rem;
   block-size: 0.4rem;
   border-radius: 100%;
+  content: "";
+  inline-size: 0.4rem;
 }
 .root_success {
   background-color: var(--status-success-bg);

package/Status/index.props.d.ts

@@ -8,6 +8,5 @@ export declare enum STATUS_TYPE {
 export type StatusProps = {
     className?: string;
     tag?: StatusTag;
-    children?: string;
     type?: STATUS_TYPE;
 };

package/TextArea/TextArea.module.css

@@ -1,14 +1,14 @@
 .textarea {
-  resize: none;
-  font: inherit;
-  overflow: auto;
-  text-overflow: unset;
-  padding: 7px 0;
   background: transparent;
   border: none;
-  outline: none;
   flex: 1;
+  font: inherit;
+  outline: none;
+  overflow: auto;
   overflow: hidden;
+  padding: 7px 0;
+  resize: none;
+  text-overflow: unset;
   text-overflow: ellipsis;
 }
 .textarea::placeholder {

package/Theme/colors/theme_buenos_aires.js

@@ -12,8 +12,8 @@ var PrimaryBA = {
   PRIMARY_BA_5: "#FFC818"
 };
 var SecondaryBA = {
-  SECONDARY_BA_1: "#59636e",
-  SECONDARY_BA_2: "#454c54",
+  SECONDARY_BA_1: "#818b98",
+  SECONDARY_BA_2: "#59636e",
   SECONDARY_BA_3: "#393f46",
   SECONDARY_BA_4: "#25292e",
   SECONDARY_BA_5: "#1f2328"

package/Theme/themes/buenos_aires.js

@@ -51,10 +51,10 @@ var THEME_BA = {
   "button-secondary-bg": index.default.SECONDARY_BA_4,
   "button-secondary-border-color": index.default.SECONDARY_BA_4,
   "button-secondary-color-hovered": index.default.WHITE,
-  "button-secondary-bg-hovered": index.default.SECONDARY_BA_4,
+  "button-secondary-bg-hovered": index.default.SECONDARY_BA_5,
   "button-secondary-border-color-hovered": index.default.SECONDARY_BA_4,
   "button-secondary-color-active": index.default.WHITE,
-  "button-secondary-bg-active": index.default.SECONDARY_BA_5,
+  "button-secondary-bg-active": index.default.BLACK,
   "button-secondary-border-color-active": index.default.SECONDARY_BA_5,
   "button-secondary-color-disabled": index.default.BG_4,
   "button-secondary-bg-disabled": index.default.BG_1,

package/TimeSelect/helpers.d.ts

@@ -5,3 +5,4 @@ export declare const DEFAULT_TIME: {
 };
 export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
+export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;

package/TimeSelect/helpers.js

@@ -22,7 +22,11 @@ var generateSuggest = function generateSuggest(interval) {
     };
   });
 };
+var checkIsBeforeNow = function checkIsBeforeNow(time, currentDate) {
+  return currentDate ? dateFns.isBefore(dateFns.parse(time, "HH:mm", currentDate), new Date()) : false;
+};
 
 exports.DEFAULT_TIME = DEFAULT_TIME;
+exports.checkIsBeforeNow = checkIsBeforeNow;
 exports.formatTime = formatTime;
 exports.generateSuggest = generateSuggest;

package/TimeSelect/index.d.ts

@@ -2,6 +2,7 @@ import type { SelectProps } from "../Select/index.props";
 import type { FC } from "react";
 interface TimeSelectProps extends SelectProps<string> {
     interval?: 5 | 10 | 15 | 30;
+    currentDate?: Date | null;
 }
 declare const TimeSelect: FC<TimeSelectProps>;
 export default TimeSelect;

package/TimeSelect/index.js

@@ -14,19 +14,21 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 var TimeSelect = function TimeSelect(_a) {
   var value = _a.value,
+    currentDate = _a.currentDate,
     _b = _a.label,
     label = _b === void 0 ? "Start time" : _b,
     _c = _a.interval,
     interval = _c === void 0 ? 15 : _c,
     onChange = _a.onChange,
-    props = tslib.__rest(_a, ["value", "label", "interval", "onChange"]);
+    props = tslib.__rest(_a, ["value", "currentDate", "label", "interval", "onChange"]);
   var options = React.useMemo(function () {
     return helpers.generateSuggest(interval).map(function (item) {
       return {
         value: item.time,
         label: /*#__PURE__*/React__default.default.createElement(index.default, {
           time: item.time
-        })
+        }),
+        disabled: helpers.checkIsBeforeNow(item.time, currentDate)
       };
     });
   }, [interval]);

package/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import type { ITooltipProps } from "./index.props";
-declare const Tooltip: React.FC<ITooltipProps>;
+import type { FC, PropsWithChildren } from "react";
+declare const Tooltip: FC<PropsWithChildren<ITooltipProps>>;
 export default Tooltip;

package/Tooltip/index.props.d.ts

@@ -3,7 +3,6 @@ import type { PositioningStrategy } from "@popperjs/core";
 import type { Placement as PopperPlacement } from "@popperjs/core";
 export type Placement = Extract<PopperPlacement, "bottom-start" | "bottom" | "bottom-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "left-start" | "left" | "left-end">;
 export interface ITooltipProps {
-    children: ReactNode;
     content: ReactNode;
     zIndex?: number;
     placement?: Placement;

package/Typography/Typography.module.css

@@ -3,44 +3,44 @@
 }
 
 .size_xs {
-  font-size: 12px;
-  line-height: 16px;
+  font-size: 0.75rem;
+  line-height: 1.3;
 }
 .size_s {
-  font-size: 14px;
-  line-height: 18px;
+  font-size: 0.875rem;
+  line-height: 1.4;
 }
 .size_m {
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 1rem;
+  line-height: 1.5;
 }
 .size_l {
-  font-size: 18px;
-  line-height: 28px;
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 .size_h1 {
-  font-size: 40px;
-  line-height: 56px;
+  font-size: 3rem;
+  line-height: 1.2;
 }
 .size_h2 {
-  font-size: 32px;
-  line-height: 40px;
+  font-size: 2.25rem;
+  line-height: 1.3;
 }
 .size_h3 {
-  font-size: 24px;
-  line-height: 32px;
+  font-size: 1.75rem;
+  line-height: 1.4;
 }
 .size_h4 {
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 1.5rem;
+  line-height: 1.5;
 }
 .size_h5 {
-  font-size: 16px;
-  line-height: 24px;
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 .size_h6 {
-  font-size: 12px;
-  line-height: 16px;
+  font-size: 1rem;
+  line-height: 1.5;
 }
 
 .font-weight_normal {

package/Typography/index.d.ts

@@ -1,4 +1,4 @@
 import { type Props } from "./index.props";
-import type { FC } from "react";
-declare const Typography: FC<Props>;
+import type { FC, PropsWithChildren } from "react";
+declare const Typography: FC<PropsWithChildren<Props>>;
 export default Typography;

package/Typography/index.props.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { CSSProperties } from "react";
 export type TypographyVariant = "alert" | "success" | "secondary";
 export type TypographyFontWeight = "normal" | "medium" | "bold";
 export type TypographySize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -10,5 +10,4 @@ export type Props = {
     size?: TypographySize;
     fontWeight?: TypographyFontWeight;
     style?: CSSProperties;
-    children?: ReactNode;
 };

package/base/FormField/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default FormField;

package/base/FormField/index.props.d.ts

@@ -5,5 +5,4 @@ export type FormFieldProps = {
     error?: boolean;
     required?: boolean;
     className?: string;
-    children: ReactNode;
 };

package/base/InputRoot/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { InputProps } from "./index.props";
-declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputRoot: React.ForwardRefExoticComponent<InputProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default InputRoot;

package/base/InputRoot/index.props.d.ts

@@ -2,7 +2,6 @@ import type { ReactNode } from "react";
 export type Size = "s" | "m" | "l";
 export type Variant = "primary";
 export type InputProps = {
-    children: ReactNode;
     variant?: Variant;
     disabled: boolean;
     error?: boolean;

package/esm/Badge/Control/index.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ControlProps } from "./index.props";
-export declare const BadgeControl: FC<ControlProps>;
+export declare const BadgeControl: FC<PropsWithChildren<ControlProps>>;

package/esm/Badge/Control/index.props.d.ts

@@ -1,5 +1,3 @@
-import type { ReactNode } from "react";
 export interface ControlProps {
     className?: string;
-    children: ReactNode;
 }

package/esm/Badge/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { Props } from "./index.props";
-declare const Badge: FC<Props>;
+declare const Badge: FC<PropsWithChildren<Props>>;
 export default Badge;

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

@@ -1,11 +1,9 @@
-import type { ReactNode } from "react";
 import type { ControlProps } from "./Control/index.props";
 export interface Props extends ControlProps {
     className?: string;
     color?: string;
     background?: string;
     content?: number;
-    children: ReactNode;
     invisible?: boolean;
     max?: number;
     showZero?: boolean;

package/esm/Chip/index.d.ts

@@ -1,4 +1,4 @@
-import type { Props } from "./index.props";
-import type { FC } from "react";
-declare const Chip: FC<Props>;
+import type { ChipProps } from "./index.props";
+import type { FC, PropsWithChildren } from "react";
+declare const Chip: FC<PropsWithChildren<ChipProps>>;
 export default Chip;

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

@@ -1,12 +1,10 @@
-import type { ReactNode } from "react";
 type Size = "s" | "m" | "l";
-export type Props = {
+export type ChipProps = {
     size?: Size;
     testID?: string;
     isActive?: boolean;
     iconOnRight?: React.ReactNode;
     onClick?: () => void;
     onIconOnRightClick?: () => void;
-    children?: ReactNode;
 };
 export {};

package/esm/ClickOutside/index.d.ts

@@ -1,6 +1,5 @@
-import type { FC, ReactNode } from "react";
-declare const ClickOutside: FC<{
+import type { FC, PropsWithChildren } from "react";
+declare const ClickOutside: FC<PropsWithChildren<{
     onClick: (e: MouseEvent | TouchEvent) => void;
-    children: ReactNode;
-}>;
+}>>;
 export default ClickOutside;

package/esm/Dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import type { DropdownProps } from "./index.props";
-declare const Dropdown: React.FC<DropdownProps>;
+import type { FC, PropsWithChildren } from "react";
+declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
 export default Dropdown;

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

@@ -4,7 +4,6 @@ import type { Placement as PopperPlacement } from "@popperjs/core";
 export type Placement = Extract<PopperPlacement, "bottom-start" | "bottom" | "bottom-end">;
 export type Trigger = "click" | "hover" | "focus";
 export type DropdownProps = {
-    children: ReactNode;
     zIndex?: number;
     disabled?: boolean;
     onVisibleChange?: (visible: boolean) => void;

package/esm/Grid/Item/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { GridItemProps } from "./index.props";
-declare const GridItem: FC<GridItemProps>;
+declare const GridItem: FC<PropsWithChildren<GridItemProps>>;
 export default GridItem;

package/esm/Grid/Item/index.props.d.ts

@@ -1,6 +1,5 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { CSSProperties } from "react";
 export type GridItemProps = {
-    children: ReactNode;
     fullWidth?: boolean;
     className?: string;
     style?: CSSProperties;

package/esm/Grid/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { GridProps } from "./index.props";
-declare const Grid: React.FC<GridProps>;
+declare const Grid: FC<PropsWithChildren<GridProps>>;
 export default Grid;

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

@@ -1,6 +1,4 @@
-import type { ReactNode } from "react";
 export type GridProps = {
-    children: ReactNode;
     className?: string;
     gridRowGap?: number;
     gridColumnGap?: number;

package/esm/Menu/components/MenuItem/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { MenuItemProps } from "./index.props";
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLIElement>>;
 export default MenuItem;

package/esm/Menu/components/MenuItem/index.props.d.ts

@@ -1,7 +1,6 @@
-import type { ReactNode, MouseEvent } from "react";
+import type { MouseEvent } from "react";
 import type { MenuVariant } from "../../index.props";
 export interface MenuItemProps {
-    children: ReactNode;
     className?: string;
     isSelected?: boolean;
     onClick?: (e: MouseEvent) => void;

package/esm/Modal/components/Content/index.d.ts

@@ -1,5 +1,3 @@
-import type { FC, ReactNode } from "react";
-declare const Content: FC<{
-    children: ReactNode;
-}>;
+import type { FC, PropsWithChildren } from "react";
+declare const Content: FC<PropsWithChildren<{}>>;
 export default Content;

package/esm/Modal/components/Title/index.d.ts

@@ -1,5 +1,3 @@
-import type { FC, ReactNode } from "react";
-declare const Title: FC<{
-    children: ReactNode;
-}>;
+import type { FC, PropsWithChildren } from "react";
+declare const Title: FC<PropsWithChildren<{}>>;
 export default Title;

package/esm/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ModalProps } from "./index.props";
-declare const Modal: FC<ModalProps>;
+declare const Modal: FC<PropsWithChildren<ModalProps>>;
 export default Modal;

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

@@ -1,6 +1,4 @@
-import type { ReactNode } from "react";
 export type ModalProps = {
-    children: ReactNode;
     className?: string;
     onClose?: () => void;
     title?: string;

package/esm/Portal/index.d.ts

@@ -1,6 +1,5 @@
-import type { FC, ReactNode } from "react";
-declare const Portal: FC<{
+import type { FC, PropsWithChildren } from "react";
+declare const Portal: FC<PropsWithChildren<{
     node?: HTMLElement | null;
-    children: ReactNode;
-}>;
+}>>;
 export default Portal;

package/esm/Select/components/MenuOverlayItem/index.d.ts

@@ -5,6 +5,7 @@ type SelectItemProps = {
         value: string;
         label: React.ReactNode;
         selected: boolean;
+        disabled?: boolean;
     };
     onClick?: () => void;
     setScrollView: (value: Coordinates) => void;

package/esm/Select/components/MenuOverlayItem/index.js

@@ -27,7 +27,8 @@ var SelectItem = function SelectItem(_a) {
   return /*#__PURE__*/React__default.createElement(MenuItem, {
     ref: ref,
     onClick: onClick,
-    isSelected: option.selected
+    isSelected: option.selected,
+    disabled: option.disabled
   }, option.label, option.selected && /*#__PURE__*/React__default.createElement(Check, {
     width: 16,
     height: 16

package/esm/Select/index.js

@@ -28,11 +28,13 @@ var Select = function Select(_a) {
   var preparedOptions = useMemo(function () {
     return options.map(function (_a) {
       var lvalue = _a.value,
-        llabel = _a.label;
+        llabel = _a.label,
+        disabled = _a.disabled;
       return {
         value: lvalue,
         label: llabel,
-        selected: value === lvalue
+        selected: value === lvalue,
+        disabled: disabled
       };
     });
   }, [value, options]);

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

@@ -3,6 +3,7 @@ import type { FormFieldProps } from "../base/FormField/index.props";
 export interface IOption<T extends string> {
     value: T;
     label: ReactNode;
+    disabled?: boolean;
 }
 export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children"> {
     options: IOption<T>[];

package/esm/Status/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { PropsWithChildren } from "react";
 import type { StatusProps } from "./index.props";
-declare const Status: ({ className, tag: Component, children, type, }: StatusProps) => React.JSX.Element;
+declare const Status: ({ className, tag: Component, children, type, }: PropsWithChildren<StatusProps>) => React.JSX.Element;
 export default Status;

package/esm/Status/index.module.css

@@ -1,23 +1,23 @@
 .root {
-  display: inline-flex;
   align-items: center;
-  gap: 0.5rem;
   background-color: var(--status-neutral-bg);
-  line-height: 1.5rem;
-  padding: 0 0.5rem;
   border-radius: 6rem;
-  inline-size: fit-content;
   box-sizing: border-box;
-  white-space: nowrap;
+  display: inline-flex;
+  gap: 0.5rem;
+  inline-size: fit-content;
+  line-height: 1.5rem;
   overflow: hidden;
+  padding: 0 0.5rem;
   vertical-align: middle;
+  white-space: nowrap;
 }
 .root::before {
   background-color: var(--status-neutral);
-  content: "";
-  inline-size: 0.4rem;
   block-size: 0.4rem;
   border-radius: 100%;
+  content: "";
+  inline-size: 0.4rem;
 }
 .root_success {
   background-color: var(--status-success-bg);

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

@@ -8,6 +8,5 @@ export declare enum STATUS_TYPE {
 export type StatusProps = {
     className?: string;
     tag?: StatusTag;
-    children?: string;
     type?: STATUS_TYPE;
 };

package/esm/TextArea/TextArea.module.css

@@ -1,14 +1,14 @@
 .textarea {
-  resize: none;
-  font: inherit;
-  overflow: auto;
-  text-overflow: unset;
-  padding: 7px 0;
   background: transparent;
   border: none;
-  outline: none;
   flex: 1;
+  font: inherit;
+  outline: none;
+  overflow: auto;
   overflow: hidden;
+  padding: 7px 0;
+  resize: none;
+  text-overflow: unset;
   text-overflow: ellipsis;
 }
 .textarea::placeholder {

package/esm/Theme/colors/theme_buenos_aires.js

@@ -8,8 +8,8 @@ var PrimaryBA = {
   PRIMARY_BA_5: "#FFC818"
 };
 var SecondaryBA = {
-  SECONDARY_BA_1: "#59636e",
-  SECONDARY_BA_2: "#454c54",
+  SECONDARY_BA_1: "#818b98",
+  SECONDARY_BA_2: "#59636e",
   SECONDARY_BA_3: "#393f46",
   SECONDARY_BA_4: "#25292e",
   SECONDARY_BA_5: "#1f2328"

package/esm/Theme/themes/buenos_aires.js

@@ -47,10 +47,10 @@ var THEME_BA = {
   "button-secondary-bg": Color.SECONDARY_BA_4,
   "button-secondary-border-color": Color.SECONDARY_BA_4,
   "button-secondary-color-hovered": Color.WHITE,
-  "button-secondary-bg-hovered": Color.SECONDARY_BA_4,
+  "button-secondary-bg-hovered": Color.SECONDARY_BA_5,
   "button-secondary-border-color-hovered": Color.SECONDARY_BA_4,
   "button-secondary-color-active": Color.WHITE,
-  "button-secondary-bg-active": Color.SECONDARY_BA_5,
+  "button-secondary-bg-active": Color.BLACK,
   "button-secondary-border-color-active": Color.SECONDARY_BA_5,
   "button-secondary-color-disabled": Color.BG_4,
   "button-secondary-bg-disabled": Color.BG_1,

package/esm/TimeSelect/helpers.d.ts

@@ -5,3 +5,4 @@ export declare const DEFAULT_TIME: {
 };
 export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
+export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;

package/esm/TimeSelect/helpers.js

@@ -1,4 +1,4 @@
-import { format, addMinutes } from 'date-fns';
+import { format, addMinutes, isBefore, parse } from 'date-fns';
 
 var day = new Date();
 day.setHours(24, 0, 0, 0);
@@ -20,5 +20,8 @@ var generateSuggest = function generateSuggest(interval) {
     };
   });
 };
+var checkIsBeforeNow = function checkIsBeforeNow(time, currentDate) {
+  return currentDate ? isBefore(parse(time, "HH:mm", currentDate), new Date()) : false;
+};
 
-export { DEFAULT_TIME, formatTime, generateSuggest };
+export { DEFAULT_TIME, checkIsBeforeNow, formatTime, generateSuggest };

package/esm/TimeSelect/index.d.ts

@@ -2,6 +2,7 @@ import type { SelectProps } from "../Select/index.props";
 import type { FC } from "react";
 interface TimeSelectProps extends SelectProps<string> {
     interval?: 5 | 10 | 15 | 30;
+    currentDate?: Date | null;
 }
 declare const TimeSelect: FC<TimeSelectProps>;
 export default TimeSelect;

package/esm/TimeSelect/index.js

@@ -1,24 +1,26 @@
 import { __rest, __assign } from 'tslib';
 import React__default, { useMemo } from 'react';
 import Select from '../Select/index.js';
-import { generateSuggest } from './helpers.js';
+import { generateSuggest, checkIsBeforeNow } from './helpers.js';
 import OptionLabel from './Label/index.js';
 
 var TimeSelect = function TimeSelect(_a) {
   var value = _a.value,
+    currentDate = _a.currentDate,
     _b = _a.label,
     label = _b === void 0 ? "Start time" : _b,
     _c = _a.interval,
     interval = _c === void 0 ? 15 : _c,
     onChange = _a.onChange,
-    props = __rest(_a, ["value", "label", "interval", "onChange"]);
+    props = __rest(_a, ["value", "currentDate", "label", "interval", "onChange"]);
   var options = useMemo(function () {
     return generateSuggest(interval).map(function (item) {
       return {
         value: item.time,
         label: /*#__PURE__*/React__default.createElement(OptionLabel, {
           time: item.time
-        })
+        }),
+        disabled: checkIsBeforeNow(item.time, currentDate)
       };
     });
   }, [interval]);

package/esm/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import type { ITooltipProps } from "./index.props";
-declare const Tooltip: React.FC<ITooltipProps>;
+import type { FC, PropsWithChildren } from "react";
+declare const Tooltip: FC<PropsWithChildren<ITooltipProps>>;
 export default Tooltip;

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

@@ -3,7 +3,6 @@ import type { PositioningStrategy } from "@popperjs/core";
 import type { Placement as PopperPlacement } from "@popperjs/core";
 export type Placement = Extract<PopperPlacement, "bottom-start" | "bottom" | "bottom-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "left-start" | "left" | "left-end">;
 export interface ITooltipProps {
-    children: ReactNode;
     content: ReactNode;
     zIndex?: number;
     placement?: Placement;

package/esm/Typography/Typography.module.css

@@ -3,44 +3,44 @@
 }
 
 .size_xs {
-  font-size: 12px;
-  line-height: 16px;
+  font-size: 0.75rem;
+  line-height: 1.3;
 }
 .size_s {
-  font-size: 14px;
-  line-height: 18px;
+  font-size: 0.875rem;
+  line-height: 1.4;
 }
 .size_m {
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 1rem;
+  line-height: 1.5;
 }
 .size_l {
-  font-size: 18px;
-  line-height: 28px;
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 .size_h1 {
-  font-size: 40px;
-  line-height: 56px;
+  font-size: 3rem;
+  line-height: 1.2;
 }
 .size_h2 {
-  font-size: 32px;
-  line-height: 40px;
+  font-size: 2.25rem;
+  line-height: 1.3;
 }
 .size_h3 {
-  font-size: 24px;
-  line-height: 32px;
+  font-size: 1.75rem;
+  line-height: 1.4;
 }
 .size_h4 {
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 1.5rem;
+  line-height: 1.5;
 }
 .size_h5 {
-  font-size: 16px;
-  line-height: 24px;
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 .size_h6 {
-  font-size: 12px;
-  line-height: 16px;
+  font-size: 1rem;
+  line-height: 1.5;
 }
 
 .font-weight_normal {

package/esm/Typography/index.d.ts

@@ -1,4 +1,4 @@
 import { type Props } from "./index.props";
-import type { FC } from "react";
-declare const Typography: FC<Props>;
+import type { FC, PropsWithChildren } from "react";
+declare const Typography: FC<PropsWithChildren<Props>>;
 export default Typography;

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

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { CSSProperties } from "react";
 export type TypographyVariant = "alert" | "success" | "secondary";
 export type TypographyFontWeight = "normal" | "medium" | "bold";
 export type TypographySize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -10,5 +10,4 @@ export type Props = {
     size?: TypographySize;
     fontWeight?: TypographyFontWeight;
     style?: CSSProperties;
-    children?: ReactNode;
 };

package/esm/base/FormField/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default FormField;

package/esm/base/FormField/index.props.d.ts

@@ -5,5 +5,4 @@ export type FormFieldProps = {
     error?: boolean;
     required?: boolean;
     className?: string;
-    children: ReactNode;
 };

package/esm/base/InputRoot/index.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import type { InputProps } from "./index.props";
-declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputRoot: React.ForwardRefExoticComponent<InputProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default InputRoot;

package/esm/base/InputRoot/index.props.d.ts

@@ -2,7 +2,6 @@ import type { ReactNode } from "react";
 export type Size = "s" | "m" | "l";
 export type Variant = "primary";
 export type InputProps = {
-    children: ReactNode;
     variant?: Variant;
     disabled: boolean;
     error?: boolean;

package/esm/theme_ba_variables.css

@@ -14,8 +14,8 @@
 --palette-primary-3: #FFD85A;
 --palette-primary-4: #FFCE31;
 --palette-primary-5: #FFC818;
---palette-secondary-1: #59636e;
---palette-secondary-2: #454c54;
+--palette-secondary-1: #818b98;
+--palette-secondary-2: #59636e;
 --palette-secondary-3: #393f46;
 --palette-secondary-4: #25292e;
 --palette-secondary-5: #1f2328;
@@ -45,10 +45,10 @@
 --button-secondary-bg: #25292e;
 --button-secondary-border-color: #25292e;
 --button-secondary-color-hovered: #FFF;
---button-secondary-bg-hovered: #25292e;
+--button-secondary-bg-hovered: #1f2328;
 --button-secondary-border-color-hovered: #25292e;
 --button-secondary-color-active: #FFF;
---button-secondary-bg-active: #1f2328;
+--button-secondary-bg-active: #000;
 --button-secondary-border-color-active: #1f2328;
 --button-secondary-color-disabled: #C9CDD6;
 --button-secondary-bg-disabled: #ECEEF2;

package/package.json

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

package/theme_ba_variables.css

@@ -14,8 +14,8 @@
 --palette-primary-3: #FFD85A;
 --palette-primary-4: #FFCE31;
 --palette-primary-5: #FFC818;
---palette-secondary-1: #59636e;
---palette-secondary-2: #454c54;
+--palette-secondary-1: #818b98;
+--palette-secondary-2: #59636e;
 --palette-secondary-3: #393f46;
 --palette-secondary-4: #25292e;
 --palette-secondary-5: #1f2328;
@@ -45,10 +45,10 @@
 --button-secondary-bg: #25292e;
 --button-secondary-border-color: #25292e;
 --button-secondary-color-hovered: #FFF;
---button-secondary-bg-hovered: #25292e;
+--button-secondary-bg-hovered: #1f2328;
 --button-secondary-border-color-hovered: #25292e;
 --button-secondary-color-active: #FFF;
---button-secondary-bg-active: #1f2328;
+--button-secondary-bg-active: #000;
 --button-secondary-border-color-active: #1f2328;
 --button-secondary-color-disabled: #C9CDD6;
 --button-secondary-bg-disabled: #ECEEF2;