@bodynarf/react.components 1.12.6 → 1.13.0

package/components/breadcrumbs/types.d.ts

@@ -1,47 +1,55 @@
-/// <reference types="react" />
-import { BaseElementProps, ElementIcon, ElementPosition, ElementSize } from "../../types";
-/** Breadcrumb item */
-export interface BreadCrumb {
-    /**
-     * Displayed text
-     * @deprecated Use `caption` instead
-     */
-    title?: string;
-    /** Displayable caption */
-    caption: string;
-    /** Page address */
-    path: string;
-    /** Is current page. Will be not clickable */
-    active: boolean;
-    /** Bootstrap icon class name */
-    icon?: ElementIcon;
-}
-/** Breadcrumbs component props type */
-export interface BreadcrumbsProps extends BaseElementProps {
-    /** Breadcrumbs items */
-    items: Array<BreadCrumb>;
-    /**
-     * Function that generates each element
-     * @example
-     * elementGenerator={breadCrumb =>
-     *  <div>
-     *     {breadCrumb.icon &&
-     *         <span>
-     *             <Icon {...breadCrumb.icon} />
-     *         </span>
-     *     }
-     *     <span>
-     *         {breadCrumb.title}
-     *     </span>
-     *  </div>
-     * }
-    */
-    elementGenerator?: (bc: BreadCrumb) => JSX.Element;
-    /** Panel size */
-    size?: ElementSize;
-    /** Items position */
-    position?: ElementPosition;
-    /** Items separator. By default `arrow` */
-    separator?: "arrow" | "bullet" | "dot" | "succeeds";
-}
+import { ReactNode } from "react";
+import { BaseElementProps, ElementIcon, ElementPosition, ElementSize } from "../../types";
+/** Breadcrumb item */
+export interface BreadCrumb {
+    /**
+     * Displayed text
+     * @deprecated Use `caption` instead
+     */
+    title?: string;
+    /** Displayable caption */
+    caption: string;
+    /**
+     * Page address
+     * @deprecated Since v1.2.0 Use `href`
+     */
+    path: string;
+    /** Link address */
+    href: string;
+    /**
+     * Is current page. Will be not clickable
+     * @deprecated Since v1.2.0 Not used anymore
+     */
+    active: boolean;
+    /** Bootstrap icon class name */
+    icon?: ElementIcon;
+}
+/** Breadcrumbs component props type */
+export type BreadcrumbsProps = BaseElementProps & {
+    /** Breadcrumbs items */
+    items: Array<BreadCrumb>;
+    /**
+     * Function that generates each element
+     * @example
+     * elementGenerator={breadCrumb =>
+     *  <div>
+     *     {breadCrumb.icon &&
+     *         <span>
+     *             <Icon {...breadCrumb.icon} />
+     *         </span>
+     *     }
+     *     <span>
+     *         {breadCrumb.caption}
+     *     </span>
+     *  </div>
+     * }
+    */
+    elementGenerator?: (bc: BreadCrumb) => ReactNode;
+    /** Panel size */
+    size?: ElementSize;
+    /** Items position */
+    position?: ElementPosition;
+    /** Items separator. By default `arrow` */
+    separator?: "arrow" | "bullet" | "dot" | "succeeds";
+};
 //# sourceMappingURL=types.d.ts.map

package/components/breadcrumbs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzF,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAMb,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,uCAAuC;AACvC,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACtD,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEzB;;;;;;;;;;;;;;;MAeE;IACF,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnD,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;CACvD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzF,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,uCAAuC;AACvC,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAC9C,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEzB;;;;;;;;;;;;;;;MAeE;IACF,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,SAAS,CAAC;IAEjD,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;CACvD,CAAC"}

package/components/breadcrumbs/types.js

@@ -1 +1 @@
-export {};
+export {};

package/components/button/component/index.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import "./style.scss";
-import { ButtonProps } from "..";
-/**
- * Button component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props: ButtonProps): JSX.Element;
+import { FC } from "react";
+import "./style.scss";
+import { ButtonProps } from "..";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+declare const Button: FC<ButtonProps>;
+export default Button;
 //# sourceMappingURL=index.d.ts.map

package/components/button/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIjC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAKjC;;;GAGG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0C3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/button/component/index.js

@@ -1,33 +1,35 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
-import "./style.scss";
-import ButtonWithIcon from "../components/buttonWithIcon";
-import SimpleButton from "../components/simpleButton";
-/**
- * Button component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props) {
-    if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
-        throw new Error("No button content provided.");
-    }
-    const { light = false, outlined = false, rounded = false, isLoading = false, static: isStatic = false } = props;
-    const className = getClassName([
-        "bbr-button",
-        "button",
-        props.className,
-        `is-${props.type}`,
-        light ? "is-light" : "",
-        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
-        outlined ? "is-outlined" : "",
-        rounded ? "is-rounded" : "",
-        isLoading ? "is-loading" : "",
-        isStatic ? "is-static" : "",
-    ]);
-    if (!isNullOrUndefined(props.icon)) {
-        return (_jsx(ButtonWithIcon, { ...props, icon: props.icon, className: className }));
-    }
-    else {
-        return (_jsx(SimpleButton, { ...props, className: className }));
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
+import { getSizeClassName } from "../../../utils";
+import "./style.scss";
+import ButtonWithIcon from "../components/buttonWithIcon";
+import SimpleButton from "../components/simpleButton";
+/**
+ * Button component
+ * @throws Caption is not defined and icon configuration is not defined at the same time
+ */
+const Button = (props) => {
+    if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No button content provided.");
+    }
+    const { light = false, outlined = false, rounded = false, isLoading = false, static: isStatic = false } = props;
+    const className = getClassName([
+        "bbr-button",
+        "button",
+        props.className,
+        `is-${props.style}`,
+        light ? "is-light" : "",
+        getSizeClassName(props.size),
+        outlined ? "is-outlined" : "",
+        rounded ? "is-rounded" : "",
+        isLoading ? "is-loading" : "",
+        isStatic ? "is-static" : "",
+    ]);
+    if (!isNullOrUndefined(props.icon)) {
+        return (_jsx(ButtonWithIcon, { ...props, icon: props.icon, className: className }));
+    }
+    else {
+        return (_jsx(SimpleButton, { ...props, className: className }));
+    }
+};
+export default Button;

package/components/button/components/buttonWithIcon/index.d.ts

@@ -1,5 +1,6 @@
-import { ButtonWithIconProps } from "../..";
-/** Button with icon component */
-declare const ButtonWithIcon: ({ className, disabled, onClick, caption, icon, title, data, }: ButtonWithIconProps) => JSX.Element;
-export default ButtonWithIcon;
+import { FC } from "react";
+import { ButtonWithIconProps } from "../..";
+/** Button with icon component */
+declare const ButtonWithIcon: FC<ButtonWithIconProps>;
+export default ButtonWithIcon;
 //# sourceMappingURL=index.d.ts.map

package/components/button/components/buttonWithIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,iCAAiC;AACjC,QAAA,MAAM,cAAc,kEAMjB,mBAAmB,KAAG,WA+CxB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,iCAAiC;AACjC,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/components/button/components/buttonWithIcon/index.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementPosition } from "../../../../types";
-import { mapDataAttributes } from "../../../../utils";
-import Icon from "../../../icon";
-/** Button with icon component */
-const ButtonWithIcon = ({ className, disabled, onClick, caption, icon, title, data, }) => {
-    const iconClassName = isNullOrEmpty(caption)
-        ? icon.className
-        : getClassName([
-            icon.className,
-            icon.position === ElementPosition.Right
-                ? "bbr-icon--right"
-                : "bbr-icon--left"
-        ]);
-    className = isNullOrEmpty(caption)
-        ? getClassName([className, "bbr-button--icon-only"])
-        : className;
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
-    }
-    return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
-};
-export default ButtonWithIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition } from "../../../../types";
+import { mapDataAttributes } from "../../../../utils";
+import Icon from "../../../icon";
+/** Button with icon component */
+const ButtonWithIcon = ({ className, disabled, onClick, caption, icon, title, data, }) => {
+    const iconClassName = isNullOrEmpty(caption)
+        ? icon.className
+        : getClassName([
+            icon.className,
+            icon.position === ElementPosition.Right
+                ? "bbr-icon--right"
+                : "bbr-icon--left"
+        ]);
+    className = isNullOrEmpty(caption)
+        ? getClassName([className, "bbr-button--icon-only"])
+        : className;
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
+    }
+    return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
+};
+export default ButtonWithIcon;

package/components/button/components/simpleButton/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SimpleButtonProps } from "../..";
-/** Simple button component, without icon */
-declare const SimpleButton: ({ className, disabled, onClick, caption, title, data }: SimpleButtonProps) => JSX.Element;
-export default SimpleButton;
+import { FC } from "react";
+import { SimpleButtonProps } from "../..";
+/** Simple button component, without icon */
+declare const SimpleButton: FC<SimpleButtonProps>;
+export default SimpleButton;
 //# sourceMappingURL=index.d.ts.map

package/components/button/components/simpleButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,4CAA4C;AAC5C,QAAA,MAAM,YAAY,2DAMf,iBAAiB,KAAG,WAiBtB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,4CAA4C;AAC5C,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/button/components/simpleButton/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import { mapDataAttributes } from "../../../../utils";
-/** Simple button component, without icon */
-const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsx("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: caption }));
-};
-export default SimpleButton;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { mapDataAttributes } from "../../../../utils";
+/** Simple button component, without icon */
+const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: caption }));
+};
+export default SimpleButton;

package/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/button/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/button/types.d.ts

@@ -1,38 +1,72 @@
-import { BaseElementProps, ElementIcon, ElementSize } from "../../types";
-export interface ButtonProps extends BaseElementProps {
-    /** Button displaying text */
-    caption?: string;
-    /** Type of button (color)  */
-    type: ButtonType;
-    /** Configuration of inner icon */
-    icon?: ElementIcon;
-    /** Button size  */
-    size?: ElementSize;
-    /** Is button uses light version of color  */
-    light?: boolean;
-    /** Is button outlined */
-    outlined?: boolean;
-    /** Should button corners be rounded  */
-    rounded?: boolean;
-    /** Display loading icon */
-    isLoading?: boolean;
-    /** Is button disabled */
-    disabled?: boolean;
-    /** Is non-interactive button */
-    static?: boolean;
-    /** Click action handler */
-    onClick?: () => void;
-}
-/** Button types according to Bulma framework */
-export declare type ButtonType = // TODO: to enum
-"default" /** color: transparent */ | "primary" /** color: sea-wave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
-/** Simple button props type */
-export interface SimpleButtonProps extends Omit<ButtonProps, "className"> {
-    /** Button class name*/
-    className: string;
-}
-export interface ButtonWithIconProps extends SimpleButtonProps {
-    /** Icon configuration */
-    icon: ElementIcon;
-}
+import { BaseElementProps, ClickableElement, ElementIcon, ElementSize } from "../../types";
+export type ButtonProps = BaseElementProps & ClickableElement & {
+    /** Button displaying text */
+    caption?: string;
+    /**
+     * Type of button (color)
+     * @deprecated Use `style` prop instead
+     */
+    type?: ButtonType;
+    /** Style */
+    style: ButtonStyle;
+    /** Configuration of inner icon */
+    icon?: ElementIcon;
+    /** Button size  */
+    size?: ElementSize;
+    /** Is button uses light version of color  */
+    light?: boolean;
+    /** Is button outlined */
+    outlined?: boolean;
+    /** Should button corners be rounded  */
+    rounded?: boolean;
+    /** Display loading icon */
+    isLoading?: boolean;
+    /** Is button disabled */
+    disabled?: boolean;
+    /** Is non-interactive button */
+    static?: boolean;
+};
+/**
+ * Button types according to Bulma framework
+ * @deprecated Use `ButtonStyle` enum
+ */
+export type ButtonType = "default" /** color: transparent */ | "primary" /** color: sea-wave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
+/** Simple button props type */
+export type SimpleButtonProps = Omit<ButtonProps, "className"> & {
+    /** Button class name*/
+    className: string;
+};
+export type ButtonWithIconProps = SimpleButtonProps & {
+    /** Icon configuration */
+    icon: ElementIcon;
+};
+/** Button style type */
+export declare enum ButtonStyle {
+    /** color: transparent */
+    Default = "default",
+    /** color: sea-wave green */
+    Primary = "primary",
+    /** color: blue-violet */
+    Link = "link",
+    /** color: sky-blue */
+    Info = "info",
+    /** color: green */
+    Success = "success",
+    /** color: yellow */
+    Warning = "warning",
+    /** color: red */
+    Danger = "danger",
+    /** color: white */
+    White = "white",
+    /** color: light-gray */
+    Light = "light",
+    /** color: dark-gray */
+    Dark = "dark",
+    /** color: black */
+    Black = "black",
+    /** Underline text with color: gray */
+    Text = "text",
+    /** Blue underline text with color: transparent */
+    Ghost = "ghost"
+}
 //# sourceMappingURL=types.d.ts.map

package/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAExE,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gDAAgD;AAChD,oBAAY,UAAU,GAClB,AADqB,gBAAgB;AACrC,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE1F,MAAM,MAAM,WAAW,GACjB,gBAAgB,GAChB,gBAAgB,GAChB;IACE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,YAAY;IACZ,KAAK,EAAE,WAAW,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;GAGG;AACH,MAAM,MAAM,UAAU,GAChB,SAAS,CAAC,yBAAyB,GACnC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG;IAC7D,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IAClD,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,wBAAwB;AACxB,oBAAY,WAAW;IACnB,yBAAyB;IACzB,OAAO,YAAY;IAEnB,4BAA4B;IAC5B,OAAO,YAAY;IAEnB,yBAAyB;IACzB,IAAI,SAAS;IAEb,sBAAsB;IACtB,IAAI,SAAS;IAEb,mBAAmB;IACnB,OAAO,YAAY;IAEnB,oBAAoB;IACpB,OAAO,YAAY;IAEnB,iBAAiB;IACjB,MAAM,WAAW;IAEjB,mBAAmB;IACnB,KAAK,UAAU;IAEf,wBAAwB;IACxB,KAAK,UAAU;IAEf,uBAAuB;IACvB,IAAI,SAAS;IAEb,mBAAmB;IACnB,KAAK,UAAU;IAEf,sCAAsC;IACtC,IAAI,SAAS;IAEb,kDAAkD;IAClD,KAAK,UAAU;CAClB"}

package/components/button/types.js

@@ -1 +1,30 @@
-export {};
+/** Button style type */
+export var ButtonStyle;
+(function (ButtonStyle) {
+    /** color: transparent */
+    ButtonStyle["Default"] = "default";
+    /** color: sea-wave green */
+    ButtonStyle["Primary"] = "primary";
+    /** color: blue-violet */
+    ButtonStyle["Link"] = "link";
+    /** color: sky-blue */
+    ButtonStyle["Info"] = "info";
+    /** color: green */
+    ButtonStyle["Success"] = "success";
+    /** color: yellow */
+    ButtonStyle["Warning"] = "warning";
+    /** color: red */
+    ButtonStyle["Danger"] = "danger";
+    /** color: white */
+    ButtonStyle["White"] = "white";
+    /** color: light-gray */
+    ButtonStyle["Light"] = "light";
+    /** color: dark-gray */
+    ButtonStyle["Dark"] = "dark";
+    /** color: black */
+    ButtonStyle["Black"] = "black";
+    /** Underline text with color: gray */
+    ButtonStyle["Text"] = "text";
+    /** Blue underline text with color: transparent */
+    ButtonStyle["Ghost"] = "ghost";
+})(ButtonStyle || (ButtonStyle = {}));

package/components/dropdown/component/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./style.scss";
-import { DropdownProps } from "..";
-/** Dropdown component */
-declare const Dropdown: (props: DropdownProps) => JSX.Element;
-export default Dropdown;
+import { FC } from "react";
+import "./style.scss";
+import { DropdownProps } from "..";
+/** Dropdown component */
+declare const Dropdown: FC<DropdownProps>;
+export default Dropdown;
 //# sourceMappingURL=index.d.ts.map

package/components/dropdown/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAInC,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAIxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAInC,yBAAyB;AACzB,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAI/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/dropdown/component/index.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "./style.scss";
-import DropdownWithLabel from "../components/withLabel";
-import DropdownCompact from "../components/compact";
-/** Dropdown component */
-const Dropdown = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(DropdownCompact, { ...props })
-        : _jsx(DropdownWithLabel, { ...props });
-};
-export default Dropdown;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import DropdownWithLabel from "../components/withLabel";
+import DropdownCompact from "../components/compact";
+/** Dropdown component */
+const Dropdown = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(DropdownCompact, { ...props })
+        : _jsx(DropdownWithLabel, { ...props });
+};
+export default Dropdown;

package/components/dropdown/components/compact/index.d.ts

@@ -1,11 +1,11 @@
-import { FC } from "react";
-import { DropdownProps } from "../..";
-/** Props type of `DropdownCompact` */
-declare type DropdownCompactProps = DropdownProps & {
-    /** Manual compact dropdown identifier */
-    id?: string;
-};
-/** Dropdown component without label */
-declare const DropdownCompact: FC<DropdownCompactProps>;
-export default DropdownCompact;
+import { FC } from "react";
+import { DropdownProps } from "../..";
+/** Props type of `DropdownCompact` */
+type DropdownCompactProps = DropdownProps & {
+    /** Manual compact dropdown identifier */
+    id?: string;
+};
+/** Dropdown component without label */
+declare const DropdownCompact: FC<DropdownCompactProps>;
+export default DropdownCompact;
 //# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/compact/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,sCAAsC;AACtC,aAAK,oBAAoB,GAAG,aAAa,GAAG;IACxC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,uCAAuC;AACvC,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4J7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,EAAE,EAAW,MAAM,OAAO,CAAC;AAQ9E,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,sCAAsC;AACtC,KAAK,oBAAoB,GAAG,aAAa,GAAG;IACxC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,uCAAuC;AACvC,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkK7C,CAAC;AAEF,eAAe,eAAe,CAAC"}