@algorithm-shift/design-system 1.2.5 → 1.2.6
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/index.d.mts +44 -15
- package/dist/index.d.ts +44 -15
- package/dist/index.js +557 -206
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +547 -203
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -24,6 +24,11 @@ interface TypographyProps extends ElementProps {
|
|
|
24
24
|
textContent: string;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
interface ImageProps extends ElementProps {
|
|
28
|
+
imageUrl?: string;
|
|
29
|
+
altText?: string;
|
|
30
|
+
}
|
|
31
|
+
|
|
27
32
|
type InputProperties = {
|
|
28
33
|
placeholder?: string;
|
|
29
34
|
regexPattern?: string;
|
|
@@ -41,46 +46,56 @@ type InputProperties = {
|
|
|
41
46
|
interface TextInputProps extends ElementProps, InputProperties { }
|
|
42
47
|
interface EmailInputProps extends ElementProps, InputProperties { }
|
|
43
48
|
interface PasswordInputProps extends ElementProps, InputProperties { }
|
|
49
|
+
interface NumberInputProps extends ElementProps, InputProperties { }
|
|
44
50
|
interface TextAreaProps extends ElementProps, InputProperties { }
|
|
45
51
|
interface UrlInputProps extends ElementProps, InputProperties { }
|
|
52
|
+
interface SearchInputProps extends ElementProps, InputProperties { }
|
|
53
|
+
interface FileInputProps extends ElementProps, Pick<InputProperties, 'placeholder'> { }
|
|
46
54
|
interface CheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
47
55
|
interface RadioInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
48
56
|
interface MultiCheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
57
|
+
interface RichTextInputProps extends ElementProps { }
|
|
49
58
|
interface SelectDropdownInputProps extends ElementProps, InputProperties { }
|
|
50
59
|
interface SwitchToggleInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
51
60
|
interface PhoneInputProps extends ElementProps, InputProperties { }
|
|
52
61
|
interface DateRangeInputProps extends ElementProps { }
|
|
62
|
+
interface DatePickerInputProps extends ElementProps, InputProperties {
|
|
63
|
+
minimumDate?: string;
|
|
64
|
+
customMinimumDate?: string;
|
|
65
|
+
maximumDate?: string;
|
|
66
|
+
customMaximumDate?: string;
|
|
67
|
+
}
|
|
53
68
|
|
|
54
69
|
interface TableProps extends ElementProps {
|
|
55
|
-
columns
|
|
56
|
-
rowActions
|
|
57
|
-
data
|
|
70
|
+
columns?: Record<string, any>;
|
|
71
|
+
rowActions?: Record<string, any>;
|
|
72
|
+
data?: Record<string, any>;
|
|
58
73
|
}
|
|
59
74
|
|
|
60
75
|
interface TabsProps extends ElementProps {
|
|
61
|
-
tabs
|
|
76
|
+
tabs?: Record<string, any>;
|
|
62
77
|
}
|
|
63
78
|
|
|
64
79
|
interface StagesProps extends ElementProps {
|
|
65
|
-
stages
|
|
66
|
-
isShowBtn
|
|
67
|
-
buttonText
|
|
80
|
+
stages?: Record<string, any>;
|
|
81
|
+
isShowBtn?: boolean;
|
|
82
|
+
buttonText?: string;
|
|
68
83
|
}
|
|
69
84
|
|
|
70
85
|
interface ProfileProps extends ElementProps {
|
|
71
|
-
profileType
|
|
72
|
-
showName
|
|
73
|
-
userName
|
|
86
|
+
profileType?: 'avatar' | 'initial';
|
|
87
|
+
showName?: boolean;
|
|
88
|
+
userName?: string;
|
|
74
89
|
}
|
|
75
90
|
|
|
76
91
|
interface NotificationProps extends ElementProps {
|
|
77
|
-
badgeType
|
|
78
|
-
badgeCount
|
|
79
|
-
hideBadgeWhenZero
|
|
92
|
+
badgeType?: 'number' | 'dot';
|
|
93
|
+
badgeCount?: number;
|
|
94
|
+
hideBadgeWhenZero?: boolean;
|
|
80
95
|
}
|
|
81
96
|
|
|
82
97
|
interface LogoProps extends ElementProps {
|
|
83
|
-
imageUrl
|
|
98
|
+
imageUrl?: string;
|
|
84
99
|
}
|
|
85
100
|
|
|
86
101
|
declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -92,8 +107,14 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
|
|
|
92
107
|
className: string;
|
|
93
108
|
}, HTMLElement>;
|
|
94
109
|
|
|
110
|
+
declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
111
|
+
|
|
112
|
+
declare const ImageControl$1: ({ className, style, imageUrl, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
113
|
+
|
|
95
114
|
declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
|
|
96
115
|
|
|
116
|
+
declare const NumberInput: ({ className, style, ...props }: NumberInputProps) => react_jsx_runtime.JSX.Element;
|
|
117
|
+
|
|
97
118
|
declare const EmailInput: ({ className, style, ...props }: EmailInputProps) => react_jsx_runtime.JSX.Element;
|
|
98
119
|
|
|
99
120
|
declare const PasswordInput: ({ className, style, ...props }: PasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -108,12 +129,20 @@ declare const RadioInput: ({ className, style, ...props }: RadioInputProps) => r
|
|
|
108
129
|
|
|
109
130
|
declare const MultiCheckbox: ({ className, style, ...props }: MultiCheckboxInputProps) => react_jsx_runtime.JSX.Element;
|
|
110
131
|
|
|
132
|
+
declare function RichText({ className, style }: RichTextInputProps): react_jsx_runtime.JSX.Element;
|
|
133
|
+
|
|
111
134
|
declare const Dropdown: ({ className, style, ...props }: SelectDropdownInputProps) => react_jsx_runtime.JSX.Element;
|
|
112
135
|
|
|
113
136
|
declare const SwitchToggle: ({ className, style, ...props }: SwitchToggleInputProps) => react_jsx_runtime.JSX.Element;
|
|
114
137
|
|
|
115
138
|
declare const PhoneInput: ({ className, style, ...props }: PhoneInputProps) => react_jsx_runtime.JSX.Element;
|
|
116
139
|
|
|
140
|
+
declare const SearchInput: ({ className, style, ...props }: SearchInputProps) => react_jsx_runtime.JSX.Element;
|
|
141
|
+
|
|
142
|
+
declare const FileInput: ({ className, style, ...props }: FileInputProps) => react_jsx_runtime.JSX.Element;
|
|
143
|
+
|
|
144
|
+
declare function DatePicker({ className, style, ...props }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
|
|
145
|
+
|
|
117
146
|
declare const DateRange: ({ className, style }: DateRangeInputProps) => react_jsx_runtime.JSX.Element;
|
|
118
147
|
|
|
119
148
|
declare const Table: ({ columns, data, rowActions }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -132,4 +161,4 @@ declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react
|
|
|
132
161
|
|
|
133
162
|
declare function cn(...inputs: ClassValue[]): string;
|
|
134
163
|
|
|
135
|
-
export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
|
|
164
|
+
export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl$1 as Image, ImageControl as Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
|
package/dist/index.d.ts
CHANGED
|
@@ -24,6 +24,11 @@ interface TypographyProps extends ElementProps {
|
|
|
24
24
|
textContent: string;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
interface ImageProps extends ElementProps {
|
|
28
|
+
imageUrl?: string;
|
|
29
|
+
altText?: string;
|
|
30
|
+
}
|
|
31
|
+
|
|
27
32
|
type InputProperties = {
|
|
28
33
|
placeholder?: string;
|
|
29
34
|
regexPattern?: string;
|
|
@@ -41,46 +46,56 @@ type InputProperties = {
|
|
|
41
46
|
interface TextInputProps extends ElementProps, InputProperties { }
|
|
42
47
|
interface EmailInputProps extends ElementProps, InputProperties { }
|
|
43
48
|
interface PasswordInputProps extends ElementProps, InputProperties { }
|
|
49
|
+
interface NumberInputProps extends ElementProps, InputProperties { }
|
|
44
50
|
interface TextAreaProps extends ElementProps, InputProperties { }
|
|
45
51
|
interface UrlInputProps extends ElementProps, InputProperties { }
|
|
52
|
+
interface SearchInputProps extends ElementProps, InputProperties { }
|
|
53
|
+
interface FileInputProps extends ElementProps, Pick<InputProperties, 'placeholder'> { }
|
|
46
54
|
interface CheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
47
55
|
interface RadioInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
48
56
|
interface MultiCheckboxInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
57
|
+
interface RichTextInputProps extends ElementProps { }
|
|
49
58
|
interface SelectDropdownInputProps extends ElementProps, InputProperties { }
|
|
50
59
|
interface SwitchToggleInputProps extends ElementProps, Pick<InputProperties, 'text'> { }
|
|
51
60
|
interface PhoneInputProps extends ElementProps, InputProperties { }
|
|
52
61
|
interface DateRangeInputProps extends ElementProps { }
|
|
62
|
+
interface DatePickerInputProps extends ElementProps, InputProperties {
|
|
63
|
+
minimumDate?: string;
|
|
64
|
+
customMinimumDate?: string;
|
|
65
|
+
maximumDate?: string;
|
|
66
|
+
customMaximumDate?: string;
|
|
67
|
+
}
|
|
53
68
|
|
|
54
69
|
interface TableProps extends ElementProps {
|
|
55
|
-
columns
|
|
56
|
-
rowActions
|
|
57
|
-
data
|
|
70
|
+
columns?: Record<string, any>;
|
|
71
|
+
rowActions?: Record<string, any>;
|
|
72
|
+
data?: Record<string, any>;
|
|
58
73
|
}
|
|
59
74
|
|
|
60
75
|
interface TabsProps extends ElementProps {
|
|
61
|
-
tabs
|
|
76
|
+
tabs?: Record<string, any>;
|
|
62
77
|
}
|
|
63
78
|
|
|
64
79
|
interface StagesProps extends ElementProps {
|
|
65
|
-
stages
|
|
66
|
-
isShowBtn
|
|
67
|
-
buttonText
|
|
80
|
+
stages?: Record<string, any>;
|
|
81
|
+
isShowBtn?: boolean;
|
|
82
|
+
buttonText?: string;
|
|
68
83
|
}
|
|
69
84
|
|
|
70
85
|
interface ProfileProps extends ElementProps {
|
|
71
|
-
profileType
|
|
72
|
-
showName
|
|
73
|
-
userName
|
|
86
|
+
profileType?: 'avatar' | 'initial';
|
|
87
|
+
showName?: boolean;
|
|
88
|
+
userName?: string;
|
|
74
89
|
}
|
|
75
90
|
|
|
76
91
|
interface NotificationProps extends ElementProps {
|
|
77
|
-
badgeType
|
|
78
|
-
badgeCount
|
|
79
|
-
hideBadgeWhenZero
|
|
92
|
+
badgeType?: 'number' | 'dot';
|
|
93
|
+
badgeCount?: number;
|
|
94
|
+
hideBadgeWhenZero?: boolean;
|
|
80
95
|
}
|
|
81
96
|
|
|
82
97
|
interface LogoProps extends ElementProps {
|
|
83
|
-
imageUrl
|
|
98
|
+
imageUrl?: string;
|
|
84
99
|
}
|
|
85
100
|
|
|
86
101
|
declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -92,8 +107,14 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
|
|
|
92
107
|
className: string;
|
|
93
108
|
}, HTMLElement>;
|
|
94
109
|
|
|
110
|
+
declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
111
|
+
|
|
112
|
+
declare const ImageControl$1: ({ className, style, imageUrl, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
113
|
+
|
|
95
114
|
declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
|
|
96
115
|
|
|
116
|
+
declare const NumberInput: ({ className, style, ...props }: NumberInputProps) => react_jsx_runtime.JSX.Element;
|
|
117
|
+
|
|
97
118
|
declare const EmailInput: ({ className, style, ...props }: EmailInputProps) => react_jsx_runtime.JSX.Element;
|
|
98
119
|
|
|
99
120
|
declare const PasswordInput: ({ className, style, ...props }: PasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -108,12 +129,20 @@ declare const RadioInput: ({ className, style, ...props }: RadioInputProps) => r
|
|
|
108
129
|
|
|
109
130
|
declare const MultiCheckbox: ({ className, style, ...props }: MultiCheckboxInputProps) => react_jsx_runtime.JSX.Element;
|
|
110
131
|
|
|
132
|
+
declare function RichText({ className, style }: RichTextInputProps): react_jsx_runtime.JSX.Element;
|
|
133
|
+
|
|
111
134
|
declare const Dropdown: ({ className, style, ...props }: SelectDropdownInputProps) => react_jsx_runtime.JSX.Element;
|
|
112
135
|
|
|
113
136
|
declare const SwitchToggle: ({ className, style, ...props }: SwitchToggleInputProps) => react_jsx_runtime.JSX.Element;
|
|
114
137
|
|
|
115
138
|
declare const PhoneInput: ({ className, style, ...props }: PhoneInputProps) => react_jsx_runtime.JSX.Element;
|
|
116
139
|
|
|
140
|
+
declare const SearchInput: ({ className, style, ...props }: SearchInputProps) => react_jsx_runtime.JSX.Element;
|
|
141
|
+
|
|
142
|
+
declare const FileInput: ({ className, style, ...props }: FileInputProps) => react_jsx_runtime.JSX.Element;
|
|
143
|
+
|
|
144
|
+
declare function DatePicker({ className, style, ...props }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
|
|
145
|
+
|
|
117
146
|
declare const DateRange: ({ className, style }: DateRangeInputProps) => react_jsx_runtime.JSX.Element;
|
|
118
147
|
|
|
119
148
|
declare const Table: ({ columns, data, rowActions }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -132,4 +161,4 @@ declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react
|
|
|
132
161
|
|
|
133
162
|
declare function cn(...inputs: ClassValue[]): string;
|
|
134
163
|
|
|
135
|
-
export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
|
|
164
|
+
export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl$1 as Image, ImageControl as Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
|