@speakapbv/dough-component-library 9.18.5 → 9.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/br/br.d.ts +0 -1
- package/dist/components/bread-crumb/bread-crumb.d.ts +7 -0
- package/dist/components/button/button.d.ts +2 -0
- package/dist/components/color-tile/color-tile.d.ts +15 -0
- package/dist/components/divider/divider.d.ts +0 -1
- package/dist/components/drop-menu/drop-menu.d.ts +3 -1
- package/dist/components/fader/fader.d.ts +0 -1
- package/dist/components/form-elements/date-picker/date-picker.d.ts +0 -1
- package/dist/components/form-elements/date-time/date-time.d.ts +0 -1
- package/dist/components/image-carousel/image-carousel.d.ts +0 -1
- package/dist/components/link/link.d.ts +3 -1
- package/dist/components/overlay/overlay.d.ts +0 -1
- package/dist/components/skeleton/skeleton.d.ts +0 -1
- package/dist/components/spacer/spacer.d.ts +0 -1
- package/dist/components/spinner/spinner.d.ts +0 -1
- package/dist/components/strength-indicator/strength-indicator.d.ts +0 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.es.js +157 -87
- package/dist/index.js +156 -85
- package/dist/node_modules/@speakapbv/dough-component-library-tokens/index.d.ts +7 -0
- package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts +3 -0
- package/dist/src/components/bread-crumb/bread-crumb.stories.d.ts +24 -0
- package/dist/src/components/button/button.stories.d.ts +6 -0
- package/dist/src/components/color-tile/color-tile.stories.d.ts +5 -0
- package/dist/src/components/form-elements/date-time/date-time-header.d.ts +0 -1
- package/dist/src/components/form-elements/date-time/month-selector.d.ts +0 -1
- package/dist/src/components/form-elements/date-time/year-selector.d.ts +0 -1
- package/dist/src/components/spinner/spinner.stories.d.ts +3 -0
- package/dist/src/components/texts/info-icons.d.ts +0 -1
- package/dist/src/components/tree/tree.d.ts +0 -1
- package/dist/src/utils/flattenChildren.d.ts +4 -0
- package/dist/src/utils/icon-renderers.d.ts +0 -1
- package/dist/utils/constants.d.ts +7 -0
- package/package.json +18 -3
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import "./bread-crumb.scss";
|
|
3
3
|
import { DoughDataAttributes, Sizes } from "../../utils/constants";
|
|
4
|
+
interface BreadCrumbTextProps {
|
|
5
|
+
children: string | number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const BreadCrumbText: ({ children, className, }: BreadCrumbTextProps) => JSX.Element;
|
|
4
9
|
export interface BreadCrumbProps {
|
|
5
10
|
className?: string;
|
|
6
11
|
children?: ReactNode;
|
|
7
12
|
size?: Sizes.SMALL | Sizes.NORMAL;
|
|
8
13
|
dataAttributes?: DoughDataAttributes;
|
|
14
|
+
noElementWrapper?: boolean;
|
|
9
15
|
}
|
|
10
16
|
export declare const BreadCrumb: {
|
|
11
17
|
(props: BreadCrumbProps): JSX.Element;
|
|
12
18
|
displayName: string;
|
|
13
19
|
};
|
|
20
|
+
export {};
|
|
@@ -36,6 +36,8 @@ export interface ButtonProps {
|
|
|
36
36
|
size?: Sizes.LARGE | Sizes.NORMAL | Sizes.SMALL | Sizes.XS;
|
|
37
37
|
type?: ButtonInputType;
|
|
38
38
|
busy?: boolean;
|
|
39
|
+
withoutBackground?: boolean;
|
|
40
|
+
colorPicker?: boolean;
|
|
39
41
|
}
|
|
40
42
|
export declare const Button: {
|
|
41
43
|
(props: ButtonProps): JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import "./color-tile.scss";
|
|
3
|
+
import { DoughDataAttributes, FixedColors, Sizes } from "../../utils/constants";
|
|
4
|
+
export interface ColorTileProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
dataAttributes?: DoughDataAttributes;
|
|
7
|
+
color?: FixedColors;
|
|
8
|
+
absoluteColor?: string;
|
|
9
|
+
size: Sizes.SMALL | Sizes.NORMAL | Sizes.LARGE | Sizes.XL;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare type ColorTileRef = {
|
|
13
|
+
getAbsoluteColor: () => string | undefined;
|
|
14
|
+
};
|
|
15
|
+
export declare const ColorTile: React.ForwardRefExoticComponent<ColorTileProps & React.RefAttributes<ColorTileRef>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
1
|
+
import React, { ReactNode, FunctionComponent } from "react";
|
|
2
2
|
import { Colors, ColorsText, Sizes, DoughDataAttributes } from "../../utils/constants";
|
|
3
|
+
import { ButtonProps } from "../button/button";
|
|
3
4
|
import "./drop-menu.scss";
|
|
4
5
|
export declare type DoughDropMenuRef = {
|
|
5
6
|
show(): void;
|
|
@@ -10,6 +11,7 @@ export interface DropMenuProps {
|
|
|
10
11
|
className?: string;
|
|
11
12
|
children?: ReactNode;
|
|
12
13
|
dataAttributes?: DoughDataAttributes;
|
|
14
|
+
ButtonComponent?: FunctionComponent<ButtonProps>;
|
|
13
15
|
buttonClassName?: string;
|
|
14
16
|
color?: Colors | ColorsText;
|
|
15
17
|
fullWidth?: boolean;
|
|
@@ -16,5 +16,7 @@ export interface LinkProps {
|
|
|
16
16
|
target?: string;
|
|
17
17
|
rel?: string;
|
|
18
18
|
download?: string;
|
|
19
|
+
width?: string;
|
|
20
|
+
flex?: string;
|
|
19
21
|
}
|
|
20
|
-
export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
22
|
+
export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download" | "width" | "flex"> & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./assets/scss/library.scss";
|
|
2
|
-
export { Colors, ColorsText, ColorsIcon, Sizes, BorderStyles, Direction, DateRangeValue, DoughBooleanInputRef, DoughNumericInputRef, DoughTextInputRef, DoughValidationResult, Spacings, HorizontalAlignment, VerticalAlignment, DoughDataAttributes, BreakpointViewportSizes, AlertStatus, } from "./utils/constants";
|
|
3
|
-
export { Button, ButtonInputType } from "./components/button/button";
|
|
2
|
+
export { Colors, ColorsText, ColorsIcon, FixedColors, Sizes, BorderStyles, Direction, DateRangeValue, DoughBooleanInputRef, DoughNumericInputRef, DoughTextInputRef, DoughValidationResult, Spacings, HorizontalAlignment, VerticalAlignment, DoughDataAttributes, BreakpointViewportSizes, AlertStatus, } from "./utils/constants";
|
|
3
|
+
export { Button, ButtonProps, ButtonInputType, } from "./components/button/button";
|
|
4
4
|
export { Link } from "./components/link/link";
|
|
5
5
|
export { Toggle } from "./components/form-elements/toggle/toggle";
|
|
6
6
|
export { ToggleWithText } from "./components/form-elements/toggle-with-text/toggle-with-text";
|
|
@@ -25,7 +25,7 @@ export { Switch } from "./components/form-elements/switch/switch";
|
|
|
25
25
|
export { RadioGroup, DoughRadioGroupData, } from "./components/form-elements/selection-inputs/radio-group";
|
|
26
26
|
export { RadioOption } from "./components/form-elements/selection-inputs/radio-option";
|
|
27
27
|
export { Tag } from "./components/tag-comp/tag";
|
|
28
|
-
export { BreadCrumb } from "./components/bread-crumb/bread-crumb";
|
|
28
|
+
export { BreadCrumb, BreadCrumbText, } from "./components/bread-crumb/bread-crumb";
|
|
29
29
|
export { Badge } from "./components/badge/badge";
|
|
30
30
|
export { Spacer } from "./components/spacer/spacer";
|
|
31
31
|
export { Divider } from "./components/divider/divider";
|
|
@@ -41,6 +41,7 @@ export { AlertText } from "./components/alert-textbox/alert-textbox";
|
|
|
41
41
|
export { Notification } from "./components/notification/notification";
|
|
42
42
|
export { TabsContainer } from "./components/tabs/tabs";
|
|
43
43
|
export { Collapser } from "./components/collapser/collapser";
|
|
44
|
+
export { ColorTile, ColorTileRef } from "./components/color-tile/color-tile";
|
|
44
45
|
export { StepsIndicator } from "./components/steps-indicator/steps-indicator";
|
|
45
46
|
export { Avatar } from "./components/avatar/avatar";
|
|
46
47
|
export { Fader } from "./components/fader/fader";
|