@algorithm-shift/design-system 1.2.5 → 1.2.7

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