@mmb-digital/ds-lilly 0.10.63 → 0.10.64

package/dist/ds-lilly.js

@@ -109091,7 +109091,7 @@ var Arrow = function (_a) {
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isRounded: true, isSmall: true, allowEventPropagation: false, ariaLabel: messages[direction === 'left' ? 'back' : 'next'], onlyIconName: direction === 'left' ? 'arrowLeftFill' : 'arrowRightFill', type: "filled", onClick: direction === 'left' ? slider.slickPrev : slider.slickNext }))) : null;
 };
 var Carousel = function (_a) {
-    var _b = _a.hasPreview, hasPreview = _b === void 0 ? true : _b, messages = _a.messages, onChange = _a.onChange, slides = _a.slides, props = Carousel_rest(_a, ["hasPreview", "messages", "onChange", "slides"]);
+    var _b = _a.hasPreview, hasPreview = _b === void 0 ? true : _b, messages = _a.messages, onChange = _a.onChange, slides = _a.slides, theme = _a.theme, props = Carousel_rest(_a, ["hasPreview", "messages", "onChange", "slides", "theme"]);
     var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(props.initialSlide || 0), nextSlide = _c[0], setNextSlide = _c[1];
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(), width = _d[0], setWidth = _d[1];
     var _e = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isSwiping = _e[0], setSwiping = _e[1];
@@ -109117,7 +109117,7 @@ var Carousel = function (_a) {
             // TODO: try enable later
             setSwiping(false);
         }, arrows: true, centerMode: true, draggable: true, infinite: false, swipe: true, initialSlide: props.initialSlide || 0, slidesToShow: 1, variableWidth: true, useTransform: false, nextArrow: (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Arrow, { direction: "right", isSwiping: isSwiping, messages: messages, show: nextSlide < slides.length - 1, slideWidth: slideWidth, slider: sliderRef.current, width: width })), prevArrow: (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Arrow, { direction: "left", isSwiping: isSwiping, messages: messages, show: nextSlide > 0, slideWidth: slideWidth, slider: sliderRef.current, width: width })) }, props), { dots: !hasPreview });
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: function (ref) { return setWidth(ref === null || ref === void 0 ? void 0 : ref.clientWidth); }, className: "c-carousel" },
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: function (ref) { return setWidth(ref === null || ref === void 0 ? void 0 : ref.clientWidth); }, className: classBinder_cx('c-carousel', theme) },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-carousel__wrapper') },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(lib_default.a, Carousel_assign({}, config, { ref: function (ref) { return (sliderRef.current = ref); } }), slides.map(function (_a, key) {
                 var alt = _a.alt, src = _a.src;

package/dist/types/src/components/Components/Carousel/Carousel.d.ts

@@ -1,11 +1,12 @@
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import { Settings } from 'react-slick';
+import { ComponentPropsType } from '../../../utils';
 declare type Messages = {
     next: string;
     back: string;
 };
-declare type Props = Partial<Settings> & {
+interface Props extends ComponentPropsType, Partial<Settings> {
     slides: Array<{
         src: string;
         alt: string;
@@ -13,7 +14,7 @@ declare type Props = Partial<Settings> & {
     onChange?: (index: number) => void;
     hasPreview?: boolean;
     messages: Messages;
-};
-export declare const Carousel: ({ hasPreview, messages, onChange, slides, ...props }: Props) => JSX.Element;
+}
+export declare const Carousel: ({ hasPreview, messages, onChange, slides, theme, ...props }: Props) => JSX.Element;
 export {};
 //# sourceMappingURL=Carousel.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.10.63",
+  "version": "0.10.64",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,