@mmb-digital/ds-lilly 0.7.0 → 0.7.1

package/dist/ds-lilly.js

@@ -80309,6 +80309,7 @@ __webpack_require__.d(__webpack_exports__, "formatMonthDate", function() { retur
 __webpack_require__.d(__webpack_exports__, "ucfirst", function() { return /* reexport */ ucfirst; });
 __webpack_require__.d(__webpack_exports__, "MOBILE_PANEL_WIDTH", function() { return /* reexport */ MOBILE_PANEL_WIDTH; });
 __webpack_require__.d(__webpack_exports__, "BREAKPOINTS_VALUES", function() { return /* reexport */ BREAKPOINTS_VALUES; });
+__webpack_require__.d(__webpack_exports__, "CARD_WIDTH_BREAKPOINT", function() { return /* reexport */ CARD_WIDTH_BREAKPOINT; });
 __webpack_require__.d(__webpack_exports__, "CardContext", function() { return /* reexport */ contexts_CardContext; });
 __webpack_require__.d(__webpack_exports__, "FormGroupContext", function() { return /* reexport */ contexts_FormGroupContext; });
 __webpack_require__.d(__webpack_exports__, "ModalContext", function() { return /* reexport */ contexts_ModalContext; });
@@ -84386,6 +84387,10 @@ var BREAKPOINTS_VALUES = {
     xl: 1200,
     xxl: 1600
 };
+var CARD_WIDTH_BREAKPOINT = {
+    MOBILE: 320,
+    TABLET: 575
+};
 
 // CONCATENATED MODULE: ./src/constants/index.ts
 
@@ -96181,7 +96186,7 @@ var CollapseHeader = function (_a) {
     var handleOnToggle = function (event) { return !hasCustomTrigger && onToggle(event); };
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-controls": isCollapsible && !hasCustomTrigger ? identification + "_content" : undefined, "aria-expanded": isCollapsible && !hasCustomTrigger ? isOpened : undefined, className: classBinder_cx('c-card__header', {
             'c-card__collapseTrigger': !hasCustomTrigger && isCollapsible
-        }), onClick: handleOnToggle },
+        }), role: isCollapsible && !hasCustomTrigger ? 'button' : undefined, onClick: handleOnToggle },
         iconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-card__icon', {
                 'c-card__icon--alignTop': isIconAlignTop,
                 'c-card__icon--right': isIconRight
@@ -96202,7 +96207,7 @@ var CollapseHeader = function (_a) {
 
 var Card = function (_a) {
     var _b;
-    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, disabledTooltip = _a.disabledTooltip, disabledTooltipType = _a.disabledTooltipType, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconBadge = _a.iconBadge, _d = _a.iconBadgePosition, iconBadgePosition = _d === void 0 ? 'bottomRight' : _d, iconName = _a.iconName, iconSize = _a.iconSize, isCollapsible = _a.isCollapsible, isDisabled = _a.isDisabled, isIconAlignTop = _a.isIconAlignTop, isIconRight = _a.isIconRight, isInteractive = _a.isInteractive, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, isSelected = _a.isSelected, onClick = _a.onClick, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _f = _a.withoutOpener, withoutOpener = _f === void 0 ? false : _f, _g = _a.withoutRole, withoutRole = _g === void 0 ? false : _g;
+    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, disabledTooltip = _a.disabledTooltip, disabledTooltipType = _a.disabledTooltipType, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconBadge = _a.iconBadge, _d = _a.iconBadgePosition, iconBadgePosition = _d === void 0 ? 'bottomRight' : _d, iconName = _a.iconName, iconSize = _a.iconSize, isCollapsible = _a.isCollapsible, isDisabled = _a.isDisabled, isIconAlignTop = _a.isIconAlignTop, isIconRight = _a.isIconRight, isInteractive = _a.isInteractive, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, isSelected = _a.isSelected, onClick = _a.onClick, onRef = _a.onRef, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _f = _a.withoutOpener, withoutOpener = _f === void 0 ? false : _f, _g = _a.withoutRole, withoutRole = _g === void 0 ? false : _g;
     var identification = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return "card_" + cuid_default()(); }, []);
     var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _h[0], setIsOpened = _h[1];
     var cardRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
@@ -96245,7 +96250,8 @@ var Card = function (_a) {
     };
     var setRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (ref) {
         cardRef.current = ref;
-    }, []);
+        onRef && onRef(ref);
+    }, [onRef]);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(contexts_CardContext.Provider, { value: cardContext }, withDisabledTooltip({
         isDisabled: isDisabled,
         disabledTooltip: disabledTooltip,
@@ -96580,38 +96586,45 @@ var Tag = function (_a) {
 
 
 
+
 var ContentCard = function (_a) {
-    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.amountSubtitleType, amountSubtitleType = _b === void 0 ? 'secondary' : _b, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, iconName = _a.iconName, iconSize = _a.iconSize, _f = _a.parameters, parameters = _f === void 0 ? [] : _f, size = _a.size, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagBackgroundColor = _a.subtitleTagBackgroundColor, subtitleTagIcon = _a.subtitleTagIcon, subtitleTagImageUrl = _a.subtitleTagImageUrl, subtitleTagText = _a.subtitleTagText, theme = _a.theme, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j, _k = _a.withoutOpener, withoutOpener = _k === void 0 ? false : _k, onToggle = _a.onToggle;
+    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.amountSubtitleType, amountSubtitleType = _b === void 0 ? 'secondary' : _b, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, iconName = _a.iconName, _f = _a.parameters, parameters = _f === void 0 ? [] : _f, size = _a.size, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagBackgroundColor = _a.subtitleTagBackgroundColor, subtitleTagIcon = _a.subtitleTagIcon, subtitleTagImageUrl = _a.subtitleTagImageUrl, subtitleTagText = _a.subtitleTagText, theme = _a.theme, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j, _k = _a.withoutOpener, withoutOpener = _k === void 0 ? false : _k, onToggle = _a.onToggle;
+    var ref = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _l[0], setIsOpened = _l[1];
     var handleOnToggle = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (state, event) {
         isCollapsible && onToggle && onToggle(state, event);
         setIsOpened(state);
     }, [isCollapsible, onToggle]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return setIsOpened(isOpen); }, [isOpen]);
+    var width = useContainerDimensions(ref).width;
+    var isMobileDeviceView = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return width <= CARD_WIDTH_BREAKPOINT.TABLET; }, [width]);
+    var setRef = function (cardRef) {
+        ref.current = cardRef;
+    };
     var hasSubtitleTag = (subtitleTagIcon || subtitleTagImageUrl) && subtitleTagText;
     var badgeIcon = hasSubtitleTag
         ? (subtitleTagIcon ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: subtitleTagBackgroundColor, name: subtitleTagIcon, size: "small" })) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Avatar, { background: "transparent", imageUrl: subtitleTagImageUrl, size: "small" })))
         : undefined;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { header: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader" },
-            customIcon && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentCardHeader__customIcon', "c-contentCardHeader__customIcon" + ucfirst(iconBadgePosition)) },
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { header: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header" },
+            customIcon && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentCard__header__customIcon', "c-contentCard__header__customIcon" + ucfirst(iconBadgePosition)) },
                 customIcon,
-                isOpened && hasSubtitleTag && badgeIcon)),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__content" },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { size: titleSize, theme: "c-contentCardHeader__content__header", visual: titleVisual }, title),
-                !isOpened && (subtitles.length > 0 || hasSubtitleTag) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__content__subtitles" },
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { size: "xSmall", theme: "u-mb--0 u-mr--xxSmall", type: "secondary" }, subtitles.map(function (subtitle, i) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], { key: subtitle === null || subtitle === void 0 ? void 0 : subtitle.toString() },
+                hasSubtitleTag && isMobileDeviceView && badgeIcon)),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__content" },
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { size: titleSize, theme: "c-contentCard__header__title", visual: titleVisual }, title),
+                !isOpened && (subtitles.length > 0 || hasSubtitleTag) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__subtitle" },
+                    subtitles.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "xSmall", theme: "u-mr--xxSmall", type: "secondary" }, subtitles.map(function (subtitle, i) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], { key: subtitle === null || subtitle === void 0 ? void 0 : subtitle.toString() },
                         i > 0 && ' | ',
-                        subtitle)); })),
-                    hasSubtitleTag && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tag, { iconBackground: subtitleTagBackgroundColor, iconName: subtitleTagIcon, imageUrl: subtitleTagImageUrl }, subtitleTagText))))),
-            !isOpened && parameters.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__params" }, parameters.map(function (param) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { key: param === null || param === void 0 ? void 0 : param.toString(), size: "xSmall", theme: "c-contentCardHeader__param", type: "secondary" }, param)); }))),
-            (amount !== undefined || amountSubtitle) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__amount" },
-                amount !== undefined && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, unitAfter: currencyCode }),
-                amountSubtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { isTextRight: true, size: "xSmall", type: amountSubtitleType }, amountSubtitle)))),
-            buttons.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__buttons" }, buttons.map(function (button) {
+                        subtitle)); }))),
+                    hasSubtitleTag && !isMobileDeviceView && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tag, { iconBackground: subtitleTagBackgroundColor, iconName: subtitleTagIcon, imageUrl: subtitleTagImageUrl }, subtitleTagText))))),
+            !isOpened && !isMobileDeviceView && parameters.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__params" }, parameters.map(function (param) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { key: param === null || param === void 0 ? void 0 : param.toString(), component: "div", size: "xSmall", theme: "c-contentCard__header__param", type: "secondary" }, param)); }))),
+            (amount !== undefined || amountSubtitle) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__amount" },
+                amount !== undefined && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, theme: "u-textRight", unitAfter: currencyCode })),
+                amountSubtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { isTextRight: true, component: "div", size: "xSmall", type: amountSubtitleType }, amountSubtitle)))),
+            buttons.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__buttons" }, buttons.map(function (button) {
                 return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(button, {
-                    theme: classBinder_cx(button.props.theme, 'c-contentCardHeader__button')
+                    theme: classBinder_cx(button.props.theme, 'c-contentCard__header__button')
                 });
-            })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isOpened && hasSubtitleTag ? badgeIcon : undefined, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: iconSize, isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onToggle: handleOnToggle }, children));
+            })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isMobileDeviceView && hasSubtitleTag ? badgeIcon : undefined, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: "xLarge", isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onRef: setRef, onToggle: handleOnToggle }, children));
 };
 
 // CONCATENATED MODULE: ./src/components/Components/ContentCard/ContentCardGroup.tsx
@@ -96647,7 +96660,7 @@ var ContentCardGroup_spreadArray = (undefined && undefined.__spreadArray) || fun
 
 
 var ContentCardGroup = function (_a) {
-    var accordion = _a.accordion, items = _a.items, theme = _a.theme;
+    var accordion = _a.accordion, items = _a.items, theme = _a.theme, withoutShadow = _a.withoutShadow;
     var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), opened = _b[0], setOpened = _b[1];
     // a copy of opened cards array to enable open/close animation
     var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), openedCards = _c[0], setOpenedCards = _c[1];
@@ -96680,7 +96693,7 @@ var ContentCardGroup = function (_a) {
             return acc;
         }, [[]]);
     }, [opened, items]);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx(theme) }, openedCardsGroups.map(function (group) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { key: group.join(''), shadowSize: "small", theme: "c-contentCardGroup u-p--0" }, group.map(function (itemIndex) {
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx({ 'c-contentCards': withoutShadow }, theme) }, openedCardsGroups.map(function (group) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { key: group.join(''), shadowSize: withoutShadow ? 'no' : 'small', size: "zero", theme: "c-contentCard--group" }, group.map(function (itemIndex) {
         var _a = items[itemIndex], key = _a.key, props = ContentCardGroup_rest(_a, ["key"]);
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(ContentCard, ContentCardGroup_assign({ key: key, isCompact: true, isOpen: openedCards.includes(itemIndex) }, props, { onToggle: onToggle(itemIndex) })));
     }))); })));
@@ -111432,7 +111445,7 @@ var AreaChart = function (_a) {
 
 
 var numberWithSpaces = function (num) {
-    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+    return Intl.NumberFormat('cs-CZ', { style: 'decimal', maximumFractionDigits: 2 }).format(num);
 };
 var ChartLegendRow = function (_a) {
     var _b;

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

@@ -52,9 +52,11 @@ export interface CardPropsType extends ComponentPropsType, DisabledTooltipPropsT
     withoutOpener?: boolean;
     /** disable default `role=button` and `tab-index` attributes when `isInteractive` is `true` */
     withoutRole?: boolean;
+    /** Callback to obtain a ref */
+    onRef?: (ref: HTMLDivElement) => void;
 }
 export declare type ShadowSizeType = 'small' | 'medium' | 'large' | 'no';
 declare type CardBackgroundColorType = 'cloud' | 'grey' | 'gold' | 'primaryDark' | 'transparent';
-export declare const Card: ({ allowEventPropagation, backgroundColor, borderColor, children, disabledTooltip, disabledTooltipType, hasCustomTrigger, header: collapseHeader, iconBackgroundColor, iconBadge, iconBadgePosition, iconName, iconSize, isCollapsible, isDisabled, isIconAlignTop, isIconRight, isInteractive, isOpen, isSelected, onClick, onToggle, shadowSize, size, testId, theme, withoutOpener, withoutRole }: CardPropsType) => JSX.Element;
+export declare const Card: ({ allowEventPropagation, backgroundColor, borderColor, children, disabledTooltip, disabledTooltipType, hasCustomTrigger, header: collapseHeader, iconBackgroundColor, iconBadge, iconBadgePosition, iconName, iconSize, isCollapsible, isDisabled, isIconAlignTop, isIconRight, isInteractive, isOpen, isSelected, onClick, onRef, onToggle, shadowSize, size, testId, theme, withoutOpener, withoutRole }: CardPropsType) => JSX.Element;
 export {};
 //# sourceMappingURL=Card.d.ts.map

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

@@ -2,7 +2,7 @@ import { KeyboardEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
 import { BackgroundColorType, IconNameType } from '../../..';
 import { ComponentPropsType } from '../../../utils';
 import { TextType, TitleSize } from '../../Typography';
-import { CardSize, IconBadgePosition, IconSizeType } from '..';
+import { CardSize, IconBadgePosition } from '..';
 export interface ContentCardPropsType extends ComponentPropsType {
     amount?: number;
     amountSubtitle?: ReactNode;
@@ -14,7 +14,6 @@ export interface ContentCardPropsType extends ComponentPropsType {
     iconBackgroundColor?: BackgroundColorType;
     iconBadgePosition?: IconBadgePosition;
     iconName?: IconNameType;
-    iconSize?: IconSizeType;
     isCollapsible?: boolean;
     isCompact?: boolean;
     isInteractive?: boolean;
@@ -32,5 +31,5 @@ export interface ContentCardPropsType extends ComponentPropsType {
     withoutOpener?: boolean;
     onToggle?: (state: boolean, event: SyntheticEvent | KeyboardEvent) => void;
 }
-export declare const ContentCard: ({ amount, amountSubtitle, amountSubtitleType, buttons, currencyCode, customIcon, children, isCollapsible, isCompact, isInteractive, isOpen, iconBackgroundColor, iconBadgePosition, iconName, iconSize, parameters, size, subtitles, subtitleTagBackgroundColor, subtitleTagIcon, subtitleTagImageUrl, subtitleTagText, theme, title, titleSize, titleVisual, withoutOpener, onToggle }: ContentCardPropsType) => JSX.Element;
+export declare const ContentCard: ({ amount, amountSubtitle, amountSubtitleType, buttons, currencyCode, customIcon, children, isCollapsible, isCompact, isInteractive, isOpen, iconBackgroundColor, iconBadgePosition, iconName, parameters, size, subtitles, subtitleTagBackgroundColor, subtitleTagIcon, subtitleTagImageUrl, subtitleTagText, theme, title, titleSize, titleVisual, withoutOpener, onToggle }: ContentCardPropsType) => JSX.Element;
 //# sourceMappingURL=ContentCard.d.ts.map

package/dist/types/src/components/Components/ContentCard/ContentCardGroup.d.ts

@@ -5,6 +5,7 @@ export interface ContentCardGroupPropsType extends ComponentPropsType {
         key: string;
     })[];
     accordion?: boolean;
+    withoutShadow?: boolean;
 }
-export declare const ContentCardGroup: ({ accordion, items, theme }: ContentCardGroupPropsType) => JSX.Element;
+export declare const ContentCardGroup: ({ accordion, items, theme, withoutShadow }: ContentCardGroupPropsType) => JSX.Element;
 //# sourceMappingURL=ContentCardGroup.d.ts.map

package/dist/types/src/constants/global.d.ts

@@ -6,4 +6,8 @@ export declare const BREAKPOINTS_VALUES: {
     xl: number;
     xxl: number;
 };
+export declare const CARD_WIDTH_BREAKPOINT: {
+    MOBILE: number;
+    TABLET: number;
+};
 //# sourceMappingURL=global.d.ts.map

package/package.json

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