@bodynarf/react.components 1.14.1 → 1.14.2

package/components/timeline/component/style.css

@@ -44,9 +44,9 @@
   height: 1.5rem;
   min-width: 1.5rem;
   border-radius: 50%;
-  background: hsl(171, 100%, 41%);
-  border: 2px solid hsl(171, 100%, 41%);
-  color: hsl(0, 0%, 100%);
+  background: var(--bulma-primary, #00d1b2);
+  border: 2px solid var(--bulma-primary, #00d1b2);
+  color: var(--bulma-white, #fff);
   font-size: 0.75rem;
   font-weight: 600;
   z-index: 1;
@@ -61,28 +61,28 @@
 }
 .bbr-timeline .bbr-timeline-content {
   flex: 1;
-  background: hsl(0, 0%, 100%);
-  border: 1px solid hsl(0, 0%, 86%);
+  background: var(--bulma-white, #fff);
+  border: 1px solid var(--bulma-grey-lighter, #dbdbdb);
   border-radius: 4px;
   padding: 1rem;
   margin-left: 1rem;
-  box-shadow: 0 2px 4px rgba(10.2, 10.2, 10.2, 0.05);
+  box-shadow: 0 2px 4px rgba(var(--bulma-black, #0a0a0a), 0.05);
 }
 .bbr-timeline .bbr-timeline-title {
   font-weight: 600;
   font-size: 1rem;
-  color: hsl(0, 0%, 21%);
+  color: var(--bulma-grey-darker, #363636);
   line-height: 1.25;
 }
 .bbr-timeline .bbr-timeline-text {
   margin-top: 0.5rem;
   font-size: 0.875rem;
-  color: hsl(0, 0%, 48%);
+  color: var(--bulma-grey, #7a7a7a);
   line-height: 1.5;
 }
 .bbr-timeline .bbr-timeline-timestamp {
   font-size: 0.75rem;
-  color: hsl(0, 0%, 71%);
+  color: var(--bulma-grey-light, #b5b5b5);
   margin-bottom: 0.25rem;
 }
 .bbr-timeline .bbr-timeline-connector {
@@ -91,7 +91,7 @@
   top: 1.5rem;
   width: 2px;
   height: calc(100% - 1.5rem);
-  background: hsl(0, 0%, 86%);
+  background: var(--bulma-grey-lighter, #dbdbdb);
   z-index: 0;
 }
 .bbr-timeline.is-left-aligned .bbr-timeline-item {
@@ -163,57 +163,37 @@
   display: none;
 }
 .bbr-timeline.is-hollow .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-}
-.bbr-timeline.is-hollow .bbr-timeline-item.is-white .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 100%);
-  color: hsl(0, 0%, 100%);
-}
-.bbr-timeline.is-hollow .bbr-timeline-item.is-black .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 4%);
-  color: hsl(0, 0%, 4%);
-}
-.bbr-timeline.is-hollow .bbr-timeline-item.is-light .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 96%);
-  color: hsl(0, 0%, 96%);
-}
-.bbr-timeline.is-hollow .bbr-timeline-item.is-dark .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 21%);
-  color: hsl(0, 0%, 21%);
+  background: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-primary .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(171, 100%, 41%);
-  color: hsl(171, 100%, 41%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-primary, #00d1b2);
+  color: var(--bulma-primary, #00d1b2);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-link .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(229, 53%, 53%);
-  color: hsl(229, 53%, 53%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-link, #485fc7);
+  color: var(--bulma-link, #485fc7);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-info .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(207, 61%, 53%);
-  color: hsl(207, 61%, 53%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-info, #3e8ed0);
+  color: var(--bulma-info, #3e8ed0);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-success .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(153, 53%, 53%);
-  color: hsl(153, 53%, 53%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-success, #48c78e);
+  color: var(--bulma-success, #48c78e);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-warning .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(44, 100%, 77%);
-  color: hsl(44, 100%, 77%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-warning, #ffe08a);
+  color: var(--bulma-warning, #ffe08a);
 }
 .bbr-timeline.is-hollow .bbr-timeline-item.is-danger .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(348, 86%, 61%);
-  color: hsl(348, 86%, 61%);
+  background: var(--bulma-white, #fff);
+  border-color: var(--bulma-danger, #f14668);
+  color: var(--bulma-danger, #f14668);
 }
 .bbr-timeline.is-animated .bbr-timeline-item {
   opacity: 0;
@@ -356,133 +336,81 @@
   top: 2rem;
   height: calc(100% - 2rem);
 }
-.bbr-timeline.is-white .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 100%);
-  color: hsl(0, 0%, 4%);
-}
-.bbr-timeline.is-white .bbr-timeline-connector {
-  background: rgba(255, 255, 255, 0.3);
-}
-.bbr-timeline .bbr-timeline-item.is-white .bbr-timeline-marker {
-  background: hsl(0, 0%, 100%);
-  border-color: hsl(0, 0%, 100%);
-  color: hsl(0, 0%, 4%);
-}
-.bbr-timeline.is-black .bbr-timeline-marker {
-  background: hsl(0, 0%, 4%);
-  border-color: hsl(0, 0%, 4%);
-  color: hsl(0, 0%, 100%);
-}
-.bbr-timeline.is-black .bbr-timeline-connector {
-  background: rgba(10.2, 10.2, 10.2, 0.3);
-}
-.bbr-timeline .bbr-timeline-item.is-black .bbr-timeline-marker {
-  background: hsl(0, 0%, 4%);
-  border-color: hsl(0, 0%, 4%);
-  color: hsl(0, 0%, 100%);
-}
-.bbr-timeline.is-light .bbr-timeline-marker {
-  background: hsl(0, 0%, 96%);
-  border-color: hsl(0, 0%, 96%);
-  color: rgba(0, 0, 0, 0.7);
-}
-.bbr-timeline.is-light .bbr-timeline-connector {
-  background: rgba(244.8, 244.8, 244.8, 0.3);
-}
-.bbr-timeline .bbr-timeline-item.is-light .bbr-timeline-marker {
-  background: hsl(0, 0%, 96%);
-  border-color: hsl(0, 0%, 96%);
-  color: rgba(0, 0, 0, 0.7);
-}
-.bbr-timeline.is-dark .bbr-timeline-marker {
-  background: hsl(0, 0%, 21%);
-  border-color: hsl(0, 0%, 21%);
-  color: #fff;
-}
-.bbr-timeline.is-dark .bbr-timeline-connector {
-  background: rgba(53.55, 53.55, 53.55, 0.3);
-}
-.bbr-timeline .bbr-timeline-item.is-dark .bbr-timeline-marker {
-  background: hsl(0, 0%, 21%);
-  border-color: hsl(0, 0%, 21%);
-  color: #fff;
-}
 .bbr-timeline.is-primary .bbr-timeline-marker {
-  background: hsl(171, 100%, 41%);
-  border-color: hsl(171, 100%, 41%);
-  color: #fff;
+  background: var(--bulma-primary, #00d1b2);
+  border-color: var(--bulma-primary, #00d1b2);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-primary .bbr-timeline-connector {
-  background: rgba(0, 209.1, 177.735, 0.3);
+  background: rgba(var(--bulma-primary, #00d1b2), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-primary .bbr-timeline-marker {
-  background: hsl(171, 100%, 41%);
-  border-color: hsl(171, 100%, 41%);
-  color: #fff;
+  background: var(--bulma-primary, #00d1b2);
+  border-color: var(--bulma-primary, #00d1b2);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-link .bbr-timeline-marker {
-  background: hsl(229, 53%, 53%);
-  border-color: hsl(229, 53%, 53%);
-  color: #fff;
+  background: var(--bulma-link, #485fc7);
+  border-color: var(--bulma-link, #485fc7);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-link .bbr-timeline-connector {
-  background: rgba(71.6295, 94.92035, 198.6705, 0.3);
+  background: rgba(var(--bulma-link, #485fc7), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-link .bbr-timeline-marker {
-  background: hsl(229, 53%, 53%);
-  border-color: hsl(229, 53%, 53%);
-  color: #fff;
+  background: var(--bulma-link, #485fc7);
+  border-color: var(--bulma-link, #485fc7);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-info .bbr-timeline-marker {
-  background: hsl(207, 61%, 53%);
-  border-color: hsl(207, 61%, 53%);
-  color: #fff;
+  background: var(--bulma-info, #3e8ed0);
+  border-color: var(--bulma-info, #3e8ed0);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-info .bbr-timeline-connector {
-  background: rgba(62.0415, 142.46085, 208.2585, 0.3);
+  background: rgba(var(--bulma-info, #3e8ed0), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-info .bbr-timeline-marker {
-  background: hsl(207, 61%, 53%);
-  border-color: hsl(207, 61%, 53%);
-  color: #fff;
+  background: var(--bulma-info, #3e8ed0);
+  border-color: var(--bulma-info, #3e8ed0);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-success .bbr-timeline-marker {
-  background: hsl(153, 53%, 53%);
-  border-color: hsl(153, 53%, 53%);
-  color: #fff;
+  background: var(--bulma-success, #48c78e);
+  border-color: var(--bulma-success, #48c78e);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-success .bbr-timeline-connector {
-  background: rgba(71.6295, 198.6705, 141.50205, 0.3);
+  background: rgba(var(--bulma-success, #48c78e), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-success .bbr-timeline-marker {
-  background: hsl(153, 53%, 53%);
-  border-color: hsl(153, 53%, 53%);
-  color: #fff;
+  background: var(--bulma-success, #48c78e);
+  border-color: var(--bulma-success, #48c78e);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-warning .bbr-timeline-marker {
-  background: hsl(44, 100%, 77%);
-  border-color: hsl(44, 100%, 77%);
+  background: var(--bulma-warning, #ffe08a);
+  border-color: var(--bulma-warning, #ffe08a);
   color: rgba(0, 0, 0, 0.7);
 }
 .bbr-timeline.is-warning .bbr-timeline-connector {
-  background: rgba(255, 223.72, 137.7, 0.3);
+  background: rgba(var(--bulma-warning, #ffe08a), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-warning .bbr-timeline-marker {
-  background: hsl(44, 100%, 77%);
-  border-color: hsl(44, 100%, 77%);
+  background: var(--bulma-warning, #ffe08a);
+  border-color: var(--bulma-warning, #ffe08a);
   color: rgba(0, 0, 0, 0.7);
 }
 .bbr-timeline.is-danger .bbr-timeline-marker {
-  background: hsl(348, 86%, 61%);
-  border-color: hsl(348, 86%, 61%);
-  color: #fff;
+  background: var(--bulma-danger, #f14668);
+  border-color: var(--bulma-danger, #f14668);
+  color: var(--bulma-white, #fff);
 }
 .bbr-timeline.is-danger .bbr-timeline-connector {
-  background: rgba(241.077, 70.023, 104.2338, 0.3);
+  background: rgba(var(--bulma-danger, #f14668), 0.3);
 }
 .bbr-timeline .bbr-timeline-item.is-danger .bbr-timeline-marker {
-  background: hsl(348, 86%, 61%);
-  border-color: hsl(348, 86%, 61%);
-  color: #fff;
+  background: var(--bulma-danger, #f14668);
+  border-color: var(--bulma-danger, #f14668);
+  color: var(--bulma-white, #fff);
 }

package/components/timeline/component/style.scss

@@ -1,4 +1,28 @@
-@import "bulma/sass/utilities/derived-variables";
+@use "sass:list";
+
+// Bulma variables - compatible with v0.9.x and v1.x
+// Uses CSS variables with fallbacks matching Bulma 0.9.4 defaults
+// v1.x: CSS variables (--bulma-*) will be used if defined
+// v0.9.x: Fallback values will be used (no CSS variables in 0.9.x)
+
+// Colors
+$primary: var(--bulma-primary, #00d1b2);
+$white: var(--bulma-white, #fff);
+$black: var(--bulma-black, #0a0a0a);
+$grey-lighter: var(--bulma-grey-lighter, #dbdbdb);
+$grey-light: var(--bulma-grey-light, #b5b5b5);
+$grey: var(--bulma-grey, #7a7a7a);
+$grey-darker: var(--bulma-grey-darker, #363636);
+
+// Color map for variations
+$colors: (
+    "primary": ($primary, $white),
+    "link": (var(--bulma-link, #485fc7), $white),
+    "info": (var(--bulma-info, #3e8ed0), $white),
+    "success": (var(--bulma-success, #48c78e), $white),
+    "warning": (var(--bulma-warning, #ffe08a), rgba(0, 0, 0, 0.7)),
+    "danger": (var(--bulma-danger, #f14668), $white)
+);
 
 $timeline-marker-size: 1.5rem !default;
 $timeline-marker-size-small: 1.25rem !default;
@@ -241,7 +265,7 @@ $timeline-item-spacing: 2rem !default;
         }
 
         @each $name, $pair in $colors {
-            $color: nth($pair, 1);
+            $color: list.nth($pair, 1);
 
             .bbr-timeline-item.is-#{$name} .bbr-timeline-marker {
                 background: $timeline-marker-hollow-bg;
@@ -371,8 +395,8 @@ $timeline-item-spacing: 2rem !default;
 
     // Color variations
     @each $name, $pair in $colors {
-        $color: nth($pair, 1);
-        $color-invert: nth($pair, 2);
+        $color: list.nth($pair, 1);
+        $color-invert: list.nth($pair, 2);
 
         &.is-#{$name} {
             .bbr-timeline-marker {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.14.1",
+    "version": "1.14.2",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"
@@ -21,6 +21,8 @@
         "bulma"
     ],
     "scripts": {
+        "dev": "cd examples && npm run dev",
+        "examples:install": "cd examples && npm install",
         "build": "npx tsc && tsc-alias -p tsconfig.json",
         "copy_styles": "copyfiles -u 1 src/**/*.scss dist",
         "copy_main": "copyfiles package.json *.md .npmignore dist",
@@ -50,7 +52,8 @@
         "stylelint-config-standard-scss": "^13.1.0",
         "tsc-alias": "^1.8.6",
         "typescript": "~5.8.3",
-        "typescript-eslint": "^8.35.1"
+        "typescript-eslint": "^8.35.1",
+        "vite-tsconfig-paths": "^6.1.1"
     },
     "peerDependencies": {
         "@bodynarf/utils": "latest",

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

@@ -1,8 +0,0 @@
-import "./style.scss";
-import { AnchorProps } from "..";
-/**
- * Anchor component
- * @deprecated Since v1.12.7. Use html element with custom formatting
- */
-export default function Anchor(props: AnchorProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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,IAAI,CAAC;AAIjC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}

package/components/anchor/component/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined, getClassName } from "@bodynarf/utils";
-import "./style.scss";
-import SimpleAnchor from "../components/simpleAnchor";
-import AnchorWithIcon from "../components/anchorWithIcon";
-/**
- * Anchor component
- * @deprecated Since v1.12.7. Use html element with custom formatting
- */
-export default function Anchor(props) {
-    if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
-        throw new Error("No anchor content provided");
-    }
-    const className = getClassName([
-        "bbr-anchor",
-        props.className,
-        props.disableHovering === true ? "bbr-anchor--unhoverable" : ""
-    ]);
-    if (isNullOrUndefined(props.icon)) {
-        return (_jsx(SimpleAnchor, { ...props, className: className }));
-    }
-    return (_jsx(AnchorWithIcon, { ...props, icon: props.icon, className: className }));
-}

package/components/anchor/component/style.css

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

package/components/anchor/component/style.scss

@@ -1,15 +0,0 @@
-.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/components/anchorWithIcon/index.d.ts

@@ -1,11 +0,0 @@
-import { ElementIcon } from "../../../../types";
-import { AnchorProps } from "../..";
-/** Props type of `AnchorWithIcon` */
-interface AnchorWithIconProps extends Omit<AnchorProps, "icon"> {
-    /** Configuration of icon */
-    icon: ElementIcon;
-}
-/** Anchor with icon component */
-declare const AnchorWithIcon: ({ href, caption, target, icon, onClick, className, title, data, }: AnchorWithIconProps) => JSX.Element;
-export default AnchorWithIcon;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/anchorWithIcon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAmB,MAAM,YAAY,CAAC;AAI1D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,qCAAqC;AACrC,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB;AAED,iCAAiC;AACjC,QAAA,MAAM,cAAc,GAAI,mEAMrB,mBAAmB,KAAG,GAAG,CAAC,OA6C5B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/components/anchor/components/anchorWithIcon/index.js

@@ -1,24 +0,0 @@
-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";
-/** Anchor with icon component */
-const AnchorWithIcon = ({ href, caption, target, icon, onClick, className, title, data, }) => {
-    const iconClassName = isNullOrEmpty(caption)
-        ? icon.className
-        : getClassName([
-            icon.className,
-            icon.position === ElementPosition.Right
-                ? "bbr-icon--right"
-                : "bbr-icon--left"
-        ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("a", { href: href, target: target, onClick: onClick, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
-    }
-    return (_jsxs("a", { href: href, target: target, onClick: onClick, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
-};
-export default AnchorWithIcon;

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

@@ -1,5 +0,0 @@
-import { AnchorProps } from "../..";
-/** Simple anchor component, without icon */
-declare const SimpleAnchor: ({ href, className, caption, target, onClick, title, data, }: AnchorProps) => JSX.Element;
-export default SimpleAnchor;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/simpleAnchor/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,4CAA4C;AAC5C,QAAA,MAAM,YAAY,GAAI,6DAKnB,WAAW,KAAG,GAAG,CAAC,OAkBpB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/anchor/components/simpleAnchor/index.js

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

package/components/anchor/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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,2 +0,0 @@
-export { default } from "./component";
-export * from "./types";

package/components/anchor/types.d.ts

@@ -1,20 +0,0 @@
-import { BaseElementProps, ElementIcon } from "../../types";
-/**
- * Anchor component props type
- * @deprecated Since v1.12.0. Use html element with custom formatting
- */
-export interface AnchorProps extends BaseElementProps {
-    /** Configuration od inner icon */
-    icon?: ElementIcon;
-    /** Should css hovering effects be disabled */
-    disableHovering?: boolean;
-    /** Link destination */
-    href?: string;
-    /** Link caption  */
-    caption?: string;
-    /** Where to open the linked document */
-    target?: "_blank" | "_top";
-    /** Click handler */
-    onClick?: () => void;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/components/anchor/types.js

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

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

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { TooltipProps } from "..";
-import "./style.scss";
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoD,MAAM,OAAO,CAAC;AAO7E,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsJ7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/components/tooltip/component/index.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useId, useMemo, useState } from "react";
-import { getClassName, isNotNullish, isNullish } from "@bodynarf/utils";
-import { useComponentOutsideClick, useEventListener } from "../../../hooks";
-import { mapDataAttributes } from "../../../utils";
-import "./style.scss";
-const Tooltip = ({ content, children, trigger = "hover", position = "top", disabled = false, isOpen, defaultOpen = false, closeOnOutsideClick = true, closeOnEsc = true, interactive = false, className, contentClassName, title, data, onOpenChange, }) => {
-    const [internalOpen, setInternalOpen] = useState(defaultOpen);
-    const generatedId = useId();
-    const id = useMemo(() => `tooltip-${generatedId}`.replace(/:/g, ""), [generatedId]);
-    const isControlled = isNotNullish(isOpen);
-    const open = (isControlled ? isOpen : internalOpen) ?? false;
-    const setOpen = useCallback((next) => {
-        if (!isControlled) {
-            setInternalOpen(next);
-        }
-        onOpenChange?.(next);
-    }, [isControlled, onOpenChange]);
-    const onMouseEnter = useCallback(() => {
-        if (disabled || trigger !== "hover") {
-            return;
-        }
-        setOpen(true);
-    }, [disabled, trigger, setOpen]);
-    const onMouseLeave = useCallback(() => {
-        if (disabled || trigger !== "hover") {
-            return;
-        }
-        setOpen(false);
-    }, [disabled, trigger, setOpen]);
-    const onFocus = useCallback(() => {
-        if (disabled || trigger !== "hover") {
-            return;
-        }
-        setOpen(true);
-    }, [disabled, trigger, setOpen]);
-    const onBlur = useCallback(() => {
-        if (disabled || trigger !== "hover") {
-            return;
-        }
-        setOpen(false);
-    }, [disabled, trigger, setOpen]);
-    const onClick = useCallback(() => {
-        if (disabled || trigger !== "click") {
-            return;
-        }
-        setOpen(!open);
-    }, [disabled, trigger, open, setOpen]);
-    useEffect(() => {
-        if (disabled && open) {
-            setOpen(false);
-        }
-    }, [disabled, open, setOpen]);
-    useComponentOutsideClick(`[data-tooltip-id="${id}"]`, open && trigger === "click" && closeOnOutsideClick, () => setOpen(false), trigger === "click");
-    useEventListener("keydown", (event) => {
-        if (!closeOnEsc || !open) {
-            return;
-        }
-        if (event.key === "Escape") {
-            setOpen(false);
-        }
-    }, document);
-    const rootClassName = getClassName([
-        "bbr-tooltip",
-        `bbr-tooltip--${position}`,
-        className,
-    ]);
-    const dataAttributes = mapDataAttributes(data);
-    const contentClassNames = getClassName([
-        "bbr-tooltip__content",
-        interactive ? "" : "bbr-tooltip__content--noninteractive",
-        "has-background-dark",
-        "has-text-white",
-        contentClassName,
-    ]);
-    return (_jsxs("span", { title: title, onBlur: onBlur, onClick: onClick, onFocus: onFocus, ...dataAttributes, "data-tooltip-id": id, className: rootClassName, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [children, open && !disabled && !isNullish(content)
-                ? (_jsx("span", { role: "tooltip", className: contentClassNames, children: content }))
-                : null] }));
-};
-export default Tooltip;

package/components/tooltip/index.d.ts

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