@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.
Files changed (28) hide show
  1. package/dist/index.d.ts +18 -29
  2. package/dist/index.js +760 -657
  3. package/dist/src/buttons/button/button.d.ts +3 -4
  4. package/dist/src/buttons/button/button.stories.d.ts +1 -1
  5. package/dist/src/buttons/icon-button/icon-button.d.ts +2 -2
  6. package/dist/src/buttons/icon-button/icon-button.stories.d.ts +1 -1
  7. package/dist/src/buttons/link/link.d.ts +4 -9
  8. package/dist/src/buttons/link/link.stories.d.ts +1 -1
  9. package/dist/src/cards/product-card/{connected-product-cart.d.ts → connected-product-card.d.ts} +1 -2
  10. package/dist/src/cards/product-card/product-card.d.ts +4 -5
  11. package/dist/src/carousel/carousel-navigation-button.d.ts +5 -2
  12. package/dist/src/carousel/pagination/pagination.d.ts +14 -0
  13. package/dist/src/carousel/pagination/pagination.stories.d.ts +14 -0
  14. package/dist/src/carousel/pagination/transitions.d.ts +34 -0
  15. package/dist/src/carousel/usp-carousel/product-usp-carousel.d.ts +12 -0
  16. package/dist/src/carousel/usp-carousel/product-usp-carousel.stories.d.ts +27 -0
  17. package/dist/src/carousel/usp-carousel/usp-carousel.d.ts +2 -2
  18. package/dist/src/media/image-lightbox/image-lightbox.d.ts +8 -0
  19. package/dist/src/media/image-lightbox/image-lightbox.stories.d.ts +13 -0
  20. package/dist/src/modals/modal/modal.d.ts +3 -1
  21. package/dist/src/modals/modal/modal.stories.d.ts +11 -0
  22. package/dist/src/pages/product-details-page/components/product-details-images/product-detail-images.d.ts +6 -0
  23. package/dist/src/shared/hooks/use-resize-observer.d.ts +1 -1
  24. package/dist/src/shared/routing/route-link.d.ts +4 -2
  25. package/dist/styles.css +390 -154
  26. package/package.json +3 -3
  27. /package/dist/src/{usp/product-usp.d.ts → carousel/usp-carousel/product-usp-carousel-slide.d.ts} +0 -0
  28. /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, RefAttributes, MouseEvent, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
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
- id?: string
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, onClick: _onClick, ...props }: RouteLinkProps): react_jsx_runtime.JSX.Element;
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: React.MouseEvent<HTMLButtonElement>) => void
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: React.MouseEvent<HTMLButtonElement>) => void;
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, onPress: onPress, size, type, variant, withArrow, }: ButtonProps): react_jsx_runtime.JSX.Element;
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
- onPress?: VoidFunction;
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, onPress, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
4285
+ declare function IconButton({ children, className, color, isDisabled, onClick, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
4294
4286
 
4295
- interface LinkProps extends LinkProps$2, RefAttributes<HTMLAnchorElement> {
4287
+ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
4296
4288
  areaSelected?: boolean;
4297
- className?: string;
4298
4289
  color?: 'primary' | 'secondary';
4299
4290
  hasUnderline?: boolean;
4300
- id?: string;
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, onClick: _onClick, onPress, ref, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
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 extends LinkProps$1 {
4317
+ interface ProductCardProps {
4330
4318
  addToCartButton: ReactElement;
4331
4319
  favoriteButton?: ReactElement;
4332
4320
  href: string;
4321
+ id: string;
4333
4322
  image: ImageSource;
4334
- onPress?: (e: PressEvent) => void;
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, areaSelected, favoriteButton: FavoriteButton, href, id, image, onClick, onMouseDown, onMouseMove, onPress, price, role, sku, tags, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
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[];