@matbea-ui/matbea-ui 0.2.0-dev.553135 → 0.2.0-dev.575027

package/dist/types/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler } from 'react';
+import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler, HTMLAttributes } from 'react';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
+import { Middleware } from 'stylis';
 
 type ButtonVariant = "primary" | "secondary" | "tertiary";
 type ButtonSize = "default" | "medium" | "small";
@@ -17,8 +18,10 @@ type ButtonProps = {
     icon?: ReactNode;
     iconPosition?: IconPosition;
     children?: ReactNode;
+    ref?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ref, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 type CopyTooltipProps = {
     label: string;
@@ -60,8 +63,10 @@ type TextFieldProps = {
     defaultValue?: string;
     placeholder?: string;
     label?: string;
+    labelVariant?: TypographyVariant;
     error?: string;
     disabled?: boolean;
+    labelColor?: string;
     icon?: React.ReactNode;
     action?: React.ReactNode;
     name?: string;
@@ -205,6 +210,17 @@ declare const Checkbox: React.FC<CheckboxProps>;
 
 declare const Logo: () => react_jsx_runtime.JSX.Element;
 
+interface ButtonSwitcherProps {
+    active: boolean;
+    leftButtonLabel: string | React.ReactNode;
+    rightButtonLabel: string | React.ReactNode;
+}
+declare const ButtonSwitcher: React.FC<ButtonSwitcherProps>;
+
+declare const Avatar: (props: HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+}) => react_jsx_runtime.JSX.Element;
+
 type ApplicationDataVariant = "primary" | "secondary";
 interface ApplicationDataProps {
     label: string;
@@ -219,7 +235,7 @@ type ApplicationInfoVariant = "primary" | "secondary";
 
 interface ApplicationInfoProps {
     children: React.ReactNode;
-    actions: React.ReactNode;
+    actions?: React.ReactNode;
     variant?: ApplicationInfoVariant;
 }
 declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
@@ -274,6 +290,33 @@ interface TransactionStatusProps {
 }
 declare const TransactionStatus: React.FC<TransactionStatusProps>;
 
+interface InputMessageProps {
+    onChangeMessage?: (value: string) => void;
+    message?: string;
+    onChangeFiles?: (files: File[]) => void;
+    files?: File[];
+    handleClickEmoji?: (value: string) => void;
+    onSend?: () => void;
+}
+declare const InputMessage: React.FC<InputMessageProps>;
+
+type MessageVariant = "self" | "other";
+
+interface ChatMessageProps {
+    children: React.ReactNode;
+    variant?: MessageVariant;
+    longName?: string;
+    date?: string;
+}
+declare const ChatMessage: React.FC<ChatMessageProps>;
+
+interface ChatProps {
+    children: React.ReactNode;
+    inputMessage: React.ReactNode;
+    longName: string;
+}
+declare const Chat: React.FC<ChatProps>;
+
 declare const maskEmail: (email: string, keep?: number, stars?: number) => string;
 declare const formatCardNumber: (cardNum: number) => string;
 declare const copyToClipboard: (text: string) => Promise<void>;
@@ -319,15 +362,15 @@ declare const theme: {
     };
     readonly media: {
         readonly maxWidth: {
-            readonly mobile: "@media (max-width: 375px)";
-            readonly tablet: "@media (max-width: 834px)";
+            readonly mobile: "@media (max-width: 576px)";
+            readonly tablet: "@media (max-width: 1023px)";
         };
     };
 };
 type AppTheme = typeof theme;
 
 interface IconProps extends react__default.SVGProps<SVGSVGElement> {
-    size?: number | string;
+    size?: number;
     children?: react__default.ReactNode;
 }
 
@@ -651,5 +694,22 @@ declare const ZilliqaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const ZrxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, CakeIcon, CardanoIcon, ChainlinkIcon, CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, IotaIcon, KlaytnIcon, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, copyToClipboard, formatCardNumber, maskEmail, theme };
-export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };
+declare const CONFIG: {
+    minFontSize: number;
+    minLineHeight: number;
+    minValue: number;
+    excludeProps: string[];
+    scaleVariable: string;
+    vhVariable: string;
+};
+declare const adaptiveScalePlugin: Middleware;
+declare const createAdaptiveScalePlugin: (customConfig?: Partial<typeof CONFIG>) => Middleware;
+
+declare const StyledProvider: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GlobalStyles: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
+
+export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, Avatar, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, ButtonSwitcher, CakeIcon, CardanoIcon, ChainlinkIcon, Chat, ChatMessage, CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, GlobalStyles, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, InputMessage, IotaIcon, KlaytnIcon, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, StyledProvider, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, adaptiveScalePlugin, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
+export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, ChatProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matbea-ui/matbea-ui",
-  "version": "0.2.0-dev.553135",
+  "version": "0.2.0-dev.575027",
   "license": "MIT",
   "type": "module",
   "main": "dist/matbea-ui.cjs.js",
@@ -44,8 +44,10 @@
     "styled-components": "^6"
   },
   "dependencies": {
+    "emoji-picker-react": "^4.16.1",
     "lodash": "^4.17.21",
-    "react-tooltip": "^5.30.0"
+    "react-tooltip": "^5.30.0",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",