@yr3/ui 1.0.14 → 1.0.16
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.
- package/dist/components/Group/group.css +12 -6
- package/dist/components/Group/group.css.map +1 -1
- package/dist/components/Slide/slide.css +4 -0
- package/dist/components/Slide/slide.css.map +1 -1
- package/dist/index.cjs +231 -156
- package/dist/index.d.cts +12 -5
- package/dist/index.d.ts +12 -5
- package/dist/index.js +230 -156
- package/dist/styles/index.css +16 -6
- package/dist/styles/index.css.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1047,8 +1047,8 @@ declare const Button: React$1.FC<ButtonProps>;
|
|
|
1047
1047
|
|
|
1048
1048
|
type BackdropContextType = {
|
|
1049
1049
|
open: boolean;
|
|
1050
|
-
show: () => void;
|
|
1051
|
-
hide: () => void;
|
|
1050
|
+
show: (id: string) => void;
|
|
1051
|
+
hide: (id: string | null) => void;
|
|
1052
1052
|
};
|
|
1053
1053
|
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1054
1054
|
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
@@ -1152,6 +1152,8 @@ declare const getNumberPhone: (phone: string, dial: string) => string;
|
|
|
1152
1152
|
|
|
1153
1153
|
declare function mergeDeep<T>(target: T, source?: Partial<T>): T;
|
|
1154
1154
|
|
|
1155
|
+
declare const inputCurrency: (e: React.KeyboardEvent<HTMLInputElement>, value: string, alloweds: string[]) => void;
|
|
1156
|
+
|
|
1155
1157
|
type NotistackAnchorProps = {
|
|
1156
1158
|
vertical: 'top' | 'bottom';
|
|
1157
1159
|
horizontal: 'left' | 'center' | 'right';
|
|
@@ -1389,6 +1391,7 @@ declare const Grid: React$1.FC<GridProps>;
|
|
|
1389
1391
|
type Option = {
|
|
1390
1392
|
label: string;
|
|
1391
1393
|
value: string;
|
|
1394
|
+
disabled?: boolean;
|
|
1392
1395
|
};
|
|
1393
1396
|
type GroupsVariant = 'filled' | 'outlined' | 'text';
|
|
1394
1397
|
type GroupsType = 'rounded' | 'square';
|
|
@@ -1399,6 +1402,7 @@ type GroupProps = {
|
|
|
1399
1402
|
variant?: GroupsVariant;
|
|
1400
1403
|
type?: GroupsType;
|
|
1401
1404
|
color?: keyof Theme['colors'];
|
|
1405
|
+
exclude?: boolean;
|
|
1402
1406
|
propsComponent?: {
|
|
1403
1407
|
group?: {
|
|
1404
1408
|
ui?: UIProps;
|
|
@@ -1408,6 +1412,7 @@ type GroupProps = {
|
|
|
1408
1412
|
variant?: GroupsVariant;
|
|
1409
1413
|
ui?: UIProps;
|
|
1410
1414
|
style?: React$1.CSSProperties;
|
|
1415
|
+
text?: Omit<TextProps, 'children'>;
|
|
1411
1416
|
};
|
|
1412
1417
|
};
|
|
1413
1418
|
};
|
|
@@ -1463,8 +1468,9 @@ declare const Label: React$1.FC<LabelProps>;
|
|
|
1463
1468
|
type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
|
|
1464
1469
|
label?: string;
|
|
1465
1470
|
value?: string;
|
|
1466
|
-
|
|
1471
|
+
pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
|
|
1467
1472
|
variant?: ControlVariants;
|
|
1473
|
+
separatorCurrency?: ',' | '.';
|
|
1468
1474
|
color?: keyof Theme['colors'];
|
|
1469
1475
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
1470
1476
|
error?: string | null;
|
|
@@ -1480,8 +1486,9 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'
|
|
|
1480
1486
|
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
|
|
1481
1487
|
label?: string;
|
|
1482
1488
|
value?: string;
|
|
1483
|
-
|
|
1489
|
+
pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
|
|
1484
1490
|
variant?: ControlVariants;
|
|
1491
|
+
separatorCurrency?: "," | ".";
|
|
1485
1492
|
color?: keyof Theme["colors"];
|
|
1486
1493
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
1487
1494
|
error?: string | null;
|
|
@@ -1780,4 +1787,4 @@ declare const breakUp: (bp: number) => string;
|
|
|
1780
1787
|
declare const breakDown: (bp: number) => string;
|
|
1781
1788
|
declare function useBreakpoint(queryInput: QueryInput): boolean;
|
|
1782
1789
|
|
|
1783
|
-
export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
|
|
1790
|
+
export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -1047,8 +1047,8 @@ declare const Button: React$1.FC<ButtonProps>;
|
|
|
1047
1047
|
|
|
1048
1048
|
type BackdropContextType = {
|
|
1049
1049
|
open: boolean;
|
|
1050
|
-
show: () => void;
|
|
1051
|
-
hide: () => void;
|
|
1050
|
+
show: (id: string) => void;
|
|
1051
|
+
hide: (id: string | null) => void;
|
|
1052
1052
|
};
|
|
1053
1053
|
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1054
1054
|
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
@@ -1152,6 +1152,8 @@ declare const getNumberPhone: (phone: string, dial: string) => string;
|
|
|
1152
1152
|
|
|
1153
1153
|
declare function mergeDeep<T>(target: T, source?: Partial<T>): T;
|
|
1154
1154
|
|
|
1155
|
+
declare const inputCurrency: (e: React.KeyboardEvent<HTMLInputElement>, value: string, alloweds: string[]) => void;
|
|
1156
|
+
|
|
1155
1157
|
type NotistackAnchorProps = {
|
|
1156
1158
|
vertical: 'top' | 'bottom';
|
|
1157
1159
|
horizontal: 'left' | 'center' | 'right';
|
|
@@ -1389,6 +1391,7 @@ declare const Grid: React$1.FC<GridProps>;
|
|
|
1389
1391
|
type Option = {
|
|
1390
1392
|
label: string;
|
|
1391
1393
|
value: string;
|
|
1394
|
+
disabled?: boolean;
|
|
1392
1395
|
};
|
|
1393
1396
|
type GroupsVariant = 'filled' | 'outlined' | 'text';
|
|
1394
1397
|
type GroupsType = 'rounded' | 'square';
|
|
@@ -1399,6 +1402,7 @@ type GroupProps = {
|
|
|
1399
1402
|
variant?: GroupsVariant;
|
|
1400
1403
|
type?: GroupsType;
|
|
1401
1404
|
color?: keyof Theme['colors'];
|
|
1405
|
+
exclude?: boolean;
|
|
1402
1406
|
propsComponent?: {
|
|
1403
1407
|
group?: {
|
|
1404
1408
|
ui?: UIProps;
|
|
@@ -1408,6 +1412,7 @@ type GroupProps = {
|
|
|
1408
1412
|
variant?: GroupsVariant;
|
|
1409
1413
|
ui?: UIProps;
|
|
1410
1414
|
style?: React$1.CSSProperties;
|
|
1415
|
+
text?: Omit<TextProps, 'children'>;
|
|
1411
1416
|
};
|
|
1412
1417
|
};
|
|
1413
1418
|
};
|
|
@@ -1463,8 +1468,9 @@ declare const Label: React$1.FC<LabelProps>;
|
|
|
1463
1468
|
type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
|
|
1464
1469
|
label?: string;
|
|
1465
1470
|
value?: string;
|
|
1466
|
-
|
|
1471
|
+
pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
|
|
1467
1472
|
variant?: ControlVariants;
|
|
1473
|
+
separatorCurrency?: ',' | '.';
|
|
1468
1474
|
color?: keyof Theme['colors'];
|
|
1469
1475
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
1470
1476
|
error?: string | null;
|
|
@@ -1480,8 +1486,9 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'
|
|
|
1480
1486
|
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
|
|
1481
1487
|
label?: string;
|
|
1482
1488
|
value?: string;
|
|
1483
|
-
|
|
1489
|
+
pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
|
|
1484
1490
|
variant?: ControlVariants;
|
|
1491
|
+
separatorCurrency?: "," | ".";
|
|
1485
1492
|
color?: keyof Theme["colors"];
|
|
1486
1493
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
1487
1494
|
error?: string | null;
|
|
@@ -1780,4 +1787,4 @@ declare const breakUp: (bp: number) => string;
|
|
|
1780
1787
|
declare const breakDown: (bp: number) => string;
|
|
1781
1788
|
declare function useBreakpoint(queryInput: QueryInput): boolean;
|
|
1782
1789
|
|
|
1783
|
-
export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
|
|
1790
|
+
export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
|