@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.
Files changed (34) hide show
  1. package/dist/components/br/br.d.ts +0 -1
  2. package/dist/components/bread-crumb/bread-crumb.d.ts +7 -0
  3. package/dist/components/button/button.d.ts +2 -0
  4. package/dist/components/color-tile/color-tile.d.ts +15 -0
  5. package/dist/components/divider/divider.d.ts +0 -1
  6. package/dist/components/drop-menu/drop-menu.d.ts +3 -1
  7. package/dist/components/fader/fader.d.ts +0 -1
  8. package/dist/components/form-elements/date-picker/date-picker.d.ts +0 -1
  9. package/dist/components/form-elements/date-time/date-time.d.ts +0 -1
  10. package/dist/components/image-carousel/image-carousel.d.ts +0 -1
  11. package/dist/components/link/link.d.ts +3 -1
  12. package/dist/components/overlay/overlay.d.ts +0 -1
  13. package/dist/components/skeleton/skeleton.d.ts +0 -1
  14. package/dist/components/spacer/spacer.d.ts +0 -1
  15. package/dist/components/spinner/spinner.d.ts +0 -1
  16. package/dist/components/strength-indicator/strength-indicator.d.ts +0 -1
  17. package/dist/index.d.ts +4 -3
  18. package/dist/index.es.js +157 -87
  19. package/dist/index.js +156 -85
  20. package/dist/node_modules/@speakapbv/dough-component-library-tokens/index.d.ts +7 -0
  21. package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts +3 -0
  22. package/dist/src/components/bread-crumb/bread-crumb.stories.d.ts +24 -0
  23. package/dist/src/components/button/button.stories.d.ts +6 -0
  24. package/dist/src/components/color-tile/color-tile.stories.d.ts +5 -0
  25. package/dist/src/components/form-elements/date-time/date-time-header.d.ts +0 -1
  26. package/dist/src/components/form-elements/date-time/month-selector.d.ts +0 -1
  27. package/dist/src/components/form-elements/date-time/year-selector.d.ts +0 -1
  28. package/dist/src/components/spinner/spinner.stories.d.ts +3 -0
  29. package/dist/src/components/texts/info-icons.d.ts +0 -1
  30. package/dist/src/components/tree/tree.d.ts +0 -1
  31. package/dist/src/utils/flattenChildren.d.ts +4 -0
  32. package/dist/src/utils/icon-renderers.d.ts +0 -1
  33. package/dist/utils/constants.d.ts +7 -0
  34. package/package.json +18 -3
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const BR: {
3
2
  (): JSX.Element;
4
3
  displayName: string;
@@ -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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./divider.scss";
3
2
  import { Colors, Sizes, DoughDataAttributes, Direction } from "../../utils/constants";
4
3
  export interface DividerProps {
@@ -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;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors, DoughDataAttributes } from "../../utils/constants";
3
2
  import "./fader.scss";
4
3
  export interface FaderProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DateTimeProps } from "../date-time/date-time";
3
2
  import { DateRangeValue, DoughValidationResult } from "../../../utils/constants";
4
3
  import "./date-picker.scss";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DoughDataAttributes, DateRangeValue } from "../../../utils/constants";
3
2
  import "./date-time.scss";
4
3
  export declare enum DoughDateInput {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./image-carousel.scss";
3
2
  import { DoughDataAttributes } from "../../utils/constants";
4
3
  export interface ImageCarouselProps {
@@ -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>>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors, DoughDataAttributes } from "../../utils/constants";
3
2
  import "./overlay.scss";
4
3
  export interface OverlayProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./skeleton.scss";
3
2
  import { Colors, Sizes } from "../../utils/constants";
4
3
  export declare enum SkeletonShape {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./spacer.scss";
3
2
  import { Sizes, DoughDataAttributes, Direction } from "../../utils/constants";
4
3
  export interface SpacerProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors, Sizes, DoughDataAttributes } from "../../utils/constants";
3
2
  import "./spinner.scss";
4
3
  export interface SpinnerProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./strength-indicator.scss";
3
2
  import { DoughDataAttributes, Colors } from "../../utils/constants";
4
3
  export interface StrengthIndicatorProps {
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";