@festo-ui/react 9.0.0-dev.711 → 9.0.0-dev.713

package/node/lib/components/accordion/accordion-item/AccordionItem.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _useControlled = _interopRequireDefault(require("../../../helper/useControlled.js"));
+var _AccordionContext = _interopRequireDefault(require("../AccordionContext.js"));
+var _AccordionItemContext = _interopRequireDefault(require("./AccordionItemContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let nextId = 0;
+const AccordionItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    expanded: expandedProp,
+    defaultExpanded = false,
+    children,
+    onChange,
+    className,
+    ...props
+  } = _ref;
+  const {
+    showLess,
+    showMore,
+    parentId,
+    keepItemsOpen,
+    expanded: expandedContext,
+    toggle: accordionToggle,
+    highlighted
+  } = (0, _react.useContext)(_AccordionContext.default);
+  const componentId = (0, _react.useRef)(`accordion-item-${++nextId}`);
+  const id = `${parentId}-${componentId.current}`;
+  const controlledExpanded = keepItemsOpen ? expandedProp : expandedContext === id;
+  const [expanded, setExpanded] = (0, _useControlled.default)({
+    controlled: controlledExpanded,
+    default: defaultExpanded
+  });
+  const linkText = expanded ? showLess : showMore;
+  const handleChange = (0, _react.useCallback)(event => {
+    if (onChange) {
+      onChange(event, !expanded);
+    }
+    if (!keepItemsOpen) {
+      accordionToggle?.(id, !expanded);
+    }
+    setExpanded(!expanded);
+  }, [accordionToggle, expanded, id, keepItemsOpen, onChange, setExpanded]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    expanded,
+    toggle: handleChange,
+    id
+  }), [expanded, handleChange, id]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItemContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: ref,
+      className: (0, _classnames.default)("fr-accordion-item", {
+        "fr-accordion-item--collapsed": !expanded,
+        "fr-accordion-item--expanded": expanded,
+        "fr-accordion-item--highlighted": expanded && highlighted
+      }, className),
+      ...props,
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fr-accordion-item-link",
+        children: linkText
+      })]
+    })
+  });
+});
+var _default = exports.default = AccordionItem;

package/node/lib/components/accordion/accordion-item/AccordionItemContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const AccordionContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = AccordionContext;

package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _reactTransitionGroup = require("react-transition-group");
+var _useForkRef = _interopRequireDefault(require("../../../../helper/useForkRef.js"));
+var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AccordionItemBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...props
+  } = _ref;
+  const {
+    expanded,
+    id
+  } = (0, _react.useContext)(_AccordionItemContext.default);
+  const innerRef = (0, _react.useRef)(null);
+  const element = innerRef.current;
+  const combinedRef = (0, _useForkRef.default)(ref, innerRef);
+  const initialHeight = (0, _react.useRef)(expanded ? "auto" : 0);
+  const handleEntering = () => {
+    if (element) {
+      const itemHeight = element.scrollHeight;
+      element.style.height = `${itemHeight}px`;
+    }
+  };
+  const handleEntered = () => {
+    if (element) {
+      element.style.height = "auto";
+    }
+  };
+  const handleExit = () => {
+    if (element) {
+      const itemHeight = element.scrollHeight;
+      element.style.height = `${itemHeight}px`;
+    }
+  };
+  const handleExiting = () => {
+    setTimeout(() => {
+      if (element) {
+        element.style.height = "0px";
+      }
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
+    in: expanded,
+    nodeRef: innerRef,
+    timeout: 300,
+    onExit: handleExit,
+    onExiting: handleExiting,
+    onEntering: handleEntering,
+    onEntered: handleEntered,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: combinedRef,
+      role: "region",
+      id: `${id}-body`,
+      "aria-labelledby": `${id}-header`,
+      className: (0, _classnames.default)("fr-accordion-item-body", className),
+      style: {
+        height: initialHeight.current,
+        minHeight: 0
+      },
+      ...props,
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fr-accordion-item-body-spacer-bottom"
+      })]
+    })
+  });
+});
+var _default = exports.default = AccordionItemBody;

package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AccordionItemHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...props
+  } = _ref;
+  const {
+    toggle,
+    id
+  } = (0, _react.useContext)(_AccordionItemContext.default);
+  function handleKeyDown(event) {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      toggle?.(event);
+    }
+  }
+  function handleKeyUp(event) {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      toggle?.(event);
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.default)("fr-accordion-item-header", className),
+    role: "button",
+    tabIndex: 0,
+    id: `${id}-header`,
+    "aria-controls": `${id}-body`,
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp,
+    onClick: toggle,
+    ...props,
+    children: children
+  });
+});
+var _default = exports.default = AccordionItemHeader;

package/node/lib/components/bottom-sheet/BottomSheet.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BottomSheet;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+
+function BottomSheet(_ref) {
+  let {
+    children,
+    open,
+    defaultExpanded,
+    expandFrom = "center",
+    hasBackdrop = true,
+    hideCloseIcon,
+    onOpenChange
+  } = _ref;
+  const [expanded, setExpanded] = (0, _react.useState)(defaultExpanded);
+  const [isClosing, setClosing] = (0, _react.useState)(false);
+  const [startY, setStartY] = (0, _react.useState)(0);
+  const [swiping, setSwiping] = (0, _react.useState)(false);
+  function toggleExpand() {
+    const newExpanded = !expanded;
+    setExpanded(newExpanded);
+  }
+  function closeBottomSheet() {
+    setClosing(true);
+    setExpanded(defaultExpanded);
+    setTimeout(() => {
+      setClosing(false);
+      onOpenChange?.(false);
+    }, 300);
+  }
+  const handleTouchStart = event => {
+    setStartY(event.touches[0].clientY);
+    setSwiping(true);
+  };
+  const handleTouchMove = event => {
+    if (!swiping) return;
+    const currentY = event.touches[0].clientY;
+    const deltaY = currentY - startY;
+    if (deltaY < -50 && !expanded) {
+      // swipe up to expand
+      setExpanded(true);
+      setSwiping(false);
+    } else if (deltaY > 50 && expanded) {
+      // swipe down to collapse
+      setExpanded(false);
+      setSwiping(false);
+    } else if (deltaY > 100 && !expanded) {
+      // swipe down to close
+      closeBottomSheet();
+      setSwiping(false);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("fwe-bottom-sheet-backdrop", {
+        "fwe-bottom-sheet-backdrop--visible": hasBackdrop && open && !isClosing
+      }),
+      onClick: closeBottomSheet
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)("fwe-bottom-sheet-container", {
+        "fwe-bottom-sheet-container--open": open,
+        "fwe-bottom-sheet-container--expanded": expanded,
+        "fwe-bottom-sheet-container--expand-from-center": expandFrom === "center",
+        "fwe-bottom-sheet-container--with-backdrop": hasBackdrop,
+        "fwe-bottom-sheet-container--closing": isClosing
+      }),
+      onTouchStart: handleTouchStart,
+      onTouchMove: handleTouchMove,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fwe-bottom-sheet-header",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fwe-bottom-sheet-drag-handle-container",
+          onClick: toggleExpand,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fwe-bottom-sheet-drag-handle"
+          })
+        }), !hideCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: "fwe-bottom-sheet-close-btn",
+          onClick: closeBottomSheet,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "fwe-sr-only",
+            children: "Close"
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fwe-bottom-sheet-content",
+        children: children
+      })]
+    })]
+  });
+}

package/node/lib/components/bottom-sheet/BottomSheet.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithoutCloseIcon = exports.WithoutBackdrop = exports.ExpandFromBottom = exports.Default = void 0;
+var _react = require("react");
+var _BottomSheet = _interopRequireDefault(require("./BottomSheet.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const meta = {
+  component: _BottomSheet.default,
+  title: "Components/Bottom Sheet",
+  decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minHeight: 600
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+  })]
+};
+var _default = exports.default = meta;
+const Default = exports.Default = {
+  render: args => {
+    const [open, setOpen] = (0, _react.useState)(false);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: "fwe-btn",
+        onClick: () => setOpen(true),
+        children: "Open"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.default, {
+        ...args,
+        open: open,
+        onOpenChange: setOpen
+      })]
+    });
+  }
+};
+const WithoutBackdrop = exports.WithoutBackdrop = {
+  args: {
+    hasBackdrop: false
+  },
+  render: Default.render
+};
+const ExpandFromBottom = exports.ExpandFromBottom = {
+  args: {
+    expandFrom: "bottom"
+  },
+  render: Default.render
+};
+const WithoutCloseIcon = exports.WithoutCloseIcon = {
+  args: {
+    hideCloseIcon: true
+  },
+  render: Default.render
+};

package/node/lib/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Breadcrumb navigation can be used on pages with multiple navigation levels.
+ */
+function Breadcrumb(_ref) {
+  let {
+    locations,
+    onClick,
+    children,
+    className
+  } = _ref;
+  const childrenList = [];
+  _react.default.Children.forEach(children, element => {
+    if (/*#__PURE__*/_react.default.isValidElement(element)) {
+      childrenList.push({
+        ...element,
+        props: {
+          ...element.props,
+          className: "fr-breadcrumb-location"
+        }
+      });
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("fwe-breadcrumb", className),
+    children: locations ? locations.map(location => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: "fr-breadcrumb-location",
+        href: location.url,
+        onClick: e => onClick ? onClick(e) : undefined,
+        children: location.label
+      })
+    }, location.url)) : childrenList.map(child => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [child, " "]
+    }, child.props.children))
+  });
+}
+var _default = exports.default = Breadcrumb;

package/node/lib/components/buttons/button/Button.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    icon,
+    type = "button",
+    disabled = false,
+    iconOnly = false,
+    large = false,
+    floating = false,
+    onClick,
+    primary = false,
+    tertiary = false,
+    className,
+    children,
+    ...props
+  } = _ref;
+  const classes = (0, _classnames.default)("fwe-btn", "fr-button", {
+    "fwe-btn-icon": iconOnly
+  }, {
+    "fwe-disabled": disabled
+  }, {
+    "fwe-btn-hero": primary && !tertiary
+  }, {
+    "fwe-btn-link": tertiary && !primary
+  }, {
+    "fwe-btn-lg": large
+  }, {
+    "fwe-btn-floating": floating
+  }, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+    // ignore here because fallback will explicitly be set to type 'button'
+    // eslint-disable-next-line react/button-has-type
+    type: type,
+    onClick: onClick,
+    className: classes,
+    disabled: disabled,
+    ref: ref,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
+      icon: icon
+    }), !iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: children
+    })]
+  });
+});
+var _default = exports.default = Button;

package/node/lib/components/buttons/button/Button.stories.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Tertiary = exports.Sizes = exports.Secondary = exports.Primary = exports.Overview = exports.IconOnly = exports.Icon = exports.Floating = void 0;
+var _reactIcons = require("@festo-ui/react-icons");
+var _Button = _interopRequireDefault(require("./Button.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const meta = {
+  component: _Button.default,
+  title: "Components/Buttons"
+};
+var _default = exports.default = meta;
+const Overview = exports.Overview = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        primary: true,
+        children: "Hero"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        children: "Secondary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        tertiary: true,
+        children: "Tertiary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        disabled: true,
+        children: "Disabled"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        large: true,
+        children: "Large"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-mt-m fwe-mb-l fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        icon: "ecommerce-core-range-product",
+        children: "Icon from iconfont"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
+        children: "Icon from react icons"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
+        iconOnly: true
+      })]
+    })]
+  })
+};
+const Primary = exports.Primary = {
+  args: {
+    primary: true,
+    children: "Primary"
+  }
+};
+const Secondary = exports.Secondary = {
+  args: {
+    children: "Secondary"
+  }
+};
+const Tertiary = exports.Tertiary = {
+  args: {
+    tertiary: true,
+    children: "Tertiary"
+  }
+};
+const Sizes = exports.Sizes = {
+  args: {
+    children: "Large Button",
+    large: true
+  }
+};
+const Icon = exports.Icon = {
+  args: {
+    children: "With Icon",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
+  }
+};
+const IconOnly = exports.IconOnly = {
+  args: {
+    iconOnly: true,
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
+  }
+};
+const Floating = exports.Floating = {
+  args: {
+    iconOnly: true,
+    large: true,
+    primary: true,
+    floating: true,
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
+  }
+};

package/node/lib/components/card/Card.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Card(_ref) {
+  let {
+    children,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("fwe-card", className),
+    children: children
+  });
+}
+var _default = exports.default = Card;

package/node/lib/components/card/CardBody.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function CardBody(_ref) {
+  let {
+    children,
+    text,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)("fwe-card-body", className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-card-text",
+      children: text
+    }), children]
+  });
+}
+var _default = exports.default = CardBody;

package/node/lib/components/card/CardHeader.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function CardHeader(_ref) {
+  let {
+    title,
+    subtitle,
+    action,
+    image,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      alt: image.alt,
+      className: `fwe-card-img-${image.aspectRatio === "3/2" ? "32" : "169"}`,
+      src: image.src
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)("fwe-card-header", className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fwe-card-title",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+          children: title
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: subtitle
+        })]
+      }), action]
+    })]
+  });
+}
+var _default = exports.default = CardHeader;

package/node/lib/components/card/CardHeader.stories.helper.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _gallery01Webp = _interopRequireDefault(require("../../../../../web-essentials/stories/assets/gallery-01.webp.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable import/no-relative-packages */
+// @ts-ignore
+
+const cardImage = {
+  src: _gallery01Webp.default,
+  alt: "Asset",
+  aspectRatio: "16/9"
+};
+var _default = exports.default = cardImage;