@sonic-equipment/ui 0.0.81 → 0.0.82
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.ts +18 -29
- package/dist/index.js +760 -657
- package/dist/src/buttons/button/button.d.ts +3 -4
- package/dist/src/buttons/button/button.stories.d.ts +1 -1
- package/dist/src/buttons/icon-button/icon-button.d.ts +2 -2
- package/dist/src/buttons/icon-button/icon-button.stories.d.ts +1 -1
- package/dist/src/buttons/link/link.d.ts +4 -9
- package/dist/src/buttons/link/link.stories.d.ts +1 -1
- package/dist/src/cards/product-card/{connected-product-cart.d.ts → connected-product-card.d.ts} +1 -2
- package/dist/src/cards/product-card/product-card.d.ts +4 -5
- package/dist/src/carousel/carousel-navigation-button.d.ts +5 -2
- package/dist/src/carousel/pagination/pagination.d.ts +14 -0
- package/dist/src/carousel/pagination/pagination.stories.d.ts +14 -0
- package/dist/src/carousel/pagination/transitions.d.ts +34 -0
- package/dist/src/carousel/usp-carousel/product-usp-carousel.d.ts +12 -0
- package/dist/src/carousel/usp-carousel/product-usp-carousel.stories.d.ts +27 -0
- package/dist/src/carousel/usp-carousel/usp-carousel.d.ts +2 -2
- package/dist/src/media/image-lightbox/image-lightbox.d.ts +8 -0
- package/dist/src/media/image-lightbox/image-lightbox.stories.d.ts +13 -0
- package/dist/src/modals/modal/modal.d.ts +3 -1
- package/dist/src/modals/modal/modal.stories.d.ts +11 -0
- package/dist/src/pages/product-details-page/components/product-details-images/product-detail-images.d.ts +6 -0
- package/dist/src/shared/hooks/use-resize-observer.d.ts +1 -1
- package/dist/src/shared/routing/route-link.d.ts +4 -2
- package/dist/styles.css +390 -154
- package/package.json +3 -3
- /package/dist/src/{usp/product-usp.d.ts → carousel/usp-carousel/product-usp-carousel-slide.d.ts} +0 -0
- /package/dist/src/pages/product-details-page/components/{product-details-panel.d.ts → product-details-panel/product-details-panel.d.ts} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as _tanstack_react_query from '@tanstack/react-query';
|
|
2
|
-
import { ReactElement, MutableRefObject, ReactNode,
|
|
2
|
+
import { ReactElement, MutableRefObject, ReactNode, AnchorHTMLAttributes, MouseEvent, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { LinkProps as LinkProps$2, PressEvent } from 'react-aria-components';
|
|
5
4
|
import { Hit } from '@algolia/client-search';
|
|
6
5
|
import * as algoliasearch from 'algoliasearch';
|
|
7
6
|
import { SearchClient } from 'algoliasearch';
|
|
@@ -4117,24 +4116,19 @@ declare function RouteProvider({ children, navigate }: RouteProviderProps): reac
|
|
|
4117
4116
|
declare function useOnNavigate(callback?: NavigateFn): NavigateFn;
|
|
4118
4117
|
declare function useNavigate(): NavigateFn;
|
|
4119
4118
|
|
|
4120
|
-
interface LinkProps$1
|
|
4121
|
-
extends LinkProps$2,
|
|
4122
|
-
RefAttributes<HTMLAnchorElement> {
|
|
4119
|
+
interface LinkProps$1 extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4123
4120
|
areaSelected?: boolean
|
|
4124
|
-
className?: string
|
|
4125
4121
|
color?: 'primary' | 'secondary'
|
|
4126
4122
|
hasUnderline?: boolean
|
|
4127
|
-
|
|
4128
|
-
onClick?(event: MouseEvent): void
|
|
4129
|
-
onMouseDown?(event: MouseEvent): void
|
|
4130
|
-
onMouseMove?(event: MouseEvent): void
|
|
4123
|
+
isDisabled?: boolean
|
|
4131
4124
|
role?: 'option'
|
|
4132
4125
|
}
|
|
4133
4126
|
|
|
4134
|
-
interface RouteLinkProps extends LinkProps$1 {
|
|
4127
|
+
interface RouteLinkProps extends Omit<LinkProps$1, 'onPress'> {
|
|
4128
|
+
onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
|
|
4135
4129
|
route?: NavigateOptions;
|
|
4136
4130
|
}
|
|
4137
|
-
declare function RouteLink({ children,
|
|
4131
|
+
declare function RouteLink({ children, ...props }: RouteLinkProps): react_jsx_runtime.JSX.Element;
|
|
4138
4132
|
|
|
4139
4133
|
interface ButtonProps$1 {
|
|
4140
4134
|
_pseudo?: 'none' | 'focus' | 'hover' | 'active'
|
|
@@ -4145,8 +4139,7 @@ interface ButtonProps$1 {
|
|
|
4145
4139
|
icon?: React.ReactNode
|
|
4146
4140
|
iconPosition?: 'left' | 'right'
|
|
4147
4141
|
isDisabled?: boolean
|
|
4148
|
-
onClick?: (event:
|
|
4149
|
-
onPress?: VoidFunction | ((...args: unknown[]) => void)
|
|
4142
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void
|
|
4150
4143
|
size?: 'sm' | 'md' | 'lg'
|
|
4151
4144
|
type?: 'button' | 'submit' | 'reset'
|
|
4152
4145
|
variant?: 'solid' | 'outline' | 'ghost'
|
|
@@ -4265,14 +4258,13 @@ interface ButtonProps {
|
|
|
4265
4258
|
icon?: React.ReactNode;
|
|
4266
4259
|
iconPosition?: 'left' | 'right';
|
|
4267
4260
|
isDisabled?: boolean;
|
|
4268
|
-
onClick?: (event:
|
|
4269
|
-
onPress?: VoidFunction | ((...args: unknown[]) => void);
|
|
4261
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
4270
4262
|
size?: 'sm' | 'md' | 'lg';
|
|
4271
4263
|
type?: 'button' | 'submit' | 'reset';
|
|
4272
4264
|
variant?: 'solid' | 'outline' | 'ghost';
|
|
4273
4265
|
withArrow?: boolean;
|
|
4274
4266
|
}
|
|
4275
|
-
declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick,
|
|
4267
|
+
declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
4276
4268
|
|
|
4277
4269
|
interface FavoriteButtonProps {
|
|
4278
4270
|
isDisabled?: boolean;
|
|
@@ -4286,24 +4278,20 @@ interface IconButtonProps {
|
|
|
4286
4278
|
className?: string;
|
|
4287
4279
|
color?: 'primary' | 'secondary';
|
|
4288
4280
|
isDisabled?: boolean;
|
|
4289
|
-
|
|
4281
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
4290
4282
|
size?: 'md' | 'lg';
|
|
4291
4283
|
type?: 'button' | 'submit' | 'reset';
|
|
4292
4284
|
}
|
|
4293
|
-
declare function IconButton({ children, className, color, isDisabled,
|
|
4285
|
+
declare function IconButton({ children, className, color, isDisabled, onClick, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
4294
4286
|
|
|
4295
|
-
interface LinkProps extends
|
|
4287
|
+
interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4296
4288
|
areaSelected?: boolean;
|
|
4297
|
-
className?: string;
|
|
4298
4289
|
color?: 'primary' | 'secondary';
|
|
4299
4290
|
hasUnderline?: boolean;
|
|
4300
|
-
|
|
4301
|
-
onClick?(event: MouseEvent): void;
|
|
4302
|
-
onMouseDown?(event: MouseEvent): void;
|
|
4303
|
-
onMouseMove?(event: MouseEvent): void;
|
|
4291
|
+
isDisabled?: boolean;
|
|
4304
4292
|
role?: 'option';
|
|
4305
4293
|
}
|
|
4306
|
-
declare function Link({ children, className, color, hasUnderline,
|
|
4294
|
+
declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
4307
4295
|
|
|
4308
4296
|
type AddToCartState = 'initial' | 'spinner' | 'manual-input';
|
|
4309
4297
|
interface AddToCartButtonProps {
|
|
@@ -4326,18 +4314,19 @@ interface ProductPrice$1 {
|
|
|
4326
4314
|
price: number
|
|
4327
4315
|
}
|
|
4328
4316
|
|
|
4329
|
-
interface ProductCardProps
|
|
4317
|
+
interface ProductCardProps {
|
|
4330
4318
|
addToCartButton: ReactElement;
|
|
4331
4319
|
favoriteButton?: ReactElement;
|
|
4332
4320
|
href: string;
|
|
4321
|
+
id: string;
|
|
4333
4322
|
image: ImageSource;
|
|
4334
|
-
|
|
4323
|
+
onClick?: VoidFunction;
|
|
4335
4324
|
price: ProductPrice$1;
|
|
4336
4325
|
sku: string;
|
|
4337
4326
|
tags?: string[];
|
|
4338
4327
|
title: ReactNode;
|
|
4339
4328
|
}
|
|
4340
|
-
declare function ProductCard({ addToCartButton: AddToCartButton,
|
|
4329
|
+
declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, id, image, onClick, price, sku, tags, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
|
|
4341
4330
|
|
|
4342
4331
|
interface CategoryCarouselProps {
|
|
4343
4332
|
categoryCards: ReactNode[];
|