@bigbinary/neeto-site-blocks 1.10.20 → 1.10.22

package/dist/index.cjs.js

@@ -48,6 +48,7 @@ var ArrowButton = function ArrowButton(_ref) {
   });
   return /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: onClick,
+    "aria-label": isStart ? "Previous" : "Next",
     className: classnames__default["default"]("col-span-1", {
       "col-start-1": isStart,
       "col-start-12 flex justify-end": !isStart
@@ -2103,6 +2104,7 @@ var BORDER_RADIUS_VALUES = {
   md: 6,
   lg: 8,
   xl: 12,
+  "2xl": 16,
   full: 9999
 };
 var FONT_SIZE_VALUES = {
@@ -5942,7 +5944,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__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
@@ -6059,7 +6062,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__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
@@ -6314,6 +6318,7 @@ var Pagination = function Pagination(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"]("swiper-pagination flex items-center justify-center space-x-4", className)
   }, hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
+    "aria-label": "Previous",
     onClick: function onClick() {
       return swiper.slidePrev();
     }
@@ -6332,6 +6337,7 @@ var Pagination = function Pagination(_ref) {
       }
     });
   })), hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
+    "aria-label": "Next",
     onClick: function onClick() {
       return swiper.slideNext();
     }
@@ -6425,7 +6431,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";
@@ -6453,6 +6461,7 @@ var BlogContent = function BlogContent(_ref) {
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    alt: alt,
     design: design.image,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "blog-content-image",
@@ -11635,7 +11644,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__default["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
       design: design.card,
@@ -11650,6 +11660,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       className: "flex w-full flex-col",
       to: href
     }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      alt: alt,
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
@@ -11918,12 +11929,14 @@ var CardsWithImage = function CardsWithImage(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
+    disableButtonAndLinks: disableButtonAndLinks,
     isTitle: true,
     className: "col-span-12",
     component: "h3",
     id: "cards-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
+    disableButtonAndLinks: disableButtonAndLinks,
     className: "col-span-12",
     id: "cards-with-image-description",
     style: design.description
@@ -11934,7 +11947,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__default["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
       className: gridBaseClasses,
@@ -11966,6 +11980,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     }, otherProps), title)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-span-2 flex h-full flex-col justify-end"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      alt: alt,
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
@@ -12617,6 +12632,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",
@@ -12782,6 +12798,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",
@@ -12933,6 +12950,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",
@@ -13059,6 +13077,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     className: imageBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     image: image,
+    alt: features[selectedTabId - 1].media.alt,
     autoPlay: features[selectedTabId - 1].media.autoPlay,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -13113,6 +13132,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__default["default"].createElement(StyledImage$1, {
       image: image,
+      alt: logo.title,
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
@@ -13170,6 +13190,7 @@ var FooterClassic = function FooterClassic(_ref) {
     className: "mb-8 flex flex-shrink-0 justify-start sm:mb-0"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
@@ -13251,6 +13272,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     className: "flex flex-grow flex-col gap-y-4 sm:flex-row sm:gap-x-4"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     className: "max-w-fit",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -13332,6 +13354,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     className: "flex items-center gap-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
     image: image,
+    alt: logo.title,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-links-logo",
@@ -14366,7 +14389,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__default["default"].createElement(SwiperSlide, {
       className: "!pointer-events-auto cursor-pointer",
@@ -14375,11 +14397,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
         return swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(index);
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      alt: alt,
       image: image,
       index: index,
       src: src,
       title: title,
+      alt: title,
       className: "clickable-image"
     }));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14453,6 +14475,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     })
   }, otherProps), /*#__PURE__*/React__default["default"].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
@@ -14570,6 +14593,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].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,
@@ -14679,6 +14703,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
     image: image,
+    alt: properties.logo.alt,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-icons-logo",
@@ -14795,6 +14820,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].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,
@@ -14959,6 +14985,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",
@@ -15620,7 +15647,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__default["default"].createElement(SwiperSlide, {
       key: getUniqueKey(testimonialDescription, logoUrl, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
@@ -15633,6 +15661,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,
@@ -15656,6 +15685,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       index: index,
       priority: true,
+      alt: name,
       className: "mx-auto sm:ml-0",
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,