@yr3/ui 1.0.1 → 1.0.3
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/Calendar/calendar.css +100 -0
- package/dist/components/Calendar/calendar.css.map +1 -1
- package/dist/components/Grid/Grid.css +0 -3
- package/dist/components/Grid/Grid.css.map +1 -1
- package/dist/{index.mjs → index.cjs} +444 -296
- package/dist/{index.d.mts → index.d.cts} +81 -72
- package/dist/index.d.ts +81 -72
- package/dist/index.js +345 -395
- package/dist/styles/index.css +102 -3
- package/dist/styles/index.css.map +1 -1
- package/package.json +13 -7
|
@@ -1023,7 +1023,7 @@ type TextProps = {
|
|
|
1023
1023
|
};
|
|
1024
1024
|
declare const Text: React$1.FC<TextProps>;
|
|
1025
1025
|
|
|
1026
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1026
|
+
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1027
1027
|
variant?: 'outlined' | 'filled' | 'text';
|
|
1028
1028
|
color?: keyof Theme['colors'];
|
|
1029
1029
|
animated?: boolean;
|
|
@@ -1036,29 +1036,84 @@ type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
1036
1036
|
};
|
|
1037
1037
|
};
|
|
1038
1038
|
};
|
|
1039
|
-
declare const Button: React.FC<ButtonProps>;
|
|
1039
|
+
declare const Button: React$1.FC<ButtonProps>;
|
|
1040
|
+
|
|
1041
|
+
type BackdropContextType = {
|
|
1042
|
+
open: boolean;
|
|
1043
|
+
show: () => void;
|
|
1044
|
+
hide: () => void;
|
|
1045
|
+
};
|
|
1046
|
+
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1047
|
+
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1048
|
+
declare const useBackdrop: () => BackdropContextType;
|
|
1049
|
+
|
|
1050
|
+
declare const ControlContext: React$1.Context<null>;
|
|
1051
|
+
declare const useControl: () => null;
|
|
1052
|
+
|
|
1053
|
+
declare function initTheme(): void;
|
|
1054
|
+
|
|
1055
|
+
declare const ThemeContext: React$1.Context<null>;
|
|
1056
|
+
type ThemeProviderProps = {
|
|
1057
|
+
theme: any;
|
|
1058
|
+
children: React$1.ReactNode;
|
|
1059
|
+
};
|
|
1060
|
+
declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
|
|
1061
|
+
declare const useTheme: () => null;
|
|
1062
|
+
|
|
1063
|
+
declare const baseTokens: {
|
|
1064
|
+
colors: {
|
|
1065
|
+
primary: string;
|
|
1066
|
+
secondary: string;
|
|
1067
|
+
background: string;
|
|
1068
|
+
surface: string;
|
|
1069
|
+
textPrimary: string;
|
|
1070
|
+
textSecondary: string;
|
|
1071
|
+
};
|
|
1072
|
+
spacing: (factor: number) => string;
|
|
1073
|
+
radius: {
|
|
1074
|
+
sm: string;
|
|
1075
|
+
md: string;
|
|
1076
|
+
lg: string;
|
|
1077
|
+
};
|
|
1078
|
+
};
|
|
1079
|
+
|
|
1080
|
+
declare const NotistackProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1081
|
+
declare const useNotistack: () => any;
|
|
1082
|
+
|
|
1083
|
+
declare function useMediaQuery(query: string | ((theme: any) => string)): boolean;
|
|
1084
|
+
type Breakpoint = keyof typeof breakpoints;
|
|
1085
|
+
declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>): T | undefined;
|
|
1040
1086
|
|
|
1041
1087
|
type CalendarProps = {
|
|
1042
1088
|
onSelect?: (day: any) => void;
|
|
1043
1089
|
propsComponent?: {
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1090
|
+
displayButtons?: boolean;
|
|
1091
|
+
displayCalendar?: boolean;
|
|
1092
|
+
header?: {
|
|
1093
|
+
color?: keyof Theme['colors'];
|
|
1094
|
+
ui?: UIProps;
|
|
1095
|
+
style?: React$1.CSSProperties;
|
|
1096
|
+
};
|
|
1097
|
+
day?: {
|
|
1098
|
+
color?: keyof Theme['colors'];
|
|
1099
|
+
bordered?: boolean;
|
|
1100
|
+
ui?: UIProps;
|
|
1101
|
+
style?: React$1.CSSProperties;
|
|
1102
|
+
};
|
|
1103
|
+
month?: {
|
|
1104
|
+
color?: keyof Theme['colors'];
|
|
1105
|
+
ui?: UIProps;
|
|
1106
|
+
style?: React$1.CSSProperties;
|
|
1107
|
+
};
|
|
1108
|
+
buttonNext?: {
|
|
1109
|
+
disabled?: boolean;
|
|
1110
|
+
onClick?: () => void;
|
|
1111
|
+
label?: React$1.ReactNode;
|
|
1112
|
+
};
|
|
1113
|
+
buttonBack?: {
|
|
1114
|
+
disabled?: boolean;
|
|
1115
|
+
onClick?: () => void;
|
|
1116
|
+
label?: React$1.ReactNode;
|
|
1062
1117
|
};
|
|
1063
1118
|
};
|
|
1064
1119
|
mapCalendar?: any;
|
|
@@ -1116,52 +1171,6 @@ type ContainerProps = {
|
|
|
1116
1171
|
};
|
|
1117
1172
|
declare const Container: React$1.FC<ContainerProps>;
|
|
1118
1173
|
|
|
1119
|
-
type BackdropContextType = {
|
|
1120
|
-
open: boolean;
|
|
1121
|
-
show: () => void;
|
|
1122
|
-
hide: () => void;
|
|
1123
|
-
};
|
|
1124
|
-
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1125
|
-
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1126
|
-
declare const useBackdrop: () => BackdropContextType;
|
|
1127
|
-
|
|
1128
|
-
declare const ControlContext: React$1.Context<null>;
|
|
1129
|
-
declare const useControl: () => null;
|
|
1130
|
-
|
|
1131
|
-
declare function initTheme(): void;
|
|
1132
|
-
|
|
1133
|
-
declare const ThemeContext: React$1.Context<null>;
|
|
1134
|
-
type ThemeProviderProps = {
|
|
1135
|
-
theme: any;
|
|
1136
|
-
children: React$1.ReactNode;
|
|
1137
|
-
};
|
|
1138
|
-
declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
|
|
1139
|
-
declare const useTheme: () => null;
|
|
1140
|
-
|
|
1141
|
-
declare const baseTokens: {
|
|
1142
|
-
colors: {
|
|
1143
|
-
primary: string;
|
|
1144
|
-
secondary: string;
|
|
1145
|
-
background: string;
|
|
1146
|
-
surface: string;
|
|
1147
|
-
textPrimary: string;
|
|
1148
|
-
textSecondary: string;
|
|
1149
|
-
};
|
|
1150
|
-
spacing: (factor: number) => string;
|
|
1151
|
-
radius: {
|
|
1152
|
-
sm: string;
|
|
1153
|
-
md: string;
|
|
1154
|
-
lg: string;
|
|
1155
|
-
};
|
|
1156
|
-
};
|
|
1157
|
-
|
|
1158
|
-
declare const NotistackProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1159
|
-
declare const useNotistack: () => any;
|
|
1160
|
-
|
|
1161
|
-
declare function useMediaQuery(query: string | ((theme: any) => string)): boolean;
|
|
1162
|
-
type Breakpoint = keyof typeof breakpoints;
|
|
1163
|
-
declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>): T | undefined;
|
|
1164
|
-
|
|
1165
1174
|
type ControlVariants = 'base' | 'outlined' | 'filled' | 'lined';
|
|
1166
1175
|
type ControlProps = {
|
|
1167
1176
|
children?: React$1.ReactNode;
|
|
@@ -1219,23 +1228,23 @@ declare const Fade: React$1.FC<FadeProps>;
|
|
|
1219
1228
|
type FlexProps = {
|
|
1220
1229
|
container?: boolean;
|
|
1221
1230
|
spacing?: number;
|
|
1222
|
-
children?: React.ReactNode;
|
|
1231
|
+
children?: React$1.ReactNode;
|
|
1223
1232
|
ui?: UIProps;
|
|
1224
1233
|
center?: boolean;
|
|
1225
1234
|
between?: boolean;
|
|
1226
1235
|
variant?: 'row' | 'column' | 'wrap';
|
|
1227
1236
|
gap?: number;
|
|
1228
|
-
style?: React.CSSProperties;
|
|
1237
|
+
style?: React$1.CSSProperties;
|
|
1229
1238
|
onClick?: () => void;
|
|
1230
1239
|
bordered?: boolean;
|
|
1231
1240
|
};
|
|
1232
|
-
declare const Flex: React.FC<FlexProps>;
|
|
1241
|
+
declare const Flex: React$1.FC<FlexProps>;
|
|
1233
1242
|
|
|
1234
1243
|
type GridProps = {
|
|
1235
1244
|
container?: boolean;
|
|
1236
1245
|
spacing?: number;
|
|
1237
|
-
children?: React.ReactNode;
|
|
1238
|
-
style?: React.CSSProperties;
|
|
1246
|
+
children?: React$1.ReactNode;
|
|
1247
|
+
style?: React$1.CSSProperties;
|
|
1239
1248
|
ui?: UIProps;
|
|
1240
1249
|
item?: boolean;
|
|
1241
1250
|
columns?: number;
|
|
@@ -1243,7 +1252,7 @@ type GridProps = {
|
|
|
1243
1252
|
size?: number;
|
|
1244
1253
|
[key: string]: any;
|
|
1245
1254
|
};
|
|
1246
|
-
declare const Grid: React.FC<GridProps>;
|
|
1255
|
+
declare const Grid: React$1.FC<GridProps>;
|
|
1247
1256
|
|
|
1248
1257
|
type Option = {
|
|
1249
1258
|
label: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1023,7 +1023,7 @@ type TextProps = {
|
|
|
1023
1023
|
};
|
|
1024
1024
|
declare const Text: React$1.FC<TextProps>;
|
|
1025
1025
|
|
|
1026
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1026
|
+
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1027
1027
|
variant?: 'outlined' | 'filled' | 'text';
|
|
1028
1028
|
color?: keyof Theme['colors'];
|
|
1029
1029
|
animated?: boolean;
|
|
@@ -1036,29 +1036,84 @@ type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
1036
1036
|
};
|
|
1037
1037
|
};
|
|
1038
1038
|
};
|
|
1039
|
-
declare const Button: React.FC<ButtonProps>;
|
|
1039
|
+
declare const Button: React$1.FC<ButtonProps>;
|
|
1040
|
+
|
|
1041
|
+
type BackdropContextType = {
|
|
1042
|
+
open: boolean;
|
|
1043
|
+
show: () => void;
|
|
1044
|
+
hide: () => void;
|
|
1045
|
+
};
|
|
1046
|
+
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1047
|
+
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1048
|
+
declare const useBackdrop: () => BackdropContextType;
|
|
1049
|
+
|
|
1050
|
+
declare const ControlContext: React$1.Context<null>;
|
|
1051
|
+
declare const useControl: () => null;
|
|
1052
|
+
|
|
1053
|
+
declare function initTheme(): void;
|
|
1054
|
+
|
|
1055
|
+
declare const ThemeContext: React$1.Context<null>;
|
|
1056
|
+
type ThemeProviderProps = {
|
|
1057
|
+
theme: any;
|
|
1058
|
+
children: React$1.ReactNode;
|
|
1059
|
+
};
|
|
1060
|
+
declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
|
|
1061
|
+
declare const useTheme: () => null;
|
|
1062
|
+
|
|
1063
|
+
declare const baseTokens: {
|
|
1064
|
+
colors: {
|
|
1065
|
+
primary: string;
|
|
1066
|
+
secondary: string;
|
|
1067
|
+
background: string;
|
|
1068
|
+
surface: string;
|
|
1069
|
+
textPrimary: string;
|
|
1070
|
+
textSecondary: string;
|
|
1071
|
+
};
|
|
1072
|
+
spacing: (factor: number) => string;
|
|
1073
|
+
radius: {
|
|
1074
|
+
sm: string;
|
|
1075
|
+
md: string;
|
|
1076
|
+
lg: string;
|
|
1077
|
+
};
|
|
1078
|
+
};
|
|
1079
|
+
|
|
1080
|
+
declare const NotistackProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1081
|
+
declare const useNotistack: () => any;
|
|
1082
|
+
|
|
1083
|
+
declare function useMediaQuery(query: string | ((theme: any) => string)): boolean;
|
|
1084
|
+
type Breakpoint = keyof typeof breakpoints;
|
|
1085
|
+
declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>): T | undefined;
|
|
1040
1086
|
|
|
1041
1087
|
type CalendarProps = {
|
|
1042
1088
|
onSelect?: (day: any) => void;
|
|
1043
1089
|
propsComponent?: {
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1090
|
+
displayButtons?: boolean;
|
|
1091
|
+
displayCalendar?: boolean;
|
|
1092
|
+
header?: {
|
|
1093
|
+
color?: keyof Theme['colors'];
|
|
1094
|
+
ui?: UIProps;
|
|
1095
|
+
style?: React$1.CSSProperties;
|
|
1096
|
+
};
|
|
1097
|
+
day?: {
|
|
1098
|
+
color?: keyof Theme['colors'];
|
|
1099
|
+
bordered?: boolean;
|
|
1100
|
+
ui?: UIProps;
|
|
1101
|
+
style?: React$1.CSSProperties;
|
|
1102
|
+
};
|
|
1103
|
+
month?: {
|
|
1104
|
+
color?: keyof Theme['colors'];
|
|
1105
|
+
ui?: UIProps;
|
|
1106
|
+
style?: React$1.CSSProperties;
|
|
1107
|
+
};
|
|
1108
|
+
buttonNext?: {
|
|
1109
|
+
disabled?: boolean;
|
|
1110
|
+
onClick?: () => void;
|
|
1111
|
+
label?: React$1.ReactNode;
|
|
1112
|
+
};
|
|
1113
|
+
buttonBack?: {
|
|
1114
|
+
disabled?: boolean;
|
|
1115
|
+
onClick?: () => void;
|
|
1116
|
+
label?: React$1.ReactNode;
|
|
1062
1117
|
};
|
|
1063
1118
|
};
|
|
1064
1119
|
mapCalendar?: any;
|
|
@@ -1116,52 +1171,6 @@ type ContainerProps = {
|
|
|
1116
1171
|
};
|
|
1117
1172
|
declare const Container: React$1.FC<ContainerProps>;
|
|
1118
1173
|
|
|
1119
|
-
type BackdropContextType = {
|
|
1120
|
-
open: boolean;
|
|
1121
|
-
show: () => void;
|
|
1122
|
-
hide: () => void;
|
|
1123
|
-
};
|
|
1124
|
-
declare const BackdropContext: React$1.Context<BackdropContextType | null>;
|
|
1125
|
-
declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1126
|
-
declare const useBackdrop: () => BackdropContextType;
|
|
1127
|
-
|
|
1128
|
-
declare const ControlContext: React$1.Context<null>;
|
|
1129
|
-
declare const useControl: () => null;
|
|
1130
|
-
|
|
1131
|
-
declare function initTheme(): void;
|
|
1132
|
-
|
|
1133
|
-
declare const ThemeContext: React$1.Context<null>;
|
|
1134
|
-
type ThemeProviderProps = {
|
|
1135
|
-
theme: any;
|
|
1136
|
-
children: React$1.ReactNode;
|
|
1137
|
-
};
|
|
1138
|
-
declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
|
|
1139
|
-
declare const useTheme: () => null;
|
|
1140
|
-
|
|
1141
|
-
declare const baseTokens: {
|
|
1142
|
-
colors: {
|
|
1143
|
-
primary: string;
|
|
1144
|
-
secondary: string;
|
|
1145
|
-
background: string;
|
|
1146
|
-
surface: string;
|
|
1147
|
-
textPrimary: string;
|
|
1148
|
-
textSecondary: string;
|
|
1149
|
-
};
|
|
1150
|
-
spacing: (factor: number) => string;
|
|
1151
|
-
radius: {
|
|
1152
|
-
sm: string;
|
|
1153
|
-
md: string;
|
|
1154
|
-
lg: string;
|
|
1155
|
-
};
|
|
1156
|
-
};
|
|
1157
|
-
|
|
1158
|
-
declare const NotistackProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1159
|
-
declare const useNotistack: () => any;
|
|
1160
|
-
|
|
1161
|
-
declare function useMediaQuery(query: string | ((theme: any) => string)): boolean;
|
|
1162
|
-
type Breakpoint = keyof typeof breakpoints;
|
|
1163
|
-
declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>): T | undefined;
|
|
1164
|
-
|
|
1165
1174
|
type ControlVariants = 'base' | 'outlined' | 'filled' | 'lined';
|
|
1166
1175
|
type ControlProps = {
|
|
1167
1176
|
children?: React$1.ReactNode;
|
|
@@ -1219,23 +1228,23 @@ declare const Fade: React$1.FC<FadeProps>;
|
|
|
1219
1228
|
type FlexProps = {
|
|
1220
1229
|
container?: boolean;
|
|
1221
1230
|
spacing?: number;
|
|
1222
|
-
children?: React.ReactNode;
|
|
1231
|
+
children?: React$1.ReactNode;
|
|
1223
1232
|
ui?: UIProps;
|
|
1224
1233
|
center?: boolean;
|
|
1225
1234
|
between?: boolean;
|
|
1226
1235
|
variant?: 'row' | 'column' | 'wrap';
|
|
1227
1236
|
gap?: number;
|
|
1228
|
-
style?: React.CSSProperties;
|
|
1237
|
+
style?: React$1.CSSProperties;
|
|
1229
1238
|
onClick?: () => void;
|
|
1230
1239
|
bordered?: boolean;
|
|
1231
1240
|
};
|
|
1232
|
-
declare const Flex: React.FC<FlexProps>;
|
|
1241
|
+
declare const Flex: React$1.FC<FlexProps>;
|
|
1233
1242
|
|
|
1234
1243
|
type GridProps = {
|
|
1235
1244
|
container?: boolean;
|
|
1236
1245
|
spacing?: number;
|
|
1237
|
-
children?: React.ReactNode;
|
|
1238
|
-
style?: React.CSSProperties;
|
|
1246
|
+
children?: React$1.ReactNode;
|
|
1247
|
+
style?: React$1.CSSProperties;
|
|
1239
1248
|
ui?: UIProps;
|
|
1240
1249
|
item?: boolean;
|
|
1241
1250
|
columns?: number;
|
|
@@ -1243,7 +1252,7 @@ type GridProps = {
|
|
|
1243
1252
|
size?: number;
|
|
1244
1253
|
[key: string]: any;
|
|
1245
1254
|
};
|
|
1246
|
-
declare const Grid: React.FC<GridProps>;
|
|
1255
|
+
declare const Grid: React$1.FC<GridProps>;
|
|
1247
1256
|
|
|
1248
1257
|
type Option = {
|
|
1249
1258
|
label: string;
|