boreal-ui 0.0.34 → 0.0.35

package/dist/next/Tooltip-CnwS0tgW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-CnwS0tgW.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n  (\r\n    {\r\n      content,\r\n      position = \"top\",\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      children,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"tooltip\",\r\n      classMap,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const tooltipId = useId();\r\n    const [visible, setVisible] = useState(false);\r\n    const showTooltip = () => setVisible(true);\r\n    const hideTooltip = () => setVisible(false);\r\n\r\n    const toolTipClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.tooltip,\r\n          classMap[position],\r\n          classMap[theme],\r\n          classMap[state],\r\n          visible && classMap.visible,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, position, theme, visible, shadow, rounding]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={combineClassNames(classMap.container, className)}\r\n        data-testid={`${testId}-container`}\r\n        onMouseEnter={showTooltip}\r\n        onMouseLeave={hideTooltip}\r\n        onFocus={showTooltip}\r\n        onBlur={hideTooltip}\r\n      >\r\n        <span\r\n          tabIndex={0}\r\n          aria-describedby={tooltipId}\r\n          data-testid={`${testId}-trigger`}\r\n          className={classMap.triggerWrapper}\r\n        >\r\n          {children}\r\n        </span>\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          data-testid={testId}\r\n          aria-hidden={!visible}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,cAAcA,MAAAA;AAAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAYC,MAAAA,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmBC,MAAAA;AAAAA,MACvB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,WAAAA,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAAG,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEHA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AC3E1B,MAAM,UAAUV,MAAAA,WAAyC,CAAC,OAAO,QAC/DU,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;;"}

package/dist/next/Tooltip-DhRckexD.js

@@ -1,151 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useState, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_32s14_91";
-const errorMessage = "_errorMessage_32s14_92";
-const loadingContainer = "_loadingContainer_32s14_93";
-const hideScrollbar = "_hideScrollbar_32s14_85";
-const sr_only = "_sr_only_32s14_94";
-const container = "_container_32s14_540";
-const tooltip = "_tooltip_32s14_544";
-const top = "_top_32s14_569";
-const bottom = "_bottom_32s14_581";
-const left = "_left_32s14_593";
-const right = "_right_32s14_605";
-const primary = "_primary_32s14_617";
-const secondary = "_secondary_32s14_637";
-const tertiary = "_tertiary_32s14_665";
-const quaternary = "_quaternary_32s14_689";
-const clear = "_clear_32s14_713";
-const success = "_success_32s14_737";
-const error = "_error_32s14_92";
-const warning = "_warning_32s14_785";
-const roundNone = "_roundNone_32s14_814";
-const roundSmall = "_roundSmall_32s14_818";
-const roundMedium = "_roundMedium_32s14_822";
-const roundLarge = "_roundLarge_32s14_826";
-const roundFull = "_roundFull_32s14_830";
-const shadowNone = "_shadowNone_32s14_834";
-const shadowLight = "_shadowLight_32s14_838";
-const shadowMedium = "_shadowMedium_32s14_842";
-const shadowStrong = "_shadowStrong_32s14_846";
-const shadowIntense = "_shadowIntense_32s14_850";
-const spin = "_spin_32s14_1";
-const pulse = "_pulse_32s14_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  container,
-  tooltip,
-  top,
-  bottom,
-  left,
-  right,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_32s14_1",
-  "slide-up": "_slide-up_32s14_1",
-  "spin-3d": "_spin-3d_32s14_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_32s14_1",
-  "progress-grow": "_progress-grow_32s14_1",
-  "indeterminate-move": "_indeterminate-move_32s14_1",
-  "skeleton-loading": "_skeleton-loading_32s14_1"
-};
-const TooltipBase = forwardRef(
-  ({
-    content,
-    position = "top",
-    theme = getDefaultTheme(),
-    rounding = getDefaultRounding(),
-    shadow = getDefaultShadow(),
-    state = "",
-    children,
-    className = "",
-    "data-testid": testId = "tooltip",
-    classMap,
-    ...rest
-  }, ref) => {
-    const tooltipId = useId();
-    const [visible, setVisible] = useState(false);
-    const showTooltip = () => setVisible(true);
-    const hideTooltip = () => setVisible(false);
-    const toolTipClassName = useMemo(
-      () => combineClassNames(
-        classMap.tooltip,
-        classMap[position],
-        classMap[theme],
-        classMap[state],
-        visible && classMap.visible,
-        shadow && classMap[`shadow${capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize(rounding)}`]
-      ),
-      [classMap, position, theme, visible, shadow, rounding]
-    );
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: combineClassNames(classMap.container, className),
-        "data-testid": `${testId}-container`,
-        onMouseEnter: showTooltip,
-        onMouseLeave: hideTooltip,
-        onFocus: showTooltip,
-        onBlur: hideTooltip,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              tabIndex: 0,
-              "aria-describedby": tooltipId,
-              "data-testid": `${testId}-trigger`,
-              className: classMap.triggerWrapper,
-              children
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref,
-              id: tooltipId,
-              className: toolTipClassName,
-              role: "tooltip",
-              "data-testid": testId,
-              "aria-hidden": !visible,
-              ...rest,
-              children: content
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-TooltipBase.displayName = "TooltipBase";
-const Tooltip = forwardRef((props, ref) => /* @__PURE__ */ jsx(TooltipBase, { ...props, ref, classMap: styles }));
-Tooltip.displayName = "Tooltip";
-export {
-  Tooltip as T
-};
-//# sourceMappingURL=Tooltip-DhRckexD.js.map

package/dist/next/Tooltip-DhRckexD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-DhRckexD.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport const TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n  (\r\n    {\r\n      content,\r\n      position = \"top\",\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      children,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"tooltip\",\r\n      classMap,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const tooltipId = useId();\r\n    const [visible, setVisible] = useState(false);\r\n    const showTooltip = () => setVisible(true);\r\n    const hideTooltip = () => setVisible(false);\r\n\r\n    const toolTipClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.tooltip,\r\n          classMap[position],\r\n          classMap[theme],\r\n          classMap[state],\r\n          visible && classMap.visible,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, position, theme, visible, shadow, rounding]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={combineClassNames(classMap.container, className)}\r\n        data-testid={`${testId}-container`}\r\n        onMouseEnter={showTooltip}\r\n        onMouseLeave={hideTooltip}\r\n        onFocus={showTooltip}\r\n        onBlur={hideTooltip}\r\n      >\r\n        <span\r\n          tabIndex={0}\r\n          aria-describedby={tooltipId}\r\n          data-testid={`${testId}-trigger`}\r\n          className={classMap.triggerWrapper}\r\n        >\r\n          {children}\r\n        </span>\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          data-testid={testId}\r\n          aria-hidden={!visible}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,cAAc;AAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmB;AAAA,MACvB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AC3E1B,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;"}