@bodynarf/react.components 1.6.1 → 1.6.3

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./style.scss";
+import { AnchorProps } from "../..";
+/** Anchor component */
+export default function Anchor(props: AnchorProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAKjD,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}

package/components/anchor/component/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { SimpleAnchor } from "../components/simpleAnchor";
+import { AnchorWithIcon } from "../components/anchorWithIcon";
+/** Anchor component */
+export default function Anchor(props) {
+    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
+        throw new Error("No anchor content provided");
+    }
+    const className = getClassName([
+        "bbr-anchor",
+        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
+        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
+    ]);
+    if (isNullOrUndefined(props.icon)) {
+        return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
+    }
+    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
+}

package/components/anchor/{anchor.scss → component/style.scss}

@@ -1,15 +1,15 @@
-.bbr-anchor {
-    text-decoration: none;
-    color: inherit;
-
-    transition: 0.15s ease-in-out color;
-
-    &:not(&--unhoverable):hover {
-        text-decoration: underline;
-        color: #3273dc;
-    }
-
-    .bbr-icon {
-        transition: none;
-    }
-}
+.bbr-anchor {
+    text-decoration: none;
+    color: inherit;
+
+    transition: 0.15s ease-in-out color;
+
+    &:not(&--unhoverable):hover {
+        text-decoration: underline;
+        color: #3273dc;
+    }
+
+    .bbr-icon {
+        transition: none;
+    }
+}

package/components/anchor/index.d.ts

@@ -1,24 +1,3 @@
-/// <reference types="react" />
-import "./anchor.scss";
-import { ElementIcon } from "..";
-export declare type AnchorProps = {
-    /** Link destination */
-    href?: string;
-    /** Link caption  */
-    caption?: string;
-    /** Click handler */
-    onClick?: () => void;
-    /** Configuration od inner icon */
-    icon?: ElementIcon;
-    /** Title of anchor */
-    title?: string;
-    /** Where to open the linked document */
-    target?: "_blank" | "_top";
-    /** Additional class names */
-    className?: string;
-    /** Should css hovering effects be disabled */
-    disableHovering?: boolean;
-};
-/** Anchor component */
-export default function Anchor(props: AnchorProps): JSX.Element;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/anchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAKjC,oBAAY,WAAW,GAAG;IACtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/anchor/index.js

@@ -1,20 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
-import "./anchor.scss";
-import { SimpleAnchor } from "./components/simpleAnchor";
-import { AnchorWithIcon } from "./components/anchorWithIcon";
-/** Anchor component */
-export default function Anchor(props) {
-    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
-        throw new Error("No anchor content provided");
-    }
-    const className = getClassName([
-        "bbr-anchor",
-        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
-        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
-    ]);
-    if (isNullOrUndefined(props.icon)) {
-        return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
-    }
-    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
-}
+export { default } from "./component";
+export * from "./types";

package/components/anchor/types.d.ts

@@ -1,5 +1,24 @@
 import { ElementIcon } from "..";
-export declare type SimpleAnchorProps = {
+/** Anchor component props type */
+export interface AnchorProps {
+    /** Link destination */
+    href?: string;
+    /** Link caption  */
+    caption?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Configuration od inner icon */
+    icon?: ElementIcon;
+    /** Title of anchor */
+    title?: string;
+    /** Where to open the linked document */
+    target?: "_blank" | "_top";
+    /** Additional class names */
+    className?: string;
+    /** Should css hovering effects be disabled */
+    disableHovering?: boolean;
+}
+export interface SimpleAnchorProps {
     /** Link destination */
     href?: string;
     /** Class names */
@@ -12,9 +31,9 @@ export declare type SimpleAnchorProps = {
     title?: string;
     /** Where to open the linked document */
     target?: "_blank" | "_top";
-};
-export declare type AnchorWithIconProps = SimpleAnchorProps & {
+}
+export interface AnchorWithIconProps extends SimpleAnchorProps {
     /** Configuration of icon */
     icon: ElementIcon;
-};
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,oBAAY,iBAAiB,GAAG;IAC5B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,oBAAY,mBAAmB,GAAG,iBAAiB,GAAG;IAClD,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,kCAAkC;AAClC,MAAM,WAAW,WAAW;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAC9B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB"}

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

@@ -0,0 +1,9 @@
+/// <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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,OAAO,CAAC;AAOjD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C9D"}

package/components/button/component/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { mapDataAttributes } from "../../../utils";
+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 className = getClassName([
+        "button",
+        "bbr-button",
+        props.className,
+        `is-${props.type}`,
+        props.light === true ? "is-light" : "",
+        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
+        props.outlined === true ? "is-outlined" : "",
+        props.rounded === true ? "is-rounded" : "",
+        props.isLoading === true ? "is-loading" : "",
+        props.static === true ? "is-static" : "",
+    ]);
+    const data = isNullOrUndefined(props.data)
+        ? undefined
+        : mapDataAttributes(props.data);
+    if (!isNullOrUndefined(props.icon)) {
+        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
+    }
+    else {
+        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
+    }
+}

package/components/button/{button.scss → component/style.scss}

@@ -1,12 +1,12 @@
-.bbr-button {
-    transition: 0.15s ease-in-out;
-    transition-property: background-color, border-color;
-
-    &--icon-only {
-        padding: 0.55rem !important;
-    }
-
-    &.is-warning.is-outlined:not([disabled]):hover {
-        color: #000 !important;
-    }
-}
+.bbr-button {
+    transition: 0.15s ease-in-out;
+    transition-property: background-color, border-color;
+
+    &--icon-only {
+        padding: 0.55rem !important;
+    }
+
+    &.is-warning.is-outlined:not([disabled]):hover {
+        color: #000 !important;
+    }
+}

package/components/button/index.d.ts

@@ -1,34 +1,3 @@
-/// <reference types="react" />
-import "./button.scss";
-import { BaseElementProps, ElementIcon, ElementSize } from "..";
-import { ButtonType } 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 component
- * @throws Caption is not defined and icon configuration is not defined at the same time
- */
-export default function Button(props: ButtonProps): JSX.Element;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIhE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,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;;;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/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/button/index.js

@@ -1,37 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
-import "./button.scss";
-import { mapDataAttributes } from "../../utils";
-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 className = getClassName([
-        "button",
-        "bbr-button",
-        props.className,
-        `is-${props.type}`,
-        props.light === true ? "is-light" : "",
-        !isNullOrUndefined(props.size) ? `is-${props.size}` : "",
-        props.outlined === true ? "is-outlined" : "",
-        props.rounded === true ? "is-rounded" : "",
-        props.isLoading === true ? "is-loading" : "",
-        props.static === true ? "is-static" : "",
-    ]);
-    const data = isNullOrUndefined(props.data)
-        ? undefined
-        : mapDataAttributes(props.data);
-    if (!isNullOrUndefined(props.icon)) {
-        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
-    }
-    else {
-        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
-    }
-}
+export { default } from "./component";
+export * from "./types";

package/components/button/types.d.ts

@@ -1,5 +1,28 @@
-import { ButtonProps } from ".";
-import { ElementIcon } from "../types";
+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 = "default" /** color: transparent */ | "primary" /** color: seawave 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 */

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,WAAW,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,gDAAgD;AAChD,oBAAY,UAAU,GAClB,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,2BAA2B,GACrC,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,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtE,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,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,2BAA2B,GACrC,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"}

package/components/button/types.js

@@ -1,3 +1,4 @@
 ;
 ;
+;
 export {};

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

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

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

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

package/components/dropdown/component/index.js

@@ -0,0 +1,15 @@
+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) => {
+    if (!isNullOrUndefined(props.label)) {
+        return _jsx(DropdownWithLabel, { ...props });
+    }
+    else {
+        return _jsx(DropdownCompact, { ...props });
+    }
+};
+export default Dropdown;

package/components/dropdown/index.d.ts

@@ -1,43 +1,3 @@
-/// <reference types="react" />
-import "./dropdown.scss";
-import { BaseElementProps } from "..";
-import { InputLabel, ValidationState } from "../primitives";
-import { SelectableItem } from "./types";
-export declare type DropdownProps = BaseElementProps & {
-    /** Items which can be selected */
-    items: Array<SelectableItem>;
-    /** Input element placeholder */
-    placeholder: string;
-    /**
-     * Action to update selected value, which stored outside
-    */
-    onSelect: (item?: SelectableItem) => void;
-    /**
-     * Selected value.
-     * Must be stored outside
-    */
-    value?: SelectableItem;
-    /** Hide dropdown list when its opened and user click outside */
-    hideOnOuterClick: boolean;
-    /** Can user deselect */
-    deselectable?: boolean;
-    /** Custom dropdown list max-height property */
-    listMaxHeight?: string;
-    /**
-     * Should dropdown be compact
-     * Will have width by maximum current selection item width
-     */
-    compact?: boolean;
-    /**
-     * Is element disabled
-     */
-    disabled?: boolean;
-    /** Label configuration */
-    label?: InputLabel;
-    /** Current validation state */
-    validationState?: ValidationState;
-};
-/** Dropdown component */
-declare const Dropdown: (props: DropdownProps) => JSX.Element;
-export default Dropdown;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,oBAAY,aAAa,GAAG,gBAAgB,GAAG;IAC3C,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAE7B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IAEpB;;MAEE;IACF,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAE1C;;;MAGE;IACF,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,gEAAgE;IAChE,gBAAgB,EAAE,OAAO,CAAC;IAE1B,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC,CAAA;AAED,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/dropdown/index.js

@@ -1,15 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "./dropdown.scss";
-import DropdownWithLabel from "./components/withLabel";
-import DropdownCompact from "./components/compact";
-/** Dropdown component */
-const Dropdown = (props) => {
-    if (!isNullOrUndefined(props.label)) {
-        return _jsx(DropdownWithLabel, { ...props });
-    }
-    else {
-        return _jsx(DropdownCompact, { ...props });
-    }
-};
-export default Dropdown;
+export { default } from "./component";
+export * from "./types";

package/components/dropdown/types.d.ts

@@ -1,10 +1,46 @@
+import { BaseElementProps, InputLabel, ValidationState } from "..";
 /** Dropdown item */
-export declare type SelectableItem = {
+export interface SelectableItem {
     /** Unique item identifier */
     id: string;
     /** Item value */
     value: string;
     /** Displaying text */
     displayValue: string;
-};
+}
+/** Dropdown component props type */
+export interface DropdownProps extends BaseElementProps {
+    /** Items which can be selected */
+    items: Array<SelectableItem>;
+    /** Input element placeholder */
+    placeholder: string;
+    /**
+     * Action to update selected value, which stored outside
+    */
+    onSelect: (item?: SelectableItem) => void;
+    /**
+     * Selected value.
+     * Must be stored outside
+    */
+    value?: SelectableItem;
+    /** Hide dropdown list when its opened and user click outside */
+    hideOnOuterClick: boolean;
+    /** Can user deselect */
+    deselectable?: boolean;
+    /** Custom dropdown list max-height property */
+    listMaxHeight?: string;
+    /**
+     * Should dropdown be compact
+     * Will have width by maximum current selection item width
+     */
+    compact?: boolean;
+    /**
+     * Is element disabled
+     */
+    disabled?: boolean;
+    /** Label configuration */
+    label?: InputLabel;
+    /** Current validation state */
+    validationState?: ValidationState;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/types.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAY,cAAc,GAAG;IACzB,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IAEX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,YAAY,EAAE,MAAM,CAAC;CACxB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAEnE,oBAAoB;AACpB,MAAM,WAAW,cAAc;IAC3B,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IAEX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACnD,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAE7B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IAEpB;;MAEE;IACF,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAE1C;;;MAGE;IACF,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,gEAAgE;IAChE,gBAAgB,EAAE,OAAO,CAAC;IAE1B,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./style.scss";
+import { IconProps } from "..";
+/**
+ * Icon component. Based on bootstrap icons
+ */
+export default function Icon({ name, size, className, }: IconProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAU/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EACzB,IAAI,EAAE,IAAyB,EAC/B,SAAS,GACZ,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAYzB"}

package/components/icon/component/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "@bodynarf/utils";
+import "./style.scss";
+import { ElementSize } from "../..";
+const sizeToClassMap = new Map([
+    [ElementSize.Small, "bbr-icon--size-smal"],
+    [ElementSize.Normal, ""],
+    [ElementSize.Medium, "bbr-icon--size-medium"],
+    [ElementSize.Large, "bbr-icon--size-large"]
+]);
+/**
+ * Icon component. Based on bootstrap icons
+ */
+export default function Icon({ name, size = ElementSize.Normal, className, }) {
+    const classNames = getClassName([
+        "bbr-icon",
+        "bi",
+        `bi-${name}`,
+        sizeToClassMap.has(size) ? sizeToClassMap.get(size) : "",
+        className
+    ]);
+    return (_jsx("i", { className: classNames }));
+}

package/components/icon/{icon.scss → component/style.scss}

@@ -1,21 +1,21 @@
-.bbr-icon {
-    transition: 0.15s ease-in-out color;
-    font-size: 1rem;
-
-    &--size-small {
-        font-size: 0.85rem;
-    }
-    &--size-medium {
-        font-size: 1.25rem;
-    }
-    &--size-large {
-        font-size: 2rem;
-    }
-
-    &--right {
-        margin-left: 0.5rem;
-    }
-    &--left {
-        margin-right: 0.5rem;
-    }
-}
+.bbr-icon {
+    transition: 0.15s ease-in-out color;
+    font-size: 1rem;
+
+    &--size-small {
+        font-size: 0.85rem;
+    }
+    &--size-medium {
+        font-size: 1.25rem;
+    }
+    &--size-large {
+        font-size: 2rem;
+    }
+
+    &--right {
+        margin-left: 0.5rem;
+    }
+    &--left {
+        margin-right: 0.5rem;
+    }
+}

package/components/icon/index.d.ts

@@ -1,22 +1,3 @@
-/// <reference types="react" />
-import "./icon.scss";
-import { ElementSize } from "..";
-/** Icon component props */
-export declare type IconProps = {
-    /**
-     * Icon name. Must be without `bi-`
-     * @example ["Arrow repeat", "arrow-repeat"]
-     * // Icon name to icon class name.
-     * // For class name check bootstrap icons website
-    */
-    name: string;
-    /** Additional classname */
-    className?: string;
-    /** Icon size */
-    size?: ElementSize;
-};
-/**
- * Icon component. Based on bootstrap icons
- */
-export default function Icon({ name, size, className, }: IconProps): JSX.Element;
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map