@matbea-ui/matbea-ui 0.2.0-dev.234313 → 0.2.0-dev.237514

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/matbea-ui.cjs.js +23187 -186
  2. package/dist/matbea-ui.cjs.js.map +1 -1
  3. package/dist/matbea-ui.es.js +22959 -131
  4. package/dist/matbea-ui.es.js.map +1 -1
  5. package/dist/types/index.d.ts +493 -11
  6. package/package.json +5 -4
package/dist/types/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler } from 'react';
4
- import * as styled_components_dist_types from 'styled-components/dist/types';
3
+ import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler, HTMLAttributes } from 'react';
5
4
  import * as styled_components from 'styled-components';
5
+ import * as styled_components_dist_types from 'styled-components/dist/types';
6
+ import { Middleware } from 'stylis';
6
7
 
7
8
  type ButtonVariant = "primary" | "secondary" | "tertiary";
8
9
  type ButtonSize = "default" | "medium" | "small";
@@ -17,8 +18,10 @@ type ButtonProps = {
17
18
  icon?: ReactNode;
18
19
  iconPosition?: IconPosition;
19
20
  children?: ReactNode;
21
+ ref?: React.Ref<HTMLButtonElement>;
22
+ disabled?: boolean;
20
23
  } & ButtonHTMLAttributes<HTMLButtonElement>;
21
- declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
24
+ declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ref, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
22
25
 
23
26
  type CopyTooltipProps = {
24
27
  label: string;
@@ -28,7 +31,7 @@ type CopyTooltipProps = {
28
31
  };
29
32
  declare const CopyTooltip: React.FC<CopyTooltipProps>;
30
33
 
31
- type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "body-xl-semibold" | "body-xl" | "body-l-semibold" | "body-l" | "body-m-bold" | "body-m-semibold" | "body-m" | "body-s-semibold" | "body-s" | "button" | "form-input" | "avatar-basic" | "avatar-m" | "avatar-s";
34
+ type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "body-xl-semibold" | "body-xl" | "body-l-semibold" | "body-l" | "body-m-bold" | "body-m-semibold" | "body-m" | "body-s-semibold" | "body-xl-bold" | "body-s" | "button" | "form-input" | "avatar-basic" | "avatar-m" | "avatar-s";
32
35
 
33
36
  type ElementTypeProp = React.ElementType;
34
37
  type TypographyOwnProps = {
@@ -60,8 +63,10 @@ type TextFieldProps = {
60
63
  defaultValue?: string;
61
64
  placeholder?: string;
62
65
  label?: string;
66
+ labelVariant?: TypographyVariant;
63
67
  error?: string;
64
68
  disabled?: boolean;
69
+ labelColor?: string;
65
70
  icon?: React.ReactNode;
66
71
  action?: React.ReactNode;
67
72
  name?: string;
@@ -72,6 +77,60 @@ type TextFieldProps = {
72
77
  className?: string;
73
78
  };
74
79
  declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
80
+ declare const Label: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<{
81
+ variant?: TypographyVariant;
82
+ color?: string;
83
+ align?: "left" | "center" | "right" | "justify";
84
+ uppercase?: boolean;
85
+ truncate?: boolean;
86
+ inline?: boolean;
87
+ } & Omit<Omit<any, "ref">, keyof {
88
+ variant?: TypographyVariant;
89
+ color?: string;
90
+ align?: "left" | "center" | "right" | "justify";
91
+ uppercase?: boolean;
92
+ truncate?: boolean;
93
+ inline?: boolean;
94
+ }> & {
95
+ as?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "div" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
96
+ forwardedAs?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "div" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
97
+ }, {
98
+ variant?: TypographyVariant;
99
+ color?: string;
100
+ align?: "left" | "center" | "right" | "justify";
101
+ uppercase?: boolean;
102
+ truncate?: boolean;
103
+ inline?: boolean;
104
+ } & Omit<Omit<any, "ref">, keyof {
105
+ variant?: TypographyVariant;
106
+ color?: string;
107
+ align?: "left" | "center" | "right" | "justify";
108
+ uppercase?: boolean;
109
+ truncate?: boolean;
110
+ inline?: boolean;
111
+ }> & {
112
+ as?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "div" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
113
+ forwardedAs?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "div" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
114
+ }>, never>, {
115
+ $color?: string;
116
+ }>> & string & Omit<(<C extends "symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "div" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
117
+ variant?: TypographyVariant;
118
+ color?: string;
119
+ align?: "left" | "center" | "right" | "justify";
120
+ uppercase?: boolean;
121
+ truncate?: boolean;
122
+ inline?: boolean;
123
+ } & Omit<react.PropsWithoutRef<react.ComponentProps<C>>, keyof {
124
+ variant?: TypographyVariant;
125
+ color?: string;
126
+ align?: "left" | "center" | "right" | "justify";
127
+ uppercase?: boolean;
128
+ truncate?: boolean;
129
+ inline?: boolean;
130
+ }> & {
131
+ as?: C | undefined;
132
+ forwardedAs?: C | undefined;
133
+ }) => React.ReactElement | null), keyof react.Component<any, {}, any>>;
75
134
 
76
135
  declare const Container: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
77
136
 
@@ -87,7 +146,7 @@ declare const HamburgerButton: React.FC<HamburgerButtonProps>;
87
146
 
88
147
  declare const Loader: () => react_jsx_runtime.JSX.Element;
89
148
 
90
- type RadioButtonProps = {
149
+ interface RadioButtonProps {
91
150
  checked?: boolean;
92
151
  defaultChecked?: boolean;
93
152
  disabled?: boolean;
@@ -96,7 +155,7 @@ type RadioButtonProps = {
96
155
  label?: string;
97
156
  onChange?: (value: boolean) => void;
98
157
  className?: string;
99
- };
158
+ }
100
159
  declare const RadioButton: React.FC<RadioButtonProps>;
101
160
 
102
161
  type SelectOption = {
@@ -110,6 +169,8 @@ type SelectFieldProps = {
110
169
  defaultValue?: string;
111
170
  placeholder?: string;
112
171
  label?: string;
172
+ searchInput?: boolean;
173
+ searchPlaceholder?: string;
113
174
  error?: string;
114
175
  disabled?: boolean;
115
176
  icon?: React.ReactNode;
@@ -205,6 +266,58 @@ declare const Checkbox: React.FC<CheckboxProps>;
205
266
 
206
267
  declare const Logo: () => react_jsx_runtime.JSX.Element;
207
268
 
269
+ interface ButtonSwitcherProps {
270
+ active: boolean;
271
+ leftButtonLabel: string | React.ReactNode;
272
+ rightButtonLabel: string | React.ReactNode;
273
+ }
274
+ declare const ButtonSwitcher: React.FC<ButtonSwitcherProps>;
275
+
276
+ declare const Avatar: (props: HTMLAttributes<HTMLDivElement> & {
277
+ size?: number;
278
+ }) => react_jsx_runtime.JSX.Element;
279
+
280
+ interface LangCountrySelectProps {
281
+ currentLang: string;
282
+ currentCurrency: string;
283
+ currentCountry: string;
284
+ countries: SelectFieldProps["options"];
285
+ currencies: SelectFieldProps["options"];
286
+ languages: SelectFieldProps["options"];
287
+ handleSave?: ({ lang, currency, country, }: {
288
+ lang: string;
289
+ currency: string;
290
+ country: string;
291
+ }) => void;
292
+ labelLang: string;
293
+ labelCurrency: string;
294
+ labelCountry: string;
295
+ saveText?: string;
296
+ searchPlaceholder?: string;
297
+ }
298
+ declare const LangCountrySelect: React.FC<LangCountrySelectProps>;
299
+
300
+ interface SkeletonProps {
301
+ $variant?: SkeletonVariant;
302
+ $width?: string | number;
303
+ $height?: string | number;
304
+ className?: string;
305
+ $animation?: SkeletonAnimation;
306
+ $borderRadius?: string | number;
307
+ }
308
+ type SkeletonVariant = "text" | "circular" | "rectangular";
309
+ type SkeletonAnimation = "pulse" | "wave" | false;
310
+
311
+ declare const Skeleton: React.FC<SkeletonProps>;
312
+
313
+ interface ModalProps {
314
+ children: React.ReactNode;
315
+ title: string;
316
+ onClose?: () => void;
317
+ open: boolean;
318
+ }
319
+ declare const Modal: React.FC<ModalProps>;
320
+
208
321
  type ApplicationDataVariant = "primary" | "secondary";
209
322
  interface ApplicationDataProps {
210
323
  label: string;
@@ -219,7 +332,7 @@ type ApplicationInfoVariant = "primary" | "secondary";
219
332
 
220
333
  interface ApplicationInfoProps {
221
334
  children: React.ReactNode;
222
- actions: React.ReactNode;
335
+ actions?: React.ReactNode;
223
336
  variant?: ApplicationInfoVariant;
224
337
  }
225
338
  declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
@@ -274,6 +387,33 @@ interface TransactionStatusProps {
274
387
  }
275
388
  declare const TransactionStatus: React.FC<TransactionStatusProps>;
276
389
 
390
+ interface InputMessageProps {
391
+ onChangeMessage?: (value: string) => void;
392
+ message?: string;
393
+ onChangeFiles?: (files: File[]) => void;
394
+ files?: File[];
395
+ handleClickEmoji?: (value: string) => void;
396
+ onSend?: () => void;
397
+ }
398
+ declare const InputMessage: React.FC<InputMessageProps>;
399
+
400
+ type MessageVariant = "self" | "other";
401
+
402
+ interface ChatMessageProps {
403
+ children: React.ReactNode;
404
+ variant?: MessageVariant;
405
+ longName?: string;
406
+ date?: string;
407
+ }
408
+ declare const ChatMessage: React.FC<ChatMessageProps>;
409
+
410
+ interface ChatProps {
411
+ children: React.ReactNode;
412
+ inputMessage: React.ReactNode;
413
+ longName: string;
414
+ }
415
+ declare const Chat: React.FC<ChatProps>;
416
+
277
417
  declare const maskEmail: (email: string, keep?: number, stars?: number) => string;
278
418
  declare const formatCardNumber: (cardNum: number) => string;
279
419
  declare const copyToClipboard: (text: string) => Promise<void>;
@@ -319,12 +459,354 @@ declare const theme: {
319
459
  };
320
460
  readonly media: {
321
461
  readonly maxWidth: {
322
- readonly mobile: "@media (max-width: 375px)";
323
- readonly tablet: "@media (max-width: 834px)";
462
+ readonly mobile: "@media (max-width: 576px)";
463
+ readonly tablet: "@media (max-width: 1023px)";
324
464
  };
325
465
  };
326
466
  };
327
467
  type AppTheme = typeof theme;
328
468
 
329
- export { ApplicationData, ApplicationInfo, ApplicationStatus, BalanceRow, Button, Checkbox, Container, CopyTooltip, Counter, CurrencyName, CurrencyRate, HamburgerButton, Informer, Loader, Logo, RadioButton, Requisites, SelectField, Switcher, TabList, Table, TextField, Tooltip, TransactionStatus, Typography, UserAccount, copyToClipboard, formatCardNumber, maskEmail, theme };
330
- export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };
469
+ interface IconProps extends react__default.SVGProps<SVGSVGElement> {
470
+ size?: number;
471
+ children?: react__default.ReactNode;
472
+ }
473
+
474
+ declare const LogoAbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
475
+
476
+ declare const LogoAbsolutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
477
+
478
+ declare const LogoAcbaCreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
479
+
480
+ declare const LogoAlphabankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
481
+
482
+ declare const LogoArmEconomBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
483
+
484
+ declare const LogoArshidBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
485
+
486
+ declare const LogoBankcentercreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
487
+
488
+ declare const LogoBankofGeorgiaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
489
+
490
+ declare const LogoEurobankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
491
+
492
+ declare const LogoForteBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
493
+
494
+ declare const LogoHalykBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
495
+
496
+ declare const LogoHomecreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
497
+
498
+ declare const LogoHumoCardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
499
+
500
+ declare const LogoJysanBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
501
+
502
+ declare const LogoKaspiBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
503
+
504
+ declare const LogoMonobankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
505
+
506
+ declare const LogoMtsbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
507
+
508
+ declare const LogoNetellerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
509
+
510
+ declare const LogoOshadbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
511
+
512
+ declare const LogoOtkrutieIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
513
+
514
+ declare const LogoPochtabankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
515
+
516
+ declare const LogoPrivatebankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
517
+
518
+ declare const LogoPumbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
519
+
520
+ declare const LogoQiwiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
521
+
522
+ declare const LogoRayfuzenbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
523
+
524
+ declare const LogoRevolutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
525
+
526
+ declare const LogoRnkbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
527
+
528
+ declare const LogoRosbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
529
+
530
+ declare const LogoRosselhozbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
531
+
532
+ declare const LogoRusstandartIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
533
+
534
+ declare const LogoSberIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
535
+
536
+ declare const LogoSbpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
537
+
538
+ declare const LogoSotovuyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
539
+
540
+ declare const LogoTbcBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
541
+
542
+ declare const LogoTinkoffIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
543
+
544
+ declare const LogoUkrsibbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
545
+
546
+ declare const LogoUzCardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
547
+
548
+ declare const LogoVtbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
549
+
550
+ declare const LogoWiseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
551
+
552
+ declare const LogoYoumoneyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
553
+
554
+ declare const ArrowIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
555
+
556
+ declare const AttachIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
557
+
558
+ declare const CheckIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
559
+
560
+ declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
561
+
562
+ declare const DashboardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
563
+
564
+ declare const EmojiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
565
+
566
+ declare const ExchangeIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
567
+
568
+ declare const HamburgerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
569
+
570
+ declare const HeadphonesIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
571
+
572
+ declare const HistoryIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
573
+
574
+ declare const P2PIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
575
+
576
+ declare const ReciveCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
577
+
578
+ declare const SearchIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
579
+
580
+ declare const SendCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
581
+
582
+ declare const SettingsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
583
+
584
+ declare const TopUpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
585
+
586
+ declare const UserIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
587
+
588
+ declare const UsersIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
589
+
590
+ declare const WalletIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
591
+
592
+ declare const CircleSendCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
593
+
594
+ declare const ClockIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
595
+
596
+ declare const Close2Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
597
+
598
+ declare const CopyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
599
+
600
+ declare const DepositIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
601
+
602
+ declare const DepositSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
603
+
604
+ declare const DropdownIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
605
+
606
+ declare const DropdownSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
607
+
608
+ declare const DropdownUpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
609
+
610
+ declare const EditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
611
+
612
+ declare const ErrorBigIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
613
+
614
+ declare const ExchangeArrowsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
615
+
616
+ declare const ExchangeSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
617
+
618
+ declare const HideUiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
619
+
620
+ declare const InfoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
621
+
622
+ declare const LinkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
623
+
624
+ declare const LogoutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
625
+
626
+ declare const MessageSendIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
627
+
628
+ declare const PlusIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
629
+
630
+ declare const ScanQrIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
631
+
632
+ declare const ShowUiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
633
+
634
+ declare const SuccessfullBigIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
635
+
636
+ declare const SuccessfullSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
637
+
638
+ declare const UpSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
639
+
640
+ declare const WalletFillIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
641
+
642
+ declare const WarningIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
643
+
644
+ declare const WithdrawIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
645
+
646
+ declare const WithdrawSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
647
+
648
+ declare const CountryBrIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
649
+
650
+ declare const CountryCzechIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
651
+
652
+ declare const CountryKzIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
653
+
654
+ declare const CountryRusIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
655
+
656
+ declare const AaveIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
657
+
658
+ declare const AlgorandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
659
+
660
+ declare const AvalancheIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
661
+
662
+ declare const BatIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
663
+
664
+ declare const BitcoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
665
+
666
+ declare const BnbSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
667
+
668
+ declare const BtgIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
669
+
670
+ declare const BusdIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
671
+
672
+ declare const CakeIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
673
+
674
+ declare const CardanoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
675
+
676
+ declare const ChainlinkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
677
+
678
+ declare const CosmosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
679
+
680
+ declare const DashSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
681
+
682
+ declare const DecentralandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
683
+
684
+ declare const DigibyteIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
685
+
686
+ declare const DogeSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
687
+
688
+ declare const ElrondIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
689
+
690
+ declare const EnjinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
691
+
692
+ declare const EosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
693
+
694
+ declare const EtcIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
695
+
696
+ declare const EthIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
697
+
698
+ declare const EurIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
699
+
700
+ declare const FantomIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
701
+
702
+ declare const FilecoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
703
+
704
+ declare const FtxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
705
+
706
+ declare const HederaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
707
+
708
+ declare const IcomputerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
709
+
710
+ declare const IconNeoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
711
+
712
+ declare const IcxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
713
+
714
+ declare const IlsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
715
+
716
+ declare const IotaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
717
+
718
+ declare const KlaytnIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
719
+
720
+ declare const LariIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
721
+
722
+ declare const LiskIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
723
+
724
+ declare const LitecoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
725
+
726
+ declare const LunaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
727
+
728
+ declare const MakerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
729
+
730
+ declare const MaticIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
731
+
732
+ declare const NearIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
733
+
734
+ declare const NemIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
735
+
736
+ declare const OmgnetworkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
737
+
738
+ declare const OmiseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
739
+
740
+ declare const OntologyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
741
+
742
+ declare const PaxgIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
743
+
744
+ declare const PolkaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
745
+
746
+ declare const QnekworkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
747
+
748
+ declare const QutumIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
749
+
750
+ declare const RippleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
751
+
752
+ declare const RubIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
753
+
754
+ declare const SandboxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
755
+
756
+ declare const SolanaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
757
+
758
+ declare const StellarIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
759
+
760
+ declare const StepnIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
761
+
762
+ declare const SushiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
763
+
764
+ declare const SynthetixIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
765
+
766
+ declare const TetherIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
767
+
768
+ declare const TezosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
769
+
770
+ declare const ThegraphIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
771
+
772
+ declare const ThetaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
773
+
774
+ declare const TrxSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
775
+
776
+ declare const UniswapIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
777
+
778
+ declare const UsdIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
779
+
780
+ declare const UsdcIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
781
+
782
+ declare const VechainIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
783
+
784
+ declare const WavesIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
785
+
786
+ declare const XmrSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
787
+
788
+ declare const ZcashSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
789
+
790
+ declare const ZilliqaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
791
+
792
+ declare const ZrxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
793
+
794
+ declare const CONFIG: {
795
+ minFontSize: number;
796
+ minLineHeight: number;
797
+ minValue: number;
798
+ excludeProps: string[];
799
+ scaleVariable: string;
800
+ vhVariable: string;
801
+ };
802
+ declare const adaptiveScalePlugin: Middleware;
803
+ declare const createAdaptiveScalePlugin: (customConfig?: Partial<typeof CONFIG>) => Middleware;
804
+
805
+ declare const StyledProvider: ({ children }: {
806
+ children: React.ReactNode;
807
+ }) => react_jsx_runtime.JSX.Element;
808
+
809
+ declare const GlobalStyles: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
810
+
811
+ 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, Label, LangCountrySelect, 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, Modal, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, Skeleton, 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 };
812
+ export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, ChatProps, CurrencyNameProps, InformerProps, InformerType, LangCountrySelectProps, RadioButtonProps, RequisitesProps, SelectFieldProps, SelectOption, SkeletonProps, TextFieldProps, TransactionStatusProps, TypographyVariant };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@matbea-ui/matbea-ui",
3
- "version": "0.2.0-dev.234313",
3
+ "version": "0.2.0-dev.237514",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/matbea-ui.cjs.js",
@@ -19,7 +19,7 @@
19
19
  "dist"
20
20
  ],
21
21
  "scripts": {
22
- "storybook": "storybook dev -p 6006",
22
+ "sb": "storybook dev -p 6006",
23
23
  "build-storybook": "storybook build",
24
24
  "test": "vitest",
25
25
  "test:ui": "vitest --ui",
@@ -28,7 +28,6 @@
28
28
  "build:watch": "rollup -c --watch",
29
29
  "lint": "eslint .",
30
30
  "lint:fix": "eslint . --fix",
31
- "prepublishOnly": "npm run lint && npm run build",
32
31
  "clean": "rm -rf dist",
33
32
  "generate:icons": "node scripts/generate-icons.cjs",
34
33
  "dev:publish": "node scripts/dev-publish.js dev",
@@ -45,8 +44,10 @@
45
44
  "styled-components": "^6"
46
45
  },
47
46
  "dependencies": {
47
+ "emoji-picker-react": "^4.16.1",
48
48
  "lodash": "^4.17.21",
49
- "react-tooltip": "^5.30.0"
49
+ "react-tooltip": "^5.30.0",
50
+ "styled-components": "^6.1.19"
50
51
  },
51
52
  "devDependencies": {
52
53
  "@chromatic-com/storybook": "^4.1.3",