@speakapbv/dough-component-library 10.6.1 → 10.7.0

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

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler, ReactNode, Ref, UIEvent } from "react";
-import { Colors, Sizes, DoughDataAttributes } from "../../../utils/constants";
+import { Colors, Sizes, DoughDataAttributes, CardColors } from "../../../utils/constants";
 import "./box.scss";
 export declare enum BoxDirection {
     ROW = "row",
@@ -65,6 +65,7 @@ export interface Positions {
     top?: string;
     bottom?: string;
 }
+export declare const ColorToHoverColor: Partial<Record<Exclude<BoxProps["color"], undefined>, string>>;
 export interface BoxProps {
     /** Base properties */
     className?: string;
@@ -81,7 +82,8 @@ export interface BoxProps {
     absolute?: boolean | Positions;
     zIndex?: number;
     /** Style properties */
-    color?: Colors;
+    color?: Colors | CardColors;
+    hover?: boolean;
     border?: boolean;
     borderRadius?: boolean;
     rounded?: boolean;
@@ -117,4 +119,4 @@ export interface BoxProps {
     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" | "transform" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom" | "onMouseEnter" | "onMouseMove" | "onMouseLeave" | "onClick"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps, "color" | "className" | "children" | "dataAttributes" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "absolute" | "zIndex" | "hover" | "border" | "borderRadius" | "rounded" | "shadow" | "padding" | "transform" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom" | "onMouseEnter" | "onMouseMove" | "onMouseLeave" | "onClick"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import { ReactNode, ReactNodeArray, UIEvent } from "react";
-import { Colors, Sizes, DoughDataAttributes, BorderStyles } from "../../../utils/constants";
+import { Colors, Sizes, DoughDataAttributes, BorderStyles, CardColors } from "../../../utils/constants";
 import "./card.scss";
 import { BoxOverflow } from "../box/box";
 export interface CardProps {
@@ -9,7 +9,8 @@ export interface CardProps {
     headerButtons?: ReactNodeArray;
     className?: string;
     dataAttributes?: DoughDataAttributes;
-    color?: Colors;
+    color?: Colors | CardColors;
+    hover?: boolean;
     fullHeight?: boolean;
     maxHeight?: string;
     shadow?: boolean;

package/dist/components/link/link.d.ts

@@ -21,5 +21,6 @@ export interface LinkProps {
     download?: string;
     width?: string;
     flex?: string;
+    hover?: boolean;
 }
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download" | "width" | "flex"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download" | "width" | "flex" | "hover"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import "./assets/scss/library.scss";
-export { Colors, ColorsText, ColorsIcon, FixedColors, Sizes, BorderStyles, Direction, DateRangeValue, DoughBooleanInputRef, DoughNumericInputRef, DoughTextInputRef, DoughValidationResult, Spacings, HorizontalAlignment, VerticalAlignment, DoughDataAttributes, BreakpointViewportSizes, AlertStatus, } from "./utils/constants";
+export { CardColors, Colors, ColorsText, ColorsIcon, FixedColors, Sizes, BorderStyles, Direction, DateRangeValue, DoughBooleanInputRef, DoughNumericInputRef, DoughTextInputRef, DoughValidationResult, Spacings, HorizontalAlignment, VerticalAlignment, DoughDataAttributes, BreakpointViewportSizes, AlertStatus, } from "./utils/constants";
 export { Button, ButtonProps, ButtonInputType, } from "./components/button/button";
 export { Link, LinkProps } from "./components/link/link";
 export { Toggle } from "./components/form-elements/toggle/toggle";