@bigbinary/neeto-site-blocks 1.10.21 → 1.10.22

package/dist/index.js

@@ -29,6 +29,7 @@ var ArrowButton = function ArrowButton(_ref) {
   });
   return /*#__PURE__*/React.createElement("button", {
     onClick: onClick,
+    "aria-label": isStart ? "Previous" : "Next",
     className: classnames("col-span-1", {
       "col-start-1": isStart,
       "col-start-12 flex justify-end": !isStart
@@ -5924,7 +5925,8 @@ var Button = function Button(_ref) {
     rel: "noreferrer",
     isButton: true,
     onClick: disableButtonAndLinks && handleClick,
-    id: id
+    id: id,
+    "aria-label": label
   };
   if (action === "external") {
     return /*#__PURE__*/React.createElement(StyledAnchor, _extends$2({}, commonProps, {
@@ -6041,7 +6043,8 @@ var LinkElement = function LinkElement(_ref) {
     isHighlighted: isHighlighted,
     disableHovering: disableHovering,
     onClick: handleLinkClick,
-    id: id
+    id: id,
+    "aria-label": label
   }, otherProps);
   if (action === "external") {
     return /*#__PURE__*/React.createElement(StyledAnchor, _extends$2({}, commonProps, {
@@ -6296,6 +6299,7 @@ var Pagination = function Pagination(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames("swiper-pagination flex items-center justify-center space-x-4", className)
   }, hasNavigation && /*#__PURE__*/React.createElement("button", {
+    "aria-label": "Previous",
     onClick: function onClick() {
       return swiper.slidePrev();
     }
@@ -6314,6 +6318,7 @@ var Pagination = function Pagination(_ref) {
       }
     });
   })), hasNavigation && /*#__PURE__*/React.createElement("button", {
+    "aria-label": "Next",
     onClick: function onClick() {
       return swiper.slideNext();
     }
@@ -6407,7 +6412,9 @@ var BlogContent = function BlogContent(_ref) {
     description = _properties$content.description,
     content = _properties$content.content,
     enableAnimation = properties.enableAnimation,
-    imageSrc = properties.image.src,
+    _properties$image = properties.image,
+    imageSrc = _properties$image.src,
+    alt = _properties$image.alt,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center";
   var textClasses = "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4";
@@ -6435,6 +6442,7 @@ var BlogContent = function BlogContent(_ref) {
   }, otherProps), description), /*#__PURE__*/React.createElement("div", {
     className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3"
   }, /*#__PURE__*/React.createElement(StyledImage$1, {
+    alt: alt,
     design: design.image,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "blog-content-image",
@@ -11617,7 +11625,8 @@ var CardsInGridView = function CardsInGridView(_ref) {
       href = _ref2.href,
       style = _ref2.style,
       index = _ref2.index,
-      action = _ref2.action;
+      action = _ref2.action,
+      alt = _ref2.alt;
     return /*#__PURE__*/React.createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
       design: design.card,
@@ -11632,6 +11641,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       className: "flex w-full flex-col",
       to: href
     }, otherProps), /*#__PURE__*/React.createElement(StyledImage$1, {
+      alt: alt,
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
@@ -11918,7 +11928,8 @@ var CardsWithImage = function CardsWithImage(_ref) {
       description = _ref2.description,
       href = _ref2.href,
       imageUrl = _ref2.imageUrl,
-      action = _ref2.action;
+      action = _ref2.action,
+      alt = _ref2.alt;
     return /*#__PURE__*/React.createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
       className: gridBaseClasses,
@@ -11950,6 +11961,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     }, otherProps), title)), /*#__PURE__*/React.createElement("div", {
       className: "col-span-2 flex h-full flex-col justify-end"
     }, /*#__PURE__*/React.createElement(StyledImage$1, {
+      alt: alt,
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
@@ -12601,6 +12613,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
+    alt: properties.media.alt,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-details-media",
@@ -12766,6 +12779,7 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
+    alt: properties.media.alt,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-image-media",
@@ -12917,6 +12931,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
     image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
+    alt: properties.media.alt,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-list-media",
@@ -13043,6 +13058,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     className: imageBaseClasses
   }, /*#__PURE__*/React.createElement(Media, {
     image: image,
+    alt: features[selectedTabId - 1].media.alt,
     autoPlay: features[selectedTabId - 1].media.autoPlay,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -13097,6 +13113,7 @@ var FooterClassic = function FooterClassic(_ref) {
       className: "col-span-12 sm:col-span-12 sm:mx-20 sm:flex sm:justify-between sm:gap-y-0"
     }, /*#__PURE__*/React.createElement(StyledImage$1, {
       image: image,
+      alt: logo.title,
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
@@ -13154,6 +13171,7 @@ var FooterClassic = function FooterClassic(_ref) {
     className: "mb-8 flex flex-shrink-0 justify-start sm:mb-0"
   }, /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
@@ -13235,6 +13253,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     className: "flex flex-grow flex-col gap-y-4 sm:flex-row sm:gap-x-4"
   }, /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     className: "max-w-fit",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -13316,6 +13335,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     className: "flex items-center gap-x-2"
   }, /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-links-logo",
@@ -14350,7 +14370,6 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     onSwiper: setThumbsSwiper
   }, images.map(function (_ref3, index) {
     var src = _ref3.src,
-      alt = _ref3.alt,
       title = _ref3.title;
     return /*#__PURE__*/React.createElement(SwiperSlide, {
       className: "!pointer-events-auto cursor-pointer",
@@ -14359,11 +14378,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
         return swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(index);
       }
     }, /*#__PURE__*/React.createElement(StyledImage$1, {
-      alt: alt,
       image: image,
       index: index,
       src: src,
       title: title,
+      alt: title,
       className: "clickable-image"
     }));
   }))), /*#__PURE__*/React.createElement("div", {
@@ -14437,6 +14456,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     })
   }, otherProps), /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: properties.logo.alt,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     src: properties.logo.src
@@ -14554,6 +14574,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: properties.logo.alt,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -14663,6 +14684,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: properties.logo.alt,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-icons-logo",
@@ -14779,6 +14801,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React.createElement(StyledImage$1, {
     image: image,
+    alt: properties.logo.alt,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -14943,6 +14966,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
+    alt: properties.media.alt,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "hero-with-call-to-action-media",
@@ -15604,7 +15628,8 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       name = _ref2.name,
       imagePosition = _ref2.imagePosition,
       position = _ref2.position,
-      logoUrl = _ref2.logoUrl;
+      logoUrl = _ref2.logoUrl,
+      logoAlt = _ref2.logoAlt;
     return /*#__PURE__*/React.createElement(SwiperSlide, {
       key: getUniqueKey(testimonialDescription, logoUrl, index)
     }, /*#__PURE__*/React.createElement(StyledWrapper, {
@@ -15617,6 +15642,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       index: index,
       src: src,
       priority: true,
+      alt: logoAlt,
       className: "ns-testimonial-image-aspect-ratio object-cover",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -15640,6 +15666,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }, /*#__PURE__*/React.createElement(StyledImage$1, {
       index: index,
       priority: true,
+      alt: name,
       className: "mx-auto sm:ml-0",
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,