@bigbinary/neeto-site-blocks 1.10.21 → 1.10.23

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
@@ -5943,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, {
@@ -6060,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, {
@@ -6315,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();
     }
@@ -6333,6 +6337,7 @@ var Pagination = function Pagination(_ref) {
       }
     });
   })), hasNavigation && /*#__PURE__*/React__default["default"].createElement("button", {
+    "aria-label": "Next",
     onClick: function onClick() {
       return swiper.slideNext();
     }
@@ -6426,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";
@@ -6454,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",
@@ -11636,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,
@@ -11651,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,
@@ -11937,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,
@@ -11969,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,
@@ -12485,12 +12497,16 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
     enableAnimation = properties.enableAnimation,
     bulletList = properties.bulletList,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 items-center";
+  var baseClasses = "grid grid-cols-12 items-center gap-5";
   var BulletList = withConditionalRender(function () {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-7"
+    return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+      as: "div",
+      className: "col-span-12 lg:col-span-6 lg:col-start-7",
+      design: {
+        textAlign: design.bulletList.textAlign
+      }
     }, /*#__PURE__*/React__default["default"].createElement("ul", {
-      className: "list-disc"
+      className: "inline-block list-disc pl-5 text-left lg:pl-10"
     }, bulletList.map(function (_ref2, index) {
       var featureTitle = _ref2.title;
       return /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
@@ -12498,7 +12514,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
         component: "li",
         id: "feature-with-bullet-list-bullet-".concat(index, "-title"),
         key: getUniqueKey(featureTitle, index),
-        style: design.bulletList
+        style: ramda.omit(["textAlign"], design.bulletList)
       }, _objectSpread$c(_objectSpread$c({}, otherProps), {}, {
         index: index
       })), featureTitle);
@@ -12516,7 +12532,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 sm:col-span-5"
+    className: "col-span-12 lg:col-span-5"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h3",
@@ -12620,6 +12636,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",
@@ -12785,6 +12802,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",
@@ -12936,6 +12954,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",
@@ -13062,6 +13081,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,
@@ -13116,6 +13136,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",
@@ -13173,6 +13194,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",
@@ -13254,6 +13276,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,
@@ -13335,6 +13358,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",
@@ -14369,7 +14393,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",
@@ -14378,11 +14401,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", {
@@ -14456,6 +14479,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
@@ -14573,6 +14597,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,
@@ -14682,6 +14707,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",
@@ -14798,6 +14824,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,
@@ -14962,6 +14989,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",
@@ -15623,7 +15651,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, {
@@ -15636,6 +15665,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,
@@ -15659,6 +15689,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,