@speakapbv/dough-component-library 9.18.4 → 9.20.0

package/dist/node_modules/@speakapbv/dough-component-library-tokens/index.d.ts

@@ -20,6 +20,13 @@ declare const _default: {
         colorBrandHeaderDark: string;
         colorLike: string;
     };
+    fixedColors: {
+        colorSelector1: string;
+        colorSelector2: string;
+        colorSelector3: string;
+        colorSelector4: string;
+        colorSelector5: string;
+    };
     textColors: {
         colorTextWarning: string;
         colorTextSuccess: string;

package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./alert-textbox").AlertTextProps>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./alert-textbox").AlertTextProps>;

package/dist/src/components/bread-crumb/bread-crumb.stories.d.ts

@@ -0,0 +1,24 @@
+import { BreadCrumbProps } from "./bread-crumb";
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, BreadCrumbProps>;
+export default _default;
+export declare const Simple: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const OneChild: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const LimitedWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const MultipleChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const CustomChildrenLimitedWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;
+export declare const WithoutUsingFragments: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+    width: string;
+}>;

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

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./button").ButtonProps>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./button").ButtonProps>;
+export declare const Phantom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./button").ButtonProps>;
+export declare const ColorButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./button").ButtonProps>;
+export declare const ColorButtonWithoutBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./button").ButtonProps>;

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;
+export declare const WithChild: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DateTimeHeaderProps {
     locale: {
         monthNames: Array<string>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MonthSelectorProps {
     locale: {
         monthNames: Array<string>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface YearSelectorProps {
     onChange(val: number): void;
     value: number;

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

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./spinner").SpinnerProps>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./spinner").SpinnerProps>;

package/dist/src/components/texts/info-icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WarningIcon: () => JSX.Element;
 export declare const ErrorIcon: () => JSX.Element;
 export declare const InfoIcon: () => JSX.Element;

package/dist/src/components/tree/tree.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DoughDataAttributes } from "../../utils/constants";
 import "./tree.scss";
 export declare type DoughTreeData = {

package/dist/src/utils/flattenChildren.d.ts

@@ -0,0 +1,4 @@
+import { Children, ReactNode } from "react";
+declare type ReactChildArray = ReturnType<typeof Children.toArray>;
+export declare function flattenChildren(children: ReactNode): ReactChildArray;
+export {};

package/dist/src/utils/icon-renderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const EyeIcon: () => JSX.Element;
 export declare const EyeSlashIcon: () => JSX.Element;
 export declare const InfoIcon: () => JSX.Element;

package/dist/utils/constants.d.ts

@@ -31,6 +31,13 @@ export declare enum Colors {
     DANGER = "dough-color-status-danger",
     TRANSPARENT = "dough-color-transparent"
 }
+export declare enum FixedColors {
+    SELECTOR1 = "dough-color-selector-1",
+    SELECTOR2 = "dough-color-selector-2",
+    SELECTOR3 = "dough-color-selector-3",
+    SELECTOR4 = "dough-color-selector-4",
+    SELECTOR5 = "dough-color-selector-5"
+}
 export declare enum ColorsText {
     DEFAULT = "dough-color-text-default",
     WHITE = "dough-color-text-white",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "9.18.4",
+    "version": "9.20.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",
@@ -22,7 +22,9 @@
         "start": "cross-env BABEL_ENV=production rollup -c -w",
         "format": "prettier --write \"src/**/*.{scss,js,json,md}\"",
         "changelog": "git fetch && auto-changelog -p --commit-limit false",
-        "prepare": "husky install"
+        "prepare": "husky install",
+        "storybook": "start-storybook -p 6006",
+        "build-storybook": "build-storybook"
     },
     "peerDependencies": {
         "lottie-web": ">=5.7.4",
@@ -39,13 +41,23 @@
         "@rollup/plugin-url": "^4.0.0",
         "@semantic-release/changelog": "^6.0.0",
         "@semantic-release/git": "^10.0.0",
+        "@storybook/addon-actions": "^6.5.9",
+        "@storybook/addon-essentials": "^6.5.9",
+        "@storybook/addon-interactions": "^6.5.9",
+        "@storybook/addon-links": "^6.5.9",
+        "@storybook/builder-webpack4": "^6.5.9",
+        "@storybook/manager-webpack4": "^6.5.9",
+        "@storybook/react": "^6.5.9",
+        "@storybook/testing-library": "^0.0.13",
         "@svgr/rollup": "^5.0.1",
         "@types/react": "^16.9.44",
         "@types/react-dom": "^16.9.8",
         "auto-changelog": "^1.16.2",
         "babel-eslint": "^10.0.3",
         "babel-jest": "^26.2.1",
+        "babel-loader": "^8.2.5",
         "cross-env": "^6.0.3",
+        "css-loader": "^5.2.7",
         "cz-conventional-changelog": "3.3.0",
         "enzyme": "^3.11.0",
         "enzyme-adapter-react-16": "^1.15.2",
@@ -58,6 +70,7 @@
         "eslint-plugin-react": "^7.17.0",
         "eslint-plugin-react-hooks": "^2.3.0",
         "eslint-plugin-rulesdir": "^0.1.0",
+        "eslint-plugin-storybook": "^0.6.0",
         "husky": "^7.0.2",
         "jest": "^26.2.1",
         "lottie-web": "5.7.4",
@@ -72,14 +85,16 @@
         "rollup-plugin-typescript2": "^0.27.1",
         "rollup-plugin-visualizer": "^5.5.2",
         "sass": "^1.42.1",
+        "sass-loader": "10.3.1",
         "semantic-release": "^18.0.0",
+        "style-loader": "^2.0.0",
         "typescript": "^3.9.7"
     },
     "files": [
         "dist"
     ],
     "dependencies": {
-        "@speakapbv/dough-component-library-tokens": "1.3.4"
+        "@speakapbv/dough-component-library-tokens": "1.4.0"
     },
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"