@szymonpiatek/designsystem 0.0.13 → 0.0.14
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.cjs +251 -259
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -6
- package/dist/index.d.ts +11 -6
- package/dist/index.js +251 -259
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -13,6 +13,7 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
13
13
|
variant?: CardVariant;
|
|
14
14
|
padding?: CardPadding;
|
|
15
15
|
rounded?: CardRounded;
|
|
16
|
+
hoverEffect?: boolean;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -105,7 +106,7 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
105
106
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
106
107
|
|
|
107
108
|
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'text';
|
|
108
|
-
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
109
|
+
type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
109
110
|
type ButtonShape = 'default' | 'circle' | 'square';
|
|
110
111
|
interface ButtonProps {
|
|
111
112
|
variant?: ButtonVariant;
|
|
@@ -160,7 +161,7 @@ declare const CountryFlag: {
|
|
|
160
161
|
displayName: string;
|
|
161
162
|
};
|
|
162
163
|
|
|
163
|
-
type InputSize = 'sm' | 'md' | 'lg';
|
|
164
|
+
type InputSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
164
165
|
|
|
165
166
|
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
166
167
|
countryCode: string;
|
|
@@ -251,7 +252,7 @@ declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & reac
|
|
|
251
252
|
type EmailInputProps = Omit<BaseInputProps, 'type'>;
|
|
252
253
|
|
|
253
254
|
declare const BaseSelectInput: {
|
|
254
|
-
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
255
|
+
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, required, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
255
256
|
displayName: string;
|
|
256
257
|
};
|
|
257
258
|
|
|
@@ -279,6 +280,7 @@ interface BaseSelectInputProps {
|
|
|
279
280
|
size?: InputSize;
|
|
280
281
|
fullWidth?: boolean;
|
|
281
282
|
disabled?: boolean;
|
|
283
|
+
required?: boolean;
|
|
282
284
|
id?: string;
|
|
283
285
|
}
|
|
284
286
|
|
|
@@ -1263,7 +1265,7 @@ declare const PaginationEllipsis: {
|
|
|
1263
1265
|
|
|
1264
1266
|
declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1265
1267
|
|
|
1266
|
-
type PaginationButtonSize = 'sm' | 'md' | 'lg';
|
|
1268
|
+
type PaginationButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1267
1269
|
type PaginationButtonVariant = 'page' | 'nav';
|
|
1268
1270
|
interface PaginationButtonProps {
|
|
1269
1271
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1303,10 +1305,11 @@ interface CommandPaletteProps {
|
|
|
1303
1305
|
|
|
1304
1306
|
declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1305
1307
|
|
|
1306
|
-
type CartButtonSize = 'sm' | 'md' | 'lg';
|
|
1308
|
+
type CartButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1307
1309
|
interface CartButtonProps {
|
|
1308
1310
|
count?: number;
|
|
1309
1311
|
size?: CartButtonSize;
|
|
1312
|
+
shape?: ButtonShape;
|
|
1310
1313
|
label?: string;
|
|
1311
1314
|
disabled?: boolean;
|
|
1312
1315
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1419,7 +1422,7 @@ interface CompareToolProps {
|
|
|
1419
1422
|
className?: string;
|
|
1420
1423
|
}
|
|
1421
1424
|
|
|
1422
|
-
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1425
|
+
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, size, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1423
1426
|
|
|
1424
1427
|
interface CouponInputProps {
|
|
1425
1428
|
value: string;
|
|
@@ -1434,6 +1437,7 @@ interface CouponInputProps {
|
|
|
1434
1437
|
disabled?: boolean;
|
|
1435
1438
|
error?: string;
|
|
1436
1439
|
successMessage?: string;
|
|
1440
|
+
size?: InputSize;
|
|
1437
1441
|
className?: string;
|
|
1438
1442
|
}
|
|
1439
1443
|
|
|
@@ -1587,6 +1591,7 @@ interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1587
1591
|
buttonVariant?: ButtonVariant;
|
|
1588
1592
|
disabledButton?: boolean;
|
|
1589
1593
|
hideButton?: boolean;
|
|
1594
|
+
hoverEffect?: boolean;
|
|
1590
1595
|
}
|
|
1591
1596
|
|
|
1592
1597
|
declare const ProductCardImage: {
|
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
13
13
|
variant?: CardVariant;
|
|
14
14
|
padding?: CardPadding;
|
|
15
15
|
rounded?: CardRounded;
|
|
16
|
+
hoverEffect?: boolean;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -105,7 +106,7 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
105
106
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
106
107
|
|
|
107
108
|
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'text';
|
|
108
|
-
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
109
|
+
type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
109
110
|
type ButtonShape = 'default' | 'circle' | 'square';
|
|
110
111
|
interface ButtonProps {
|
|
111
112
|
variant?: ButtonVariant;
|
|
@@ -160,7 +161,7 @@ declare const CountryFlag: {
|
|
|
160
161
|
displayName: string;
|
|
161
162
|
};
|
|
162
163
|
|
|
163
|
-
type InputSize = 'sm' | 'md' | 'lg';
|
|
164
|
+
type InputSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
164
165
|
|
|
165
166
|
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
166
167
|
countryCode: string;
|
|
@@ -251,7 +252,7 @@ declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & reac
|
|
|
251
252
|
type EmailInputProps = Omit<BaseInputProps, 'type'>;
|
|
252
253
|
|
|
253
254
|
declare const BaseSelectInput: {
|
|
254
|
-
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
255
|
+
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, required, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
255
256
|
displayName: string;
|
|
256
257
|
};
|
|
257
258
|
|
|
@@ -279,6 +280,7 @@ interface BaseSelectInputProps {
|
|
|
279
280
|
size?: InputSize;
|
|
280
281
|
fullWidth?: boolean;
|
|
281
282
|
disabled?: boolean;
|
|
283
|
+
required?: boolean;
|
|
282
284
|
id?: string;
|
|
283
285
|
}
|
|
284
286
|
|
|
@@ -1263,7 +1265,7 @@ declare const PaginationEllipsis: {
|
|
|
1263
1265
|
|
|
1264
1266
|
declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1265
1267
|
|
|
1266
|
-
type PaginationButtonSize = 'sm' | 'md' | 'lg';
|
|
1268
|
+
type PaginationButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1267
1269
|
type PaginationButtonVariant = 'page' | 'nav';
|
|
1268
1270
|
interface PaginationButtonProps {
|
|
1269
1271
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1303,10 +1305,11 @@ interface CommandPaletteProps {
|
|
|
1303
1305
|
|
|
1304
1306
|
declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1305
1307
|
|
|
1306
|
-
type CartButtonSize = 'sm' | 'md' | 'lg';
|
|
1308
|
+
type CartButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1307
1309
|
interface CartButtonProps {
|
|
1308
1310
|
count?: number;
|
|
1309
1311
|
size?: CartButtonSize;
|
|
1312
|
+
shape?: ButtonShape;
|
|
1310
1313
|
label?: string;
|
|
1311
1314
|
disabled?: boolean;
|
|
1312
1315
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1419,7 +1422,7 @@ interface CompareToolProps {
|
|
|
1419
1422
|
className?: string;
|
|
1420
1423
|
}
|
|
1421
1424
|
|
|
1422
|
-
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1425
|
+
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, size, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1423
1426
|
|
|
1424
1427
|
interface CouponInputProps {
|
|
1425
1428
|
value: string;
|
|
@@ -1434,6 +1437,7 @@ interface CouponInputProps {
|
|
|
1434
1437
|
disabled?: boolean;
|
|
1435
1438
|
error?: string;
|
|
1436
1439
|
successMessage?: string;
|
|
1440
|
+
size?: InputSize;
|
|
1437
1441
|
className?: string;
|
|
1438
1442
|
}
|
|
1439
1443
|
|
|
@@ -1587,6 +1591,7 @@ interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1587
1591
|
buttonVariant?: ButtonVariant;
|
|
1588
1592
|
disabledButton?: boolean;
|
|
1589
1593
|
hideButton?: boolean;
|
|
1594
|
+
hoverEffect?: boolean;
|
|
1590
1595
|
}
|
|
1591
1596
|
|
|
1592
1597
|
declare const ProductCardImage: {
|