@speakapbv/dough-component-library 9.18.3 → 9.19.0

package/dist/components/br/br.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BR: {
     (): JSX.Element;
     displayName: string;

package/dist/components/button/button.d.ts

@@ -36,6 +36,8 @@ export interface ButtonProps {
     size?: Sizes.LARGE | Sizes.NORMAL | Sizes.SMALL | Sizes.XS;
     type?: ButtonInputType;
     busy?: boolean;
+    withoutBackground?: boolean;
+    colorPicker?: boolean;
 }
 export declare const Button: {
     (props: ButtonProps): JSX.Element;

package/dist/components/color-tile/color-tile.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import "./color-tile.scss";
+import { DoughDataAttributes, FixedColors, Sizes } from "../../utils/constants";
+export interface ColorTileProps {
+    className?: string;
+    dataAttributes?: DoughDataAttributes;
+    color?: FixedColors;
+    absoluteColor?: string;
+    size: Sizes.SMALL | Sizes.NORMAL | Sizes.LARGE | Sizes.XL;
+    children?: ReactNode;
+}
+export declare type ColorTileRef = {
+    getAbsoluteColor: () => string | undefined;
+};
+export declare const ColorTile: React.ForwardRefExoticComponent<ColorTileProps & React.RefAttributes<ColorTileRef>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./divider.scss";
 import { Colors, Sizes, DoughDataAttributes, Direction } from "../../utils/constants";
 export interface DividerProps {

package/dist/components/drop-menu/drop-menu.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode, FunctionComponent } from "react";
 import { Colors, ColorsText, Sizes, DoughDataAttributes } from "../../utils/constants";
+import { ButtonProps } from "../button/button";
 import "./drop-menu.scss";
 export declare type DoughDropMenuRef = {
     show(): void;
@@ -10,6 +11,7 @@ export interface DropMenuProps {
     className?: string;
     children?: ReactNode;
     dataAttributes?: DoughDataAttributes;
+    ButtonComponent?: FunctionComponent<ButtonProps>;
     buttonClassName?: string;
     color?: Colors | ColorsText;
     fullWidth?: boolean;

package/dist/components/fader/fader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors, DoughDataAttributes } from "../../utils/constants";
 import "./fader.scss";
 export interface FaderProps {

package/dist/components/form-elements/date-picker/date-picker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateTimeProps } from "../date-time/date-time";
 import { DateRangeValue, DoughValidationResult } from "../../../utils/constants";
 import "./date-picker.scss";

package/dist/components/form-elements/date-time/date-time.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DoughDataAttributes, DateRangeValue } from "../../../utils/constants";
 import "./date-time.scss";
 export declare enum DoughDateInput {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./image-carousel.scss";
 import { DoughDataAttributes } from "../../utils/constants";
 export interface ImageCarouselProps {

package/dist/components/overlay/overlay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors, DoughDataAttributes } from "../../utils/constants";
 import "./overlay.scss";
 export interface OverlayProps {

package/dist/components/skeleton/skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./skeleton.scss";
 import { Colors, Sizes } from "../../utils/constants";
 export declare enum SkeletonShape {

package/dist/components/spacer/spacer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./spacer.scss";
 import { Sizes, DoughDataAttributes, Direction } from "../../utils/constants";
 export interface SpacerProps {

package/dist/components/spinner/spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Colors, Sizes, DoughDataAttributes } from "../../utils/constants";
 import "./spinner.scss";
 export interface SpinnerProps {

package/dist/components/strength-indicator/strength-indicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./strength-indicator.scss";
 import { DoughDataAttributes, Colors } from "../../utils/constants";
 export interface StrengthIndicatorProps {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import "./assets/scss/library.scss";
-export { Colors, ColorsText, ColorsIcon, Sizes, BorderStyles, Direction, DateRangeValue, DoughBooleanInputRef, DoughNumericInputRef, DoughTextInputRef, DoughValidationResult, Spacings, HorizontalAlignment, VerticalAlignment, DoughDataAttributes, BreakpointViewportSizes, AlertStatus, } from "./utils/constants";
-export { Button, ButtonInputType } from "./components/button/button";
+export { 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 } from "./components/link/link";
 export { Toggle } from "./components/form-elements/toggle/toggle";
 export { ToggleWithText } from "./components/form-elements/toggle-with-text/toggle-with-text";
@@ -41,6 +41,7 @@ export { AlertText } from "./components/alert-textbox/alert-textbox";
 export { Notification } from "./components/notification/notification";
 export { TabsContainer } from "./components/tabs/tabs";
 export { Collapser } from "./components/collapser/collapser";
+export { ColorTile, ColorTileRef } from "./components/color-tile/color-tile";
 export { StepsIndicator } from "./components/steps-indicator/steps-indicator";
 export { Avatar } from "./components/avatar/avatar";
 export { Fader } from "./components/fader/fader";