@speakapbv/dough-component-library 9.24.0 → 9.25.0

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

@@ -1,4 +1,4 @@
-import React, { ReactNode, Ref, UIEvent } from "react";
+import React, { MouseEventHandler, ReactNode, Ref, UIEvent } from "react";
 import { Colors, Sizes, DoughDataAttributes } from "../../../utils/constants";
 import "./box.scss";
 export declare enum BoxDirection {
@@ -92,6 +92,7 @@ export interface BoxProps {
         bottom?: Sizes;
         left?: Sizes;
     };
+    transform?: string;
     overflow?: BoxOverflow | {
         x?: BoxOverflow;
         y?: BoxOverflow;
@@ -111,5 +112,8 @@ export interface BoxProps {
     alignSelf?: BoxAlign | BoxAlignment.FLEX_START | BoxAlignment.FLEX_END | BoxAlignment.CENTER | BoxAlignment.BASELINE | BoxAlignment.STRETCH;
     /** Event properties */
     onScrollReachedBottom?(e?: UIEvent): void;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
 }
-export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps, "className" | "children" | "dataAttributes" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "absolute" | "zIndex" | "color" | "border" | "borderRadius" | "rounded" | "shadow" | "padding" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps, "className" | "children" | "dataAttributes" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "absolute" | "zIndex" | "color" | "border" | "borderRadius" | "rounded" | "shadow" | "padding" | "transform" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom" | "onMouseEnter" | "onMouseLeave" | "onClick"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/divider/divider.d.ts

@@ -9,6 +9,7 @@ export interface DividerProps {
     type?: Direction;
     width?: string;
     lineThickness?: string;
+    zIndex?: number;
 }
 export declare const Divider: {
     (props: DividerProps): JSX.Element;

package/dist/index.es.js

@@ -1159,8 +1159,8 @@ var Box = forwardRef(function (props, ref) {
             _a["dough-flex-align-items-" + props.alignItems] = props.alignItems,
             _a["dough-flex-align-content-" + props.alignContent] = props.alignContent,
             _a["dough-flex-align-self-" + props.alignSelf] = props.alignSelf,
-            _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex }, (isTypeObject(props.absolute) &&
-            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined }), props.children));
+            _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
+            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onClick: props.onClick }), props.children));
 });
 Box.displayName = "Box";
 
@@ -2249,8 +2249,13 @@ var css_248z$g = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium
 styleInject(css_248z$g);
 
 var Divider = function (props) {
-    var _a = props.size, size = _a === void 0 ? Sizes.SMALL : _a, _b = props.type, type = _b === void 0 ? Direction.HORIZONTAL : _b, _c = props.color, color = _c === void 0 ? Colors.GRAY5 : _c;
-    return (React.createElement("div", __assign({ className: cn("dough-divider", props.className, type, "size-" + size), style: { height: props.height, width: props.width } }, props.dataAttributes),
+    var _a;
+    var _b = props.size, size = _b === void 0 ? Sizes.SMALL : _b, _c = props.type, type = _c === void 0 ? Direction.HORIZONTAL : _c, _d = props.color, color = _d === void 0 ? Colors.GRAY5 : _d;
+    return (React.createElement("div", __assign({ className: cn("dough-divider", props.className, type, "size-" + size), style: {
+            height: props.height,
+            width: props.width,
+            zIndex: (_a = props.zIndex) !== null && _a !== void 0 ? _a : 0,
+        } }, props.dataAttributes),
         React.createElement("div", { className: cn("dough-divider-line", color), style: props.lineThickness === undefined
                 ? undefined
                 : __assign({}, (type === Direction.HORIZONTAL

package/dist/index.js

@@ -1144,8 +1144,8 @@ var Box = React.forwardRef(function (props, ref) {
             _a["dough-flex-align-items-" + props.alignItems] = props.alignItems,
             _a["dough-flex-align-content-" + props.alignContent] = props.alignContent,
             _a["dough-flex-align-self-" + props.alignSelf] = props.alignSelf,
-            _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex }, (isTypeObject(props.absolute) &&
-            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined }), props.children));
+            _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
+            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onClick: props.onClick }), props.children));
 });
 Box.displayName = "Box";
 
@@ -2234,8 +2234,13 @@ var css_248z$g = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium
 styleInject(css_248z$g);
 
 var Divider = function (props) {
-    var _a = props.size, size = _a === void 0 ? exports.Sizes.SMALL : _a, _b = props.type, type = _b === void 0 ? exports.Direction.HORIZONTAL : _b, _c = props.color, color = _c === void 0 ? exports.Colors.GRAY5 : _c;
-    return (React__default.createElement("div", __assign({ className: cn("dough-divider", props.className, type, "size-" + size), style: { height: props.height, width: props.width } }, props.dataAttributes),
+    var _a;
+    var _b = props.size, size = _b === void 0 ? exports.Sizes.SMALL : _b, _c = props.type, type = _c === void 0 ? exports.Direction.HORIZONTAL : _c, _d = props.color, color = _d === void 0 ? exports.Colors.GRAY5 : _d;
+    return (React__default.createElement("div", __assign({ className: cn("dough-divider", props.className, type, "size-" + size), style: {
+            height: props.height,
+            width: props.width,
+            zIndex: (_a = props.zIndex) !== null && _a !== void 0 ? _a : 0,
+        } }, props.dataAttributes),
         React__default.createElement("div", { className: cn("dough-divider-line", color), style: props.lineThickness === undefined
                 ? undefined
                 : __assign({}, (type === exports.Direction.HORIZONTAL

package/package.json

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