@faststore/components 2.1.16 → 2.1.18

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 (31) hide show
  1. package/dist/molecules/Alert/Alert.js +1 -1
  2. package/dist/molecules/Alert/Alert.js.map +1 -1
  3. package/dist/molecules/Breadcrumb/BreadcrumbPure.js +1 -1
  4. package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map +1 -1
  5. package/dist/molecules/ProductCard/ProductCardContent.js +4 -3
  6. package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
  7. package/dist/organisms/Banner/BannerContent.js +1 -1
  8. package/dist/organisms/Banner/BannerContent.js.map +1 -1
  9. package/dist/organisms/EmptyState/EmptyState.js +1 -1
  10. package/dist/organisms/EmptyState/EmptyState.js.map +1 -1
  11. package/dist/organisms/Hero/HeroHeader.js +1 -1
  12. package/dist/organisms/Hero/HeroHeader.js.map +1 -1
  13. package/dist/organisms/Navbar/Navbar.js +1 -1
  14. package/dist/organisms/Navbar/Navbar.js.map +1 -1
  15. package/dist/organisms/Navbar/NavbarRow.js +1 -1
  16. package/dist/organisms/Navbar/NavbarRow.js.map +1 -1
  17. package/dist/organisms/ProductShelf/ProductShelf.js +1 -1
  18. package/dist/organisms/ProductShelf/ProductShelf.js.map +1 -1
  19. package/dist/organisms/ProductShelf/ProductShelfItems.js +1 -1
  20. package/dist/organisms/ProductShelf/ProductShelfItems.js.map +1 -1
  21. package/package.json +2 -2
  22. package/src/molecules/Alert/Alert.tsx +2 -1
  23. package/src/molecules/Breadcrumb/BreadcrumbPure.tsx +1 -1
  24. package/src/molecules/ProductCard/ProductCardContent.tsx +12 -3
  25. package/src/organisms/Banner/BannerContent.tsx +1 -1
  26. package/src/organisms/EmptyState/EmptyState.tsx +1 -0
  27. package/src/organisms/Hero/HeroHeader.tsx +1 -1
  28. package/src/organisms/Navbar/Navbar.tsx +1 -1
  29. package/src/organisms/Navbar/NavbarRow.tsx +7 -1
  30. package/src/organisms/ProductShelf/ProductShelf.tsx +7 -1
  31. package/src/organisms/ProductShelf/ProductShelfItems.tsx +1 -0
@@ -7,7 +7,7 @@ const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, d
7
7
  }
8
8
  onClose?.(event);
9
9
  }, [onClose]);
10
- return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-testid": testId, "data-fs-alert-dismissible": dismissible, ...otherProps },
10
+ return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-fs-alert-dismissible": dismissible, "data-fs-content": "alert", "data-testid": testId, ...otherProps },
11
11
  !!icon && icon,
12
12
  React.createElement("p", { "data-fs-alert-content": true }, children),
13
13
  link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,+BACQ,WAAW,KAClC,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,sDAEe,WAAW,qBACtB,OAAO,iBACV,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
@@ -3,7 +3,7 @@ import List from '../../atoms/List';
3
3
  import ListItem from './ListItem';
4
4
  const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
5
5
  return (React.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
6
- React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true }, React.Children.toArray(children).map((child, index, childrenArray) => {
6
+ React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, React.Children.toArray(children).map((child, index, childrenArray) => {
7
7
  const isLastItem = index === childrenArray.length - 1;
8
8
  return (React.createElement(ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
9
9
  }))));
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qCACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,sDAAyC,YAAY,IAC/D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
@@ -1,14 +1,15 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating } from '../../';
2
+ import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating, } from '../../';
3
3
  const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
4
4
  return (React.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
5
5
  React.createElement("div", { "data-fs-product-card-heading": true },
6
6
  React.createElement("h3", { "data-fs-product-card-title": true },
7
- React.createElement(Link, { ...linkProps, title: title }, title)),
7
+ React.createElement(Link, { ...linkProps, title: title },
8
+ React.createElement("span", null, title))),
8
9
  React.createElement("div", { "data-fs-product-card-prices": true },
9
10
  React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
10
11
  React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
11
- ratingValue && React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) })),
12
+ ratingValue && (React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) }))),
12
13
  showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
13
14
  outOfStock && React.createElement(Badge, null, outOfStockLabel),
14
15
  onButtonClick && !outOfStock && (React.createElement("div", { "data-fs-product-card-actions": true },
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAA8B,KAAK,EAAE,MAAM,EAC7E,MAAM,QAAQ,CAAA;AA6Cf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK,IAC9B,KAAK,CACD,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACE;YACL,WAAW,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CACtE;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EAGJ,KAAK,EACL,MAAM,GACP,MAAM,QAAQ,CAAA;AA6Cf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,kCAAO,KAAK,CAAQ,CACf,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACE;YACL,WAAW,IAAI,CACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -3,7 +3,7 @@ import { LinkButton } from '../..';
3
3
  import { useBanner } from './Banner';
4
4
  const BannerContent = forwardRef(function BannerContent({ testId = 'fs-banner-content', title, caption, link, linkText, ...otherProps }, ref) {
5
5
  const { variant, colorVariant } = useBanner();
6
- return (React.createElement("header", { ref: ref, "data-fs-banner-content": true, "data-testid": testId, ...otherProps, className: "layout__content" },
6
+ return (React.createElement("header", { ref: ref, "data-fs-banner-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
7
7
  React.createElement("div", { "data-fs-banner-heading": true, "data-fs-banner-color-variant": colorVariant },
8
8
  React.createElement("h2", null, title),
9
9
  variant === 'secondary' && caption && React.createElement("p", null, caption)),
@@ -1 +1 @@
1
- {"version":3,"file":"BannerContent.js","sourceRoot":"","sources":["../../../src/organisms/Banner/BannerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAyBpC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,iDAEK,MAAM,KACf,UAAU,EACd,SAAS,EAAC,iBAAiB;QAE3B,6FAA0D,YAAY;YACpE,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,iCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"BannerContent.js","sourceRoot":"","sources":["../../../src/organisms/Banner/BannerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAyBpC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,qDAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,6FAA0D,YAAY;YACpE,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,iCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,IAEnB,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
3
- return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-testid": testId, ...otherProps },
3
+ return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
4
4
  title && (React.createElement("header", { "data-fs-empty-state-title": true },
5
5
  titleIcon && React.createElement(React.Fragment, null, titleIcon),
6
6
  React.createElement("p", null, title))),
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,iBAC1B,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,qBACvB,aAAa,iBAChB,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
@@ -4,7 +4,7 @@ import { useHero } from './Hero';
4
4
  const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
5
5
  const { variant, colorVariant } = useHero();
6
6
  return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
7
- React.createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
7
+ React.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
8
8
  React.createElement("div", { "data-fs-hero-info": true },
9
9
  React.createElement("h1", { "data-fs-hero-title": true }, title),
10
10
  React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
@@ -1 +1 @@
1
- {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,8EAA0C,MAAM;YAC9C;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
3
- return (React.createElement("header", { "data-fs-navbar": true, role: "banner", ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
3
+ return (React.createElement("header", { "data-fs-navbar": true, role: "banner", "data-fs-navbar-scroll": scrollDirection, ref: ref, "data-testid": testId, ...otherProps }, children));
4
4
  });
5
5
  export default Navbar;
6
6
  //# sourceMappingURL=Navbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,2BACU,eAAe,EACtC,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  const NavbarRow = forwardRef(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
3
- return (React.createElement("div", { "data-fs-navbar-row": true, ref: ref, "data-testid": testId, ...otherProps }, children));
3
+ return (React.createElement("div", { "data-fs-navbar-row": true, "data-fs-content": "navbar", ref: ref, "data-testid": testId, ...otherProps }, children));
4
4
  });
5
5
  export default NavbarRow;
6
6
  //# sourceMappingURL=NavbarRow.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,yDAAwB,GAAG,EAAE,GAAG,iBAAe,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,4EAEkB,QAAQ,EACxB,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  const ProductShelf = forwardRef(function ProductShelf({ testId = 'fs-product-shelf', children, ...otherProps }, ref) {
3
- return (React.createElement("div", { ref: ref, "data-fs-product-shelf": true, "data-testid": testId, ...otherProps }, children));
3
+ return (React.createElement("div", { ref: ref, "data-fs-product-shelf": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
4
4
  });
5
5
  export default ProductShelf;
6
6
  //# sourceMappingURL=ProductShelf.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductShelf.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,MAAM,GAAG,kBAAkB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,gDAAqC,MAAM,KAAM,UAAU,IACrE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"ProductShelf.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,MAAM,GAAG,kBAAkB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,oDAEQ,eAAe,iBAClB,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  const ProductShelfItems = forwardRef(function ProductShelfItems({ testId = 'fs-product-shelf-items', children, ...otherProps }, ref) {
3
- return (React.createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-testid": testId, ...otherProps }, children));
3
+ return (React.createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-fs-content": "product-shelf", "data-testid": testId, ...otherProps }, children));
4
4
  });
5
5
  export default ProductShelfItems;
6
6
  //# sourceMappingURL=ProductShelfItems.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
1
+ {"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,0DAEQ,eAAe,iBAClB,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/components",
3
- "version": "2.1.16",
3
+ "version": "2.1.18",
4
4
  "module": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
6
6
  "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
30
30
  "node": "16.18.0",
31
31
  "yarn": "1.19.1"
32
32
  },
33
- "gitHead": "a1b180b75407f3e4064b4637e8595e8aab130a2e"
33
+ "gitHead": "378c0274278a2e2d3385ca37c9d70883b60654d4"
34
34
  }
@@ -57,8 +57,9 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
57
57
  ref={ref}
58
58
  role="alert"
59
59
  data-fs-alert
60
- data-testid={testId}
61
60
  data-fs-alert-dismissible={dismissible}
61
+ data-fs-content="alert"
62
+ data-testid={testId}
62
63
  {...otherProps}
63
64
  >
64
65
  {!!icon && icon}
@@ -33,7 +33,7 @@ const BreadcrumbPure = forwardRef<HTMLDivElement, BreadcrumbPureProps>(
33
33
  data-testid={testId}
34
34
  {...otherProps}
35
35
  >
36
- <List as="ol" data-fs-breadcrumb-list>
36
+ <List as="ol" data-fs-breadcrumb-list data-fs-content="breadcrumb">
37
37
  {React.Children.toArray(children).map(
38
38
  (child, index, childrenArray) => {
39
39
  const isLastItem = index === childrenArray.length - 1
@@ -5,7 +5,14 @@ import type { PriceDefinition } from '../../typings/PriceDefinition'
5
5
 
6
6
  import {
7
7
  Badge,
8
- Button, DiscountBadge, Icon, Link, LinkElementType, LinkProps, Price, Rating
8
+ Button,
9
+ DiscountBadge,
10
+ Icon,
11
+ Link,
12
+ LinkElementType,
13
+ LinkProps,
14
+ Price,
15
+ Rating,
9
16
  } from '../../'
10
17
 
11
18
  export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
@@ -80,7 +87,7 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
80
87
  <div data-fs-product-card-heading>
81
88
  <h3 data-fs-product-card-title>
82
89
  <Link {...linkProps} title={title}>
83
- {title}
90
+ <span>{title}</span>
84
91
  </Link>
85
92
  </h3>
86
93
  <div data-fs-product-card-prices>
@@ -101,7 +108,9 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
101
108
  SRText="Sale Price:"
102
109
  />
103
110
  </div>
104
- {ratingValue && <Rating value={ratingValue} icon={<Icon name="Star" />} />}
111
+ {ratingValue && (
112
+ <Rating value={ratingValue} icon={<Icon name="Star" />} />
113
+ )}
105
114
  </div>
106
115
  {showDiscountBadge && !outOfStock && (
107
116
  <DiscountBadge
@@ -44,9 +44,9 @@ const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(
44
44
  <header
45
45
  ref={ref}
46
46
  data-fs-banner-content
47
+ data-fs-content="banner-text"
47
48
  data-testid={testId}
48
49
  {...otherProps}
49
- className="layout__content"
50
50
  >
51
51
  <div data-fs-banner-heading data-fs-banner-color-variant={colorVariant}>
52
52
  <h2>{title}</h2>
@@ -41,6 +41,7 @@ function EmptyState({
41
41
  data-fs-empty-state
42
42
  data-fs-empty-state-variant={variant}
43
43
  data-fs-empty-state-bkg-color={bkgColor}
44
+ data-fs-content="empty-state"
44
45
  data-testid={testId}
45
46
  {...otherProps}
46
47
  >
@@ -53,7 +53,7 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
53
53
  data-testid={testId}
54
54
  {...otherProps}
55
55
  >
56
- <div data-fs-hero-wrapper className="layout__content">
56
+ <div data-fs-hero-wrapper data-fs-content="hero">
57
57
  <div data-fs-hero-info>
58
58
  <h1 data-fs-hero-title>{title}</h1>
59
59
  <p data-fs-hero-subtitle>{subtitle}</p>
@@ -20,9 +20,9 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
20
20
  <header
21
21
  data-fs-navbar
22
22
  role="banner"
23
+ data-fs-navbar-scroll={scrollDirection}
23
24
  ref={ref}
24
25
  data-testid={testId}
25
- data-fs-navbar-scroll={scrollDirection}
26
26
  {...otherProps}
27
27
  >
28
28
  {children}
@@ -13,7 +13,13 @@ const NavbarRow = forwardRef<HTMLDivElement, NavbarRowProps>(function NavbarRow(
13
13
  ref
14
14
  ) {
15
15
  return (
16
- <div data-fs-navbar-row ref={ref} data-testid={testId} {...otherProps}>
16
+ <div
17
+ data-fs-navbar-row
18
+ data-fs-content="navbar"
19
+ ref={ref}
20
+ data-testid={testId}
21
+ {...otherProps}
22
+ >
17
23
  {children}
18
24
  </div>
19
25
  )
@@ -14,7 +14,13 @@ const ProductShelf = forwardRef<HTMLDivElement, ProductShelfProps>(
14
14
  ref
15
15
  ) {
16
16
  return (
17
- <div ref={ref} data-fs-product-shelf data-testid={testId} {...otherProps}>
17
+ <div
18
+ ref={ref}
19
+ data-fs-product-shelf
20
+ data-fs-content="product-shelf"
21
+ data-testid={testId}
22
+ {...otherProps}
23
+ >
18
24
  {children}
19
25
  </div>
20
26
  )
@@ -19,6 +19,7 @@ const ProductShelfItems = forwardRef<HTMLUListElement, ProductShelfItemsProps>(
19
19
  role="list"
20
20
  ref={ref}
21
21
  data-fs-product-shelf-items
22
+ data-fs-content="product-shelf"
22
23
  data-testid={testId}
23
24
  {...otherProps}
24
25
  >