@sonic-equipment/ui 0.0.81 → 0.0.83

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 (37) hide show
  1. package/dist/index.d.ts +24 -30
  2. package/dist/index.js +785 -671
  3. package/dist/src/badges/badge/badge.d.ts +5 -0
  4. package/dist/src/badges/badge/badge.stories.d.ts +17 -0
  5. package/dist/src/badges/badge/icon-with-badge/icon-with-badge.d.ts +6 -0
  6. package/dist/src/badges/badge/icon-with-badge/icon-with-badge.stories.d.ts +14 -0
  7. package/dist/src/buttons/button/button.d.ts +3 -4
  8. package/dist/src/buttons/button/button.stories.d.ts +1 -1
  9. package/dist/src/buttons/icon-button/icon-button.d.ts +2 -2
  10. package/dist/src/buttons/icon-button/icon-button.stories.d.ts +1 -1
  11. package/dist/src/buttons/link/link.d.ts +4 -9
  12. package/dist/src/buttons/link/link.stories.d.ts +1 -1
  13. package/dist/src/cards/product-card/{connected-product-cart.d.ts → connected-product-card.d.ts} +1 -2
  14. package/dist/src/cards/product-card/product-card.d.ts +4 -5
  15. package/dist/src/carousel/carousel-navigation-button.d.ts +5 -3
  16. package/dist/src/carousel/pagination/pagination.d.ts +14 -0
  17. package/dist/src/carousel/pagination/pagination.stories.d.ts +14 -0
  18. package/dist/src/carousel/pagination/transitions.d.ts +34 -0
  19. package/dist/src/carousel/usp-carousel/product-usp-carousel.d.ts +12 -0
  20. package/dist/src/carousel/usp-carousel/product-usp-carousel.stories.d.ts +27 -0
  21. package/dist/src/carousel/usp-carousel/usp-carousel.d.ts +2 -2
  22. package/dist/src/intl/translation-id.d.ts +1 -1
  23. package/dist/src/lists/ul/list-item.stories.d.ts +14 -0
  24. package/dist/src/lists/ul/list.d.ts +10 -0
  25. package/dist/src/lists/ul/list.stories.d.ts +13 -0
  26. package/dist/src/media/image-lightbox/image-lightbox.d.ts +8 -0
  27. package/dist/src/media/image-lightbox/image-lightbox.stories.d.ts +13 -0
  28. package/dist/src/modals/dialog/dialog.d.ts +2 -1
  29. package/dist/src/modals/modal/modal.d.ts +3 -1
  30. package/dist/src/modals/modal/modal.stories.d.ts +11 -0
  31. package/dist/src/pages/product-details-page/components/product-details-images/product-detail-images.d.ts +6 -0
  32. package/dist/src/shared/hooks/use-resize-observer.d.ts +1 -1
  33. package/dist/src/shared/routing/route-link.d.ts +4 -2
  34. package/dist/styles.css +459 -185
  35. package/package.json +3 -3
  36. /package/dist/src/{usp/product-usp.d.ts → carousel/usp-carousel/product-usp-carousel-slide.d.ts} +0 -0
  37. /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';
@@ -3828,6 +3827,7 @@ type TranslationId$1 =
3828
3827
  | 'Clear'
3829
3828
  | 'Continue shopping'
3830
3829
  | 'Create new list'
3830
+ | 'create account'
3831
3831
  | 'Double check your spelling'
3832
3832
  | 'Downloads'
3833
3833
  | 'Excl. VAT'
@@ -3849,6 +3849,10 @@ type TranslationId$1 =
3849
3849
  | 'Searching again using more general terms'
3850
3850
  | 'See all results'
3851
3851
  | 'Select a list'
3852
+ | 'Shop more efficiently and quicker with a favorites list'
3853
+ | 'Easily add your favorite products'
3854
+ | 'Your favorites are available on multiple devices'
3855
+ | 'Share your favorite list with others'
3852
3856
  | 'Show all'
3853
3857
  | 'Show filters'
3854
3858
  | 'Show less'
@@ -3949,7 +3953,7 @@ interface UpdateCartLineParams {
3949
3953
  }
3950
3954
  declare function useUpdateCartLineById(): _tanstack_react_query.UseMutationResult<void, Error, UpdateCartLineParams, unknown>;
3951
3955
 
3952
- type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Continue shopping' | 'Create new list' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Product Features' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Suggestions' | 'Try another search' | 'Use fewer keywords' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';
3956
+ type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Continue shopping' | 'Create new list' | 'create account' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Product Features' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Shop more efficiently and quicker with a favorites list' | 'Easily add your favorite products' | 'Your favorites are available on multiple devices' | 'Share your favorite list with others' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Suggestions' | 'Try another search' | 'Use fewer keywords' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';
3953
3957
 
3954
3958
  type Translations = Record<TranslationId, string>;
3955
3959
  type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string | undefined;
@@ -4117,24 +4121,19 @@ declare function RouteProvider({ children, navigate }: RouteProviderProps): reac
4117
4121
  declare function useOnNavigate(callback?: NavigateFn): NavigateFn;
4118
4122
  declare function useNavigate(): NavigateFn;
4119
4123
 
4120
- interface LinkProps$1
4121
- extends LinkProps$2,
4122
- RefAttributes<HTMLAnchorElement> {
4124
+ interface LinkProps$1 extends AnchorHTMLAttributes<HTMLAnchorElement> {
4123
4125
  areaSelected?: boolean
4124
- className?: string
4125
4126
  color?: 'primary' | 'secondary'
4126
4127
  hasUnderline?: boolean
4127
- id?: string
4128
- onClick?(event: MouseEvent): void
4129
- onMouseDown?(event: MouseEvent): void
4130
- onMouseMove?(event: MouseEvent): void
4128
+ isDisabled?: boolean
4131
4129
  role?: 'option'
4132
4130
  }
4133
4131
 
4134
- interface RouteLinkProps extends LinkProps$1 {
4132
+ interface RouteLinkProps extends Omit<LinkProps$1, 'onPress'> {
4133
+ onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
4135
4134
  route?: NavigateOptions;
4136
4135
  }
4137
- declare function RouteLink({ children, onClick: _onClick, ...props }: RouteLinkProps): react_jsx_runtime.JSX.Element;
4136
+ declare function RouteLink({ children, ...props }: RouteLinkProps): react_jsx_runtime.JSX.Element;
4138
4137
 
4139
4138
  interface ButtonProps$1 {
4140
4139
  _pseudo?: 'none' | 'focus' | 'hover' | 'active'
@@ -4145,8 +4144,7 @@ interface ButtonProps$1 {
4145
4144
  icon?: React.ReactNode
4146
4145
  iconPosition?: 'left' | 'right'
4147
4146
  isDisabled?: boolean
4148
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void
4149
- onPress?: VoidFunction | ((...args: unknown[]) => void)
4147
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void
4150
4148
  size?: 'sm' | 'md' | 'lg'
4151
4149
  type?: 'button' | 'submit' | 'reset'
4152
4150
  variant?: 'solid' | 'outline' | 'ghost'
@@ -4265,14 +4263,13 @@ interface ButtonProps {
4265
4263
  icon?: React.ReactNode;
4266
4264
  iconPosition?: 'left' | 'right';
4267
4265
  isDisabled?: boolean;
4268
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
4269
- onPress?: VoidFunction | ((...args: unknown[]) => void);
4266
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
4270
4267
  size?: 'sm' | 'md' | 'lg';
4271
4268
  type?: 'button' | 'submit' | 'reset';
4272
4269
  variant?: 'solid' | 'outline' | 'ghost';
4273
4270
  withArrow?: boolean;
4274
4271
  }
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;
4272
+ declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): react_jsx_runtime.JSX.Element;
4276
4273
 
4277
4274
  interface FavoriteButtonProps {
4278
4275
  isDisabled?: boolean;
@@ -4286,24 +4283,20 @@ interface IconButtonProps {
4286
4283
  className?: string;
4287
4284
  color?: 'primary' | 'secondary';
4288
4285
  isDisabled?: boolean;
4289
- onPress?: VoidFunction;
4286
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
4290
4287
  size?: 'md' | 'lg';
4291
4288
  type?: 'button' | 'submit' | 'reset';
4292
4289
  }
4293
- declare function IconButton({ children, className, color, isDisabled, onPress, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
4290
+ declare function IconButton({ children, className, color, isDisabled, onClick, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
4294
4291
 
4295
- interface LinkProps extends LinkProps$2, RefAttributes<HTMLAnchorElement> {
4292
+ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
4296
4293
  areaSelected?: boolean;
4297
- className?: string;
4298
4294
  color?: 'primary' | 'secondary';
4299
4295
  hasUnderline?: boolean;
4300
- id?: string;
4301
- onClick?(event: MouseEvent): void;
4302
- onMouseDown?(event: MouseEvent): void;
4303
- onMouseMove?(event: MouseEvent): void;
4296
+ isDisabled?: boolean;
4304
4297
  role?: 'option';
4305
4298
  }
4306
- declare function Link({ children, className, color, hasUnderline, onClick: _onClick, onPress, ref, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
4299
+ declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
4307
4300
 
4308
4301
  type AddToCartState = 'initial' | 'spinner' | 'manual-input';
4309
4302
  interface AddToCartButtonProps {
@@ -4326,18 +4319,19 @@ interface ProductPrice$1 {
4326
4319
  price: number
4327
4320
  }
4328
4321
 
4329
- interface ProductCardProps extends LinkProps$1 {
4322
+ interface ProductCardProps {
4330
4323
  addToCartButton: ReactElement;
4331
4324
  favoriteButton?: ReactElement;
4332
4325
  href: string;
4326
+ id: string;
4333
4327
  image: ImageSource;
4334
- onPress?: (e: PressEvent) => void;
4328
+ onClick?: VoidFunction;
4335
4329
  price: ProductPrice$1;
4336
4330
  sku: string;
4337
4331
  tags?: string[];
4338
4332
  title: ReactNode;
4339
4333
  }
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;
4334
+ declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, id, image, onClick, price, sku, tags, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
4341
4335
 
4342
4336
  interface CategoryCarouselProps {
4343
4337
  categoryCards: ReactNode[];