@speakapbv/dough-component-library 10.3.4 → 10.5.0

package/dist/components/containers/card/card.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, ReactNodeArray, UIEvent } from "react";
 import { Colors, Sizes, DoughDataAttributes, BorderStyles } from "../../../utils/constants";
 import "./card.scss";
+import { BoxOverflow } from "../box/box";
 export interface CardProps {
     border?: boolean;
     children?: ReactNode;
@@ -17,6 +18,7 @@ export interface CardProps {
     paddingVertical?: Sizes;
     onScrollReachedBottom?(e?: UIEvent): void;
     borderStyle?: BorderStyles;
+    overflow?: BoxOverflow;
     zIndex?: number;
 }
 export declare const Card: {

package/dist/components/image-comp/image.d.ts

@@ -23,6 +23,7 @@ export interface ImageProps {
     borderRadius?: boolean;
     size?: Sizes;
     src?: string;
+    zIndex?: number;
 }
 export declare const Image: {
     (props: ImageProps): JSX.Element;

package/dist/index.es.js

@@ -1215,7 +1215,7 @@ Box.displayName = "Box";
 
 var Card = function (props) {
     var _a;
-    var _b = props.border, border = _b === void 0 ? false : _b, _c = props.flat, flat = _c === void 0 ? false : _c, _d = props.color, color = _d === void 0 ? Colors.THEME : _d, _e = props.fullHeight, fullHeight = _e === void 0 ? false : _e, _f = props.shadow, shadow = _f === void 0 ? true : _f, _g = props.headerButtons, headerButtons = _g === void 0 ? [] : _g, zIndex = props.zIndex;
+    var _b = props.border, border = _b === void 0 ? false : _b, _c = props.flat, flat = _c === void 0 ? false : _c, _d = props.color, color = _d === void 0 ? Colors.THEME : _d, _e = props.fullHeight, fullHeight = _e === void 0 ? false : _e, _f = props.shadow, shadow = _f === void 0 ? true : _f, _g = props.headerButtons, headerButtons = _g === void 0 ? [] : _g, zIndex = props.zIndex, _h = props.overflow, overflow = _h === void 0 ? { x: BoxOverflow.HIDDEN, y: BoxOverflow.AUTO } : _h;
     var getHeaderItems = function (givenChildren) {
         var childrenToCheck = Children.toArray(givenChildren);
         var headerItems = childrenToCheck.filter(function (child) {
@@ -1278,7 +1278,7 @@ var Card = function (props) {
                         : props.padding
                             ? props.padding
                             : Sizes.NORMAL,
-                }, className: "dough-card-content", overflow: { x: BoxOverflow.HIDDEN, y: BoxOverflow.AUTO }, flex: props.fullHeight ? "1 1 auto" : undefined }, contentItems));
+                }, className: "dough-card-content", overflow: overflow, flex: props.fullHeight ? "1 1 auto" : undefined }, contentItems));
         }
         return React.createElement(React.Fragment, null);
     };
@@ -5448,12 +5448,12 @@ var Image = function (props) {
             "dough-image-with-ratio": props.ratio,
             "dough-image-viewer-fit-to-view": props.fitToView,
             "dough-image-viewer-show-children-on-hover": props.showChildrenOnHover,
-        }), style: __assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
+        }), style: __assign(__assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
             ? {
                 paddingTop: (props.ratio.height * 100) /
                     props.ratio.width + "%",
             }
-            : {})) }, props.dataAttributes),
+            : {})), (props.zIndex ? { zIndex: props.zIndex } : {})) }, props.dataAttributes),
         React.createElement("img", { alt: "", src: props.src, style: {
                 opacity: props.opacity,
             } }),

package/dist/index.js

@@ -1200,7 +1200,7 @@ Box.displayName = "Box";
 
 var Card = function (props) {
     var _a;
-    var _b = props.border, border = _b === void 0 ? false : _b, _c = props.flat, flat = _c === void 0 ? false : _c, _d = props.color, color = _d === void 0 ? exports.Colors.THEME : _d, _e = props.fullHeight, fullHeight = _e === void 0 ? false : _e, _f = props.shadow, shadow = _f === void 0 ? true : _f, _g = props.headerButtons, headerButtons = _g === void 0 ? [] : _g, zIndex = props.zIndex;
+    var _b = props.border, border = _b === void 0 ? false : _b, _c = props.flat, flat = _c === void 0 ? false : _c, _d = props.color, color = _d === void 0 ? exports.Colors.THEME : _d, _e = props.fullHeight, fullHeight = _e === void 0 ? false : _e, _f = props.shadow, shadow = _f === void 0 ? true : _f, _g = props.headerButtons, headerButtons = _g === void 0 ? [] : _g, zIndex = props.zIndex, _h = props.overflow, overflow = _h === void 0 ? { x: exports.BoxOverflow.HIDDEN, y: exports.BoxOverflow.AUTO } : _h;
     var getHeaderItems = function (givenChildren) {
         var childrenToCheck = React.Children.toArray(givenChildren);
         var headerItems = childrenToCheck.filter(function (child) {
@@ -1263,7 +1263,7 @@ var Card = function (props) {
                         : props.padding
                             ? props.padding
                             : exports.Sizes.NORMAL,
-                }, className: "dough-card-content", overflow: { x: exports.BoxOverflow.HIDDEN, y: exports.BoxOverflow.AUTO }, flex: props.fullHeight ? "1 1 auto" : undefined }, contentItems));
+                }, className: "dough-card-content", overflow: overflow, flex: props.fullHeight ? "1 1 auto" : undefined }, contentItems));
         }
         return React__default.createElement(React__default.Fragment, null);
     };
@@ -5430,12 +5430,12 @@ var Image = function (props) {
             "dough-image-with-ratio": props.ratio,
             "dough-image-viewer-fit-to-view": props.fitToView,
             "dough-image-viewer-show-children-on-hover": props.showChildrenOnHover,
-        }), style: __assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
+        }), style: __assign(__assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
             ? {
                 paddingTop: (props.ratio.height * 100) /
                     props.ratio.width + "%",
             }
-            : {})) }, props.dataAttributes),
+            : {})), (props.zIndex ? { zIndex: props.zIndex } : {})) }, props.dataAttributes),
         React__default.createElement("img", { alt: "", src: props.src, style: {
                 opacity: props.opacity,
             } }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "10.3.4",
+    "version": "10.5.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",