@szymonpiatek/designsystem 0.0.13 → 0.0.15
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 +362 -307
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -9
- package/dist/index.d.ts +15 -9
- package/dist/index.js +362 -307
- 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;
|
|
@@ -130,7 +131,7 @@ interface ButtonProps {
|
|
|
130
131
|
|
|
131
132
|
declare const CloseButton: react.ForwardRefExoticComponent<CloseButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
132
133
|
|
|
133
|
-
interface CloseButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape'
|
|
134
|
+
interface CloseButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape'> {
|
|
134
135
|
'aria-label'?: string;
|
|
135
136
|
}
|
|
136
137
|
|
|
@@ -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,8 +1265,8 @@ declare const PaginationEllipsis: {
|
|
|
1263
1265
|
|
|
1264
1266
|
declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1265
1267
|
|
|
1266
|
-
type PaginationButtonSize = 'sm' | 'md' | 'lg';
|
|
1267
|
-
type PaginationButtonVariant =
|
|
1268
|
+
type PaginationButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1269
|
+
type PaginationButtonVariant = ButtonVariant;
|
|
1268
1270
|
interface PaginationButtonProps {
|
|
1269
1271
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
1270
1272
|
isActive?: boolean;
|
|
@@ -1272,7 +1274,7 @@ interface PaginationButtonProps {
|
|
|
1272
1274
|
size?: PaginationButtonSize;
|
|
1273
1275
|
variant?: PaginationButtonVariant;
|
|
1274
1276
|
'aria-label': string;
|
|
1275
|
-
children:
|
|
1277
|
+
children: ReactNode;
|
|
1276
1278
|
}
|
|
1277
1279
|
|
|
1278
1280
|
declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
|
|
@@ -1303,10 +1305,12 @@ 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;
|
|
1313
|
+
variant?: ButtonVariant;
|
|
1310
1314
|
label?: string;
|
|
1311
1315
|
disabled?: boolean;
|
|
1312
1316
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1419,7 +1423,7 @@ interface CompareToolProps {
|
|
|
1419
1423
|
className?: string;
|
|
1420
1424
|
}
|
|
1421
1425
|
|
|
1422
|
-
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1426
|
+
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, size, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1423
1427
|
|
|
1424
1428
|
interface CouponInputProps {
|
|
1425
1429
|
value: string;
|
|
@@ -1434,6 +1438,7 @@ interface CouponInputProps {
|
|
|
1434
1438
|
disabled?: boolean;
|
|
1435
1439
|
error?: string;
|
|
1436
1440
|
successMessage?: string;
|
|
1441
|
+
size?: InputSize;
|
|
1437
1442
|
className?: string;
|
|
1438
1443
|
}
|
|
1439
1444
|
|
|
@@ -1587,6 +1592,7 @@ interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1587
1592
|
buttonVariant?: ButtonVariant;
|
|
1588
1593
|
disabledButton?: boolean;
|
|
1589
1594
|
hideButton?: boolean;
|
|
1595
|
+
hoverEffect?: boolean;
|
|
1590
1596
|
}
|
|
1591
1597
|
|
|
1592
1598
|
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;
|
|
@@ -130,7 +131,7 @@ interface ButtonProps {
|
|
|
130
131
|
|
|
131
132
|
declare const CloseButton: react.ForwardRefExoticComponent<CloseButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
132
133
|
|
|
133
|
-
interface CloseButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape'
|
|
134
|
+
interface CloseButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape'> {
|
|
134
135
|
'aria-label'?: string;
|
|
135
136
|
}
|
|
136
137
|
|
|
@@ -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,8 +1265,8 @@ declare const PaginationEllipsis: {
|
|
|
1263
1265
|
|
|
1264
1266
|
declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1265
1267
|
|
|
1266
|
-
type PaginationButtonSize = 'sm' | 'md' | 'lg';
|
|
1267
|
-
type PaginationButtonVariant =
|
|
1268
|
+
type PaginationButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1269
|
+
type PaginationButtonVariant = ButtonVariant;
|
|
1268
1270
|
interface PaginationButtonProps {
|
|
1269
1271
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
1270
1272
|
isActive?: boolean;
|
|
@@ -1272,7 +1274,7 @@ interface PaginationButtonProps {
|
|
|
1272
1274
|
size?: PaginationButtonSize;
|
|
1273
1275
|
variant?: PaginationButtonVariant;
|
|
1274
1276
|
'aria-label': string;
|
|
1275
|
-
children:
|
|
1277
|
+
children: ReactNode;
|
|
1276
1278
|
}
|
|
1277
1279
|
|
|
1278
1280
|
declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
|
|
@@ -1303,10 +1305,12 @@ 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;
|
|
1313
|
+
variant?: ButtonVariant;
|
|
1310
1314
|
label?: string;
|
|
1311
1315
|
disabled?: boolean;
|
|
1312
1316
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1419,7 +1423,7 @@ interface CompareToolProps {
|
|
|
1419
1423
|
className?: string;
|
|
1420
1424
|
}
|
|
1421
1425
|
|
|
1422
|
-
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1426
|
+
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, size, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1423
1427
|
|
|
1424
1428
|
interface CouponInputProps {
|
|
1425
1429
|
value: string;
|
|
@@ -1434,6 +1438,7 @@ interface CouponInputProps {
|
|
|
1434
1438
|
disabled?: boolean;
|
|
1435
1439
|
error?: string;
|
|
1436
1440
|
successMessage?: string;
|
|
1441
|
+
size?: InputSize;
|
|
1437
1442
|
className?: string;
|
|
1438
1443
|
}
|
|
1439
1444
|
|
|
@@ -1587,6 +1592,7 @@ interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1587
1592
|
buttonVariant?: ButtonVariant;
|
|
1588
1593
|
disabledButton?: boolean;
|
|
1589
1594
|
hideButton?: boolean;
|
|
1595
|
+
hoverEffect?: boolean;
|
|
1590
1596
|
}
|
|
1591
1597
|
|
|
1592
1598
|
declare const ProductCardImage: {
|