@treely/strapi-slices 6.0.2 → 6.1.0

package/README.md

@@ -17,7 +17,7 @@ npm install
 Run the app in DEV mode:
 
 ```bash
-npm run dev
+npm run storybook
 ```
 
 Run the linter:

package/dist/models/strapi/StrapiTextCardWithIcons.d.ts

@@ -1,8 +1,11 @@
 import StrapiImage from './StrapiImage';
+import StrapiLink from './StrapiLink';
 interface StrapiTextCardWithIcon {
     id: number;
     title: string;
     text: string;
     icon: StrapiImage;
+    button?: StrapiLink;
+    image?: StrapiImage;
 }
 export default StrapiTextCardWithIcon;

package/dist/slices/TextCarousel/TextCarousel.stories.d.ts

@@ -4,3 +4,4 @@ export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import
 export declare const WithTagline: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export declare const WithTaglineAndText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export declare const WithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
+export declare const FullProps: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;

package/dist/strapi-slices.cjs.development.js

@@ -2555,6 +2555,8 @@ var TextCarousel = function TextCarousel(_ref) {
     formatMessage = _useContext.formatMessage;
   var _useWindowSize = reactUse.useWindowSize(),
     windowWidth = _useWindowSize.width;
+  var _useRouter = router.useRouter(),
+    push = _useRouter.push;
   var _useState = React.useState(0),
     sliderIndex = _useState[0],
     setSliderIndex = _useState[1];
@@ -2615,7 +2617,9 @@ var TextCarousel = function TextCarousel(_ref) {
     var id = _ref2.id,
       title = _ref2.title,
       text = _ref2.text,
-      icon = _ref2.icon;
+      icon = _ref2.icon,
+      image = _ref2.image,
+      button = _ref2.button;
     return React__default.default.createElement(CardContainer, {
       key: id,
       ref: itemRef
@@ -2631,6 +2635,21 @@ var TextCarousel = function TextCarousel(_ref) {
           objectFit: icon.objectFit || 'contain'
         }
       }),
+      image: image && React__default.default.createElement(Image__default.default, {
+        src: strapiMediaUrl(image == null ? void 0 : image.img, 'medium'),
+        alt: image == null ? void 0 : image.alt,
+        fill: true,
+        style: {
+          objectFit: (image == null ? void 0 : image.objectFit) || 'cover',
+          borderRadius: 'var(--boemly-radii-xl)'
+        }
+      }),
+      button: button && {
+        text: button.text,
+        onClick: function onClick() {
+          return push(strapiLinkUrl(button));
+        }
+      },
       displayAs: "column"
     }));
   })), React__default.default.createElement(boemly.Box, {
@@ -4048,6 +4067,7 @@ var Glossary = function Glossary(_ref) {
         gap: "1.5",
         alignItems: "center"
       }, React__default.default.createElement(boemly.Heading, {
+        wordBreak: "break-word",
         size: "xl",
         id: item.slug,
         scrollMarginTop: "calc(var(--header-height) + var(--boemly-sizes-10))"
@@ -4084,7 +4104,8 @@ var Glossary = function Glossary(_ref) {
           return onClick;
         }()
       })), React__default.default.createElement(boemly.Text, {
-        color: "black"
+        color: "black",
+        wordBreak: "break-word"
       }, item.text));
     })), index !== Object.keys(grouped).length - 1 && React__default.default.createElement(boemly.Divider, {
       maxW: "xl",