boreal-ui 0.0.72 → 0.0.73

package/dist/core/{Toolbar-Ce40CpVS.js → Toolbar-fSghH1_-.js}

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as Avatar } from "./Avatar-CUSWjsVo.js";
+import { A as Avatar } from "./Avatar-Ct2kXkNR.js";
 import { 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-DsaRlxmw.js";
 const ToolbarBase = ({
   title,
+  titleId,
   left,
   center,
   right,
@@ -15,9 +16,15 @@ const ToolbarBase = ({
   rounding = getDefaultRounding(),
   className = "",
   "data-testid": testId = "toolbar",
+  "aria-label": ariaLabelProp,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  leftAriaLabel = "Toolbar left section",
+  centerAriaLabel = "Toolbar center section",
+  rightAriaLabel = "Toolbar right section",
   AvatarComponent,
   classMap,
-  ariaLabel = "Toolbar",
+  "aria-label": ariaLabel = "Toolbar",
   headingLevel = 1
 }) => {
   const safeHeading = Math.min(6, Math.max(1, headingLevel));
@@ -32,14 +39,18 @@ const ToolbarBase = ({
     ),
     [classMap, theme, className, shadow, rounding]
   );
-  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick ? true : void 0;
+  const resolvedAriaLabel = ariaLabelledBy ? void 0 : ariaLabelProp ?? ariaLabel;
+  const avatarAriaHidden = avatar && !avatar.name && !avatar.onClick && !avatar["aria-label"] ? true : void 0;
+  const resolvedTitleId = title ? titleId ?? `${testId}-title` : void 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: toolbarClass,
       role: "toolbar",
       "aria-orientation": "horizontal",
-      "aria-label": ariaLabel,
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsx(
@@ -47,7 +58,7 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar left section",
+            "aria-label": leftAriaLabel,
             "data-testid": `${testId}-left`,
             children: left
           }
@@ -57,10 +68,18 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar center section",
+            "aria-label": centerAriaLabel,
             "data-testid": `${testId}-center`,
             children: [
-              title && /* @__PURE__ */ jsx(TitleTag, { className: classMap.title, "data-testid": `${testId}-title`, children: title }),
+              title && /* @__PURE__ */ jsx(
+                TitleTag,
+                {
+                  id: resolvedTitleId,
+                  className: classMap.title,
+                  "data-testid": `${testId}-title`,
+                  children: title
+                }
+              ),
               center
             ]
           }
@@ -70,7 +89,7 @@ const ToolbarBase = ({
           {
             className: classMap.section,
             role: "group",
-            "aria-label": "Toolbar right section",
+            "aria-label": rightAriaLabel,
             "data-testid": `${testId}-right`,
             children: [
               right,
@@ -89,6 +108,7 @@ const ToolbarBase = ({
                       theme: avatar.theme,
                       outline: avatar.outline,
                       onClick: avatar.onClick,
+                      "aria-label": avatar["aria-label"],
                       "aria-hidden": avatarAriaHidden
                     }
                   )
@@ -127,4 +147,4 @@ Toolbar.displayName = "Toolbar";
 export {
   Toolbar as T
 };
-//# sourceMappingURL=Toolbar-Ce40CpVS.js.map
+//# sourceMappingURL=Toolbar-fSghH1_-.js.map

package/dist/core/Toolbar-fSghH1_-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar-fSghH1_-.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.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\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n  title,\r\n  titleId,\r\n  left,\r\n  center,\r\n  right,\r\n  avatar,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"toolbar\",\r\n  \"aria-label\": ariaLabelProp,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  leftAriaLabel = \"Toolbar left section\",\r\n  centerAriaLabel = \"Toolbar center section\",\r\n  rightAriaLabel = \"Toolbar right section\",\r\n  AvatarComponent,\r\n  classMap,\r\n  \"aria-label\": ariaLabel = \"Toolbar\",\r\n  headingLevel = 1,\r\n}): JSX.Element => {\r\n  const safeHeading = Math.min(6, Math.max(1, headingLevel));\r\n  const TitleTag = `h${safeHeading}` as keyof JSX.IntrinsicElements;\r\n\r\n  const toolbarClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.toolbar,\r\n        classMap[theme],\r\n        className,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, theme, className, shadow, rounding],\r\n  );\r\n\r\n  const resolvedAriaLabel = ariaLabelledBy\r\n    ? undefined\r\n    : (ariaLabelProp ?? ariaLabel);\r\n\r\n  const avatarAriaHidden =\r\n    avatar && !avatar.name && !avatar.onClick && !avatar[\"aria-label\"]\r\n      ? true\r\n      : undefined;\r\n\r\n  const resolvedTitleId = title ? (titleId ?? `${testId}-title`) : undefined;\r\n\r\n  return (\r\n    <div\r\n      className={toolbarClass}\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      aria-label={resolvedAriaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={leftAriaLabel}\r\n        data-testid={`${testId}-left`}\r\n      >\r\n        {left}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={centerAriaLabel}\r\n        data-testid={`${testId}-center`}\r\n      >\r\n        {title && (\r\n          <TitleTag\r\n            id={resolvedTitleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </TitleTag>\r\n        )}\r\n        {center}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.section}\r\n        role=\"group\"\r\n        aria-label={rightAriaLabel}\r\n        data-testid={`${testId}-right`}\r\n      >\r\n        {right}\r\n        {avatar && (\r\n          <div\r\n            className={classMap.avatarWrapper}\r\n            data-testid={`${testId}-avatar`}\r\n          >\r\n            <AvatarComponent\r\n              name={avatar.name}\r\n              src={avatar.src}\r\n              size={avatar.size || \"medium\"}\r\n              shape={avatar.shape || \"circle\"}\r\n              theme={avatar.theme}\r\n              outline={avatar.outline}\r\n              onClick={avatar.onClick}\r\n              aria-label={avatar[\"aria-label\"]}\r\n              aria-hidden={avatarAriaHidden}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nToolbarBase.displayName = \"ToolbarBase\";\r\nexport default ToolbarBase;\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n  toolbar: \"toolbar\",\r\n  section: \"toolbar_section\",\r\n  title: \"toolbar_title\",\r\n  avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n  primary: \"toolbar_primary\",\r\n  secondary: \"toolbar_secondary\",\r\n  tertiary: \"toolbar_tertiary\",\r\n  quaternary: \"toolbar_quaternary\",\r\n\r\n  clear: \"toolbar_clear\",\r\n\r\n  shadowNone: \"toolbar_shadow-None\",\r\n  shadowLight: \"toolbar_shadow-Light\",\r\n  shadowMedium: \"toolbar_shadow-Medium\",\r\n  shadowStrong: \"toolbar_shadow-Strong\",\r\n  shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n  roundNone: \"toolbar_round-None\",\r\n  roundSmall: \"toolbar_round-Small\",\r\n  roundMedium: \"toolbar_round-Medium\",\r\n  roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n  <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Toolbar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Toolbar = require("./Toolbar-DS4OWUio.cjs");
+const Toolbar = require("./Toolbar-CxJxebIJ.cjs");
 module.exports = Toolbar.Toolbar;
 //# sourceMappingURL=Toolbar.cjs.js.map

package/dist/core/Toolbar.js

@@ -1,4 +1,4 @@
-import { T } from "./Toolbar-Ce40CpVS.js";
+import { T } from "./Toolbar-fSghH1_-.js";
 export {
   T as default
 };

package/dist/core/{Tooltip-BqUQU9du.cjs → Tooltip-_e_4s6pE.cjs}

@@ -4,6 +4,14 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+function mergeIds(...values) {
+  return values.filter(Boolean).join(" ") || void 0;
+}
+function callAll(...handlers) {
+  return (event) => {
+    handlers.forEach((handler) => handler == null ? void 0 : handler(event));
+  };
+}
 const TooltipBase = React.forwardRef(function TooltipBase2({
   content,
   position = "top",
@@ -13,11 +21,20 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
   state = "",
   children,
   className = "",
+  id,
+  triggerId,
+  triggerAriaLabel,
+  triggerAriaLabelledBy,
+  triggerAriaDescribedBy,
+  keepMountedWhenHidden = true,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   "data-testid": testId = "tooltip",
   classMap,
   ...rest
 }, ref) {
-  const tooltipId = React.useId();
+  const generatedId = React.useId();
+  const tooltipId = id ?? generatedId;
   const [visible, setVisible] = React.useState(false);
   const show = () => setVisible(true);
   const hide = () => setVisible(false);
@@ -41,26 +58,58 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
     ),
     [classMap, position, theme, state, visible, shadow, rounding]
   );
-  const triggerProps = {
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    onFocus: show,
-    onBlur: hide,
-    "aria-describedby": visible ? tooltipId : void 0,
-    "data-testid": `${testId}-trigger`
-  };
   let trigger;
   if (React.isValidElement(children)) {
-    const isNaturallyFocusable = React.isValidElement(children) && typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(children.type);
-    const existingTabIndex = children.props.tabIndex;
-    const maybeTabIndex = isNaturallyFocusable || existingTabIndex !== void 0 ? {} : { tabIndex: 0 };
-    trigger = React.cloneElement(children, {
-      ...triggerProps,
-      ...maybeTabIndex
+    const child = children;
+    const childProps = child.props;
+    const isNaturallyFocusable = typeof child.type === "string" && ["a", "button", "input", "textarea", "select"].includes(child.type);
+    const maybeTabIndex = isNaturallyFocusable || childProps.tabIndex !== void 0 ? {} : { tabIndex: 0 };
+    const mergedAriaDescribedBy = mergeIds(
+      childProps["aria-describedby"],
+      triggerAriaDescribedBy,
+      visible ? tooltipId : void 0
+    );
+    trigger = React.cloneElement(child, {
+      ...maybeTabIndex,
+      id: triggerId ?? childProps.id,
+      "aria-label": triggerAriaLabel ?? childProps["aria-label"],
+      "aria-labelledby": triggerAriaLabelledBy ?? childProps["aria-labelledby"],
+      "aria-describedby": mergedAriaDescribedBy,
+      "data-testid": `${testId}-trigger`,
+      onMouseEnter: callAll(
+        childProps.onMouseEnter,
+        show
+      ),
+      onMouseLeave: callAll(
+        childProps.onMouseLeave,
+        hide
+      ),
+      onFocus: callAll(childProps.onFocus, show),
+      onBlur: callAll(childProps.onBlur, hide)
     });
   } else {
-    trigger = /* @__PURE__ */ jsxRuntime.jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+    trigger = /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: triggerId,
+        tabIndex: 0,
+        className: classMap.triggerWrapper,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabelledBy,
+        "aria-describedby": mergeIds(
+          triggerAriaDescribedBy,
+          visible ? tooltipId : void 0
+        ),
+        "data-testid": `${testId}-trigger`,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children
+      }
+    );
   }
+  const shouldRenderTooltip = keepMountedWhenHidden || visible;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -68,7 +117,7 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
       "data-testid": `${testId}-container`,
       children: [
         trigger,
-        /* @__PURE__ */ jsxRuntime.jsx(
+        shouldRenderTooltip && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             ref,
@@ -76,6 +125,8 @@ const TooltipBase = React.forwardRef(function TooltipBase2({
             className: toolTipClassName,
             role: "tooltip",
             "aria-hidden": !visible,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
             "data-testid": testId,
             ...rest,
             children: content
@@ -115,4 +166,4 @@ const classes = {
 const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipBase, { ...props, ref, classMap: classes }));
 Tooltip.displayName = "Tooltip";
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=Tooltip-BqUQU9du.cjs.map
+//# sourceMappingURL=Tooltip-_e_4s6pE.cjs.map

package/dist/core/Tooltip-_e_4s6pE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-_e_4s6pE.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } 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\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\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    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\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, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","TooltipBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","isValidElement","cloneElement","jsx","jsxs"],"mappings":"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"}

package/dist/core/{Tooltip-fOb5jy6R.js → Tooltip-wKNLA3ua.js}

@@ -1,8 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } from "react";
+import { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } 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-DsaRlxmw.js";
+function mergeIds(...values) {
+  return values.filter(Boolean).join(" ") || void 0;
+}
+function callAll(...handlers) {
+  return (event) => {
+    handlers.forEach((handler) => handler == null ? void 0 : handler(event));
+  };
+}
 const TooltipBase = forwardRef(function TooltipBase2({
   content,
   position = "top",
@@ -12,11 +20,20 @@ const TooltipBase = forwardRef(function TooltipBase2({
   state = "",
   children,
   className = "",
+  id,
+  triggerId,
+  triggerAriaLabel,
+  triggerAriaLabelledBy,
+  triggerAriaDescribedBy,
+  keepMountedWhenHidden = true,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   "data-testid": testId = "tooltip",
   classMap,
   ...rest
 }, ref) {
-  const tooltipId = useId();
+  const generatedId = useId();
+  const tooltipId = id ?? generatedId;
   const [visible, setVisible] = useState(false);
   const show = () => setVisible(true);
   const hide = () => setVisible(false);
@@ -40,26 +57,58 @@ const TooltipBase = forwardRef(function TooltipBase2({
     ),
     [classMap, position, theme, state, visible, shadow, rounding]
   );
-  const triggerProps = {
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    onFocus: show,
-    onBlur: hide,
-    "aria-describedby": visible ? tooltipId : void 0,
-    "data-testid": `${testId}-trigger`
-  };
   let trigger;
   if (isValidElement(children)) {
-    const isNaturallyFocusable = React.isValidElement(children) && typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(children.type);
-    const existingTabIndex = children.props.tabIndex;
-    const maybeTabIndex = isNaturallyFocusable || existingTabIndex !== void 0 ? {} : { tabIndex: 0 };
-    trigger = cloneElement(children, {
-      ...triggerProps,
-      ...maybeTabIndex
+    const child = children;
+    const childProps = child.props;
+    const isNaturallyFocusable = typeof child.type === "string" && ["a", "button", "input", "textarea", "select"].includes(child.type);
+    const maybeTabIndex = isNaturallyFocusable || childProps.tabIndex !== void 0 ? {} : { tabIndex: 0 };
+    const mergedAriaDescribedBy = mergeIds(
+      childProps["aria-describedby"],
+      triggerAriaDescribedBy,
+      visible ? tooltipId : void 0
+    );
+    trigger = cloneElement(child, {
+      ...maybeTabIndex,
+      id: triggerId ?? childProps.id,
+      "aria-label": triggerAriaLabel ?? childProps["aria-label"],
+      "aria-labelledby": triggerAriaLabelledBy ?? childProps["aria-labelledby"],
+      "aria-describedby": mergedAriaDescribedBy,
+      "data-testid": `${testId}-trigger`,
+      onMouseEnter: callAll(
+        childProps.onMouseEnter,
+        show
+      ),
+      onMouseLeave: callAll(
+        childProps.onMouseLeave,
+        hide
+      ),
+      onFocus: callAll(childProps.onFocus, show),
+      onBlur: callAll(childProps.onBlur, hide)
     });
   } else {
-    trigger = /* @__PURE__ */ jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+    trigger = /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: triggerId,
+        tabIndex: 0,
+        className: classMap.triggerWrapper,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabelledBy,
+        "aria-describedby": mergeIds(
+          triggerAriaDescribedBy,
+          visible ? tooltipId : void 0
+        ),
+        "data-testid": `${testId}-trigger`,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children
+      }
+    );
   }
+  const shouldRenderTooltip = keepMountedWhenHidden || visible;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -67,7 +116,7 @@ const TooltipBase = forwardRef(function TooltipBase2({
       "data-testid": `${testId}-container`,
       children: [
         trigger,
-        /* @__PURE__ */ jsx(
+        shouldRenderTooltip && /* @__PURE__ */ jsx(
           "div",
           {
             ref,
@@ -75,6 +124,8 @@ const TooltipBase = forwardRef(function TooltipBase2({
             className: toolTipClassName,
             role: "tooltip",
             "aria-hidden": !visible,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
             "data-testid": testId,
             ...rest,
             children: content
@@ -116,4 +167,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip as T
 };
-//# sourceMappingURL=Tooltip-fOb5jy6R.js.map
+//# sourceMappingURL=Tooltip-wKNLA3ua.js.map

package/dist/core/Tooltip-wKNLA3ua.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-wKNLA3ua.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } 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\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\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    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\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, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":";;;;;AAkBA,SAAS,YAAY,QAAmC;AACtD,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAC7C;AAEA,SAAS,WAAc,UAAmD;AACxE,SAAO,CAAC,UAAa;AACnB,aAAS,QAAQ,CAAC,YAAY,mCAAU,MAAM;AAAA,EAChD;AACF;AAEA,MAAM,cAAc,WAGlB,SAASA,aACT;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,cAAc,MAAA;AACpB,QAAM,YAAY,MAAM;AAExB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,OAAO,MAAM,WAAW,IAAI;AAClC,QAAM,OAAO,MAAM,WAAW,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAEd,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,MAAA;AAAA,IAC1B;AAEA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,UAAU,OAAO,OAAO,SAAS,QAAQ,QAAQ;AAAA,EAAA;AAG9D,MAAI;AAEJ,MAAI,eAAe,QAAQ,GAAG;AAC5B,UAAM,QAAQ;AACd,UAAM,aAAa,MAAM;AAEzB,UAAM,uBACJ,OAAO,MAAM,SAAS,YACtB,CAAC,KAAK,UAAU,SAAS,YAAY,QAAQ,EAAE,SAAS,MAAM,IAAI;AAEpE,UAAM,gBACJ,wBAAwB,WAAW,aAAa,SAC5C,CAAA,IACA,EAAE,UAAU,EAAA;AAElB,UAAM,wBAAwB;AAAA,MAC5B,WAAW,kBAAkB;AAAA,MAC7B;AAAA,MACA,UAAU,YAAY;AAAA,IAAA;AAGxB,cAAU,aAAa,OAAO;AAAA,MAC5B,GAAG;AAAA,MACH,IAAI,aAAa,WAAW;AAAA,MAC5B,cAAc,oBAAoB,WAAW,YAAY;AAAA,MACzD,mBAAmB,yBAAyB,WAAW,iBAAiB;AAAA,MACxE,oBAAoB;AAAA,MACpB,eAAe,GAAG,MAAM;AAAA,MACxB,cAAc;AAAA,QACZ,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,MAEF,cAAc;AAAA,QACZ,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,MAEF,SAAS,QAAuC,WAAW,SAAS,IAAI;AAAA,MACxE,QAAQ,QAAuC,WAAW,QAAQ,IAAI;AAAA,IAAA,CACvE;AAAA,EACH,OAAO;AACL,cACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,WAAW,SAAS;AAAA,QACpB,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,UAChB;AAAA,UACA,UAAU,YAAY;AAAA,QAAA;AAAA,QAExB,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAM,sBAAsB,yBAAyB;AAErD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,MAC1D,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,QAEA,uBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,MAAK;AAAA,YACL,eAAa,CAAC;AAAA,YACd,cAAY;AAAA,YACZ,mBAAiB;AAAA,YACjB,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,YAAY,cAAc;AC7K1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;"}

package/dist/core/Tooltip.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Tooltip = require("./Tooltip-BqUQU9du.cjs");
+const Tooltip = require("./Tooltip-_e_4s6pE.cjs");
 module.exports = Tooltip.Tooltip;
 //# sourceMappingURL=Tooltip.cjs.js.map

package/dist/core/Tooltip.js

@@ -1,4 +1,4 @@
-import { T } from "./Tooltip-fOb5jy6R.js";
+import { T } from "./Tooltip-wKNLA3ua.js";
 export {
   T as default
 };

package/dist/core/{Typography-DeV9eoQj.js → Typography-D0hPzK5Y.js}

@@ -76,6 +76,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap: classMap2,
   combineClassNames: combineClassNames2
 }) {
@@ -91,7 +99,7 @@ function TypographyBase({
       underline && classMap2.underline,
       truncate && classMap2.truncate,
       noWrap && classMap2.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap2.srOnly,
       className
     ),
     [
@@ -115,8 +123,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -175,4 +191,4 @@ function Typography(props) {
 export {
   Typography as T
 };
-//# sourceMappingURL=Typography-DeV9eoQj.js.map
+//# sourceMappingURL=Typography-D0hPzK5Y.js.map

package/dist/core/Typography-D0hPzK5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-D0hPzK5Y.js","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n  typography: \"typography\",\r\n  display: \"typography_display\",\r\n  h1: \"typography_h1\",\r\n  h2: \"typography_h2\",\r\n  h3: \"typography_h3\",\r\n  h4: \"typography_h4\",\r\n  h5: \"typography_h5\",\r\n  h6: \"typography_h6\",\r\n  bodyLg: \"typography_body-lg\",\r\n  body: \"typography_body\",\r\n  bodySm: \"typography_body-sm\",\r\n  label: \"typography_label\",\r\n  caption: \"typography_caption\",\r\n  overline: \"typography_overline\",\r\n  code: \"typography_code\",\r\n  alignLeft: \"typography_align-left\",\r\n  alignCenter: \"typography_align-center\",\r\n  alignRight: \"typography_align-right\",\r\n  alignInherit: \"typography_align-inherit\",\r\n  weightLight: \"typography_weight-light\",\r\n  weightNormal: \"typography_weight-normal\",\r\n  weightMedium: \"typography_weight-medium\",\r\n  weightBold: \"typography_weight-bold\",\r\n  weightBolder: \"typography_weight-bolder\",\r\n  weightInherit: \"typography_weight-inherit\",\r\n  primary: \"typography_primary\",\r\n  secondary: \"typography_secondary\",\r\n  tertiary: \"typography_tertiary\",\r\n  quaternary: \"typography_quaternary\",\r\n  clear: \"typography_clear\",\r\n  success: \"typography_success\",\r\n  warning: \"typography_warning\",\r\n  error: \"typography_error\",\r\n  themeInherit: \"typography_theme-inherit\",\r\n  italic: \"typography_italic\",\r\n  underline: \"typography_underline\",\r\n  truncate: \"typography_truncate\",\r\n  noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={classMap}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["classMap","combineClassNames"],"mappings":"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"}

package/dist/core/{Typography-D9WF2TVi.cjs → Typography-DdTiWRgQ.cjs}

@@ -77,6 +77,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap: classMap2,
   combineClassNames
 }) {
@@ -92,7 +100,7 @@ function TypographyBase({
       underline && classMap2.underline,
       truncate && classMap2.truncate,
       noWrap && classMap2.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap2.srOnly,
       className
     ),
     [
@@ -116,8 +124,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -174,4 +190,4 @@ function Typography(props) {
   );
 }
 exports.Typography = Typography;
-//# sourceMappingURL=Typography-D9WF2TVi.cjs.map
+//# sourceMappingURL=Typography-DdTiWRgQ.cjs.map

package/dist/core/Typography-DdTiWRgQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-DdTiWRgQ.cjs","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n  typography: \"typography\",\r\n  display: \"typography_display\",\r\n  h1: \"typography_h1\",\r\n  h2: \"typography_h2\",\r\n  h3: \"typography_h3\",\r\n  h4: \"typography_h4\",\r\n  h5: \"typography_h5\",\r\n  h6: \"typography_h6\",\r\n  bodyLg: \"typography_body-lg\",\r\n  body: \"typography_body\",\r\n  bodySm: \"typography_body-sm\",\r\n  label: \"typography_label\",\r\n  caption: \"typography_caption\",\r\n  overline: \"typography_overline\",\r\n  code: \"typography_code\",\r\n  alignLeft: \"typography_align-left\",\r\n  alignCenter: \"typography_align-center\",\r\n  alignRight: \"typography_align-right\",\r\n  alignInherit: \"typography_align-inherit\",\r\n  weightLight: \"typography_weight-light\",\r\n  weightNormal: \"typography_weight-normal\",\r\n  weightMedium: \"typography_weight-medium\",\r\n  weightBold: \"typography_weight-bold\",\r\n  weightBolder: \"typography_weight-bolder\",\r\n  weightInherit: \"typography_weight-inherit\",\r\n  primary: \"typography_primary\",\r\n  secondary: \"typography_secondary\",\r\n  tertiary: \"typography_tertiary\",\r\n  quaternary: \"typography_quaternary\",\r\n  clear: \"typography_clear\",\r\n  success: \"typography_success\",\r\n  warning: \"typography_warning\",\r\n  error: \"typography_error\",\r\n  themeInherit: \"typography_theme-inherit\",\r\n  italic: \"typography_italic\",\r\n  underline: \"typography_underline\",\r\n  truncate: \"typography_truncate\",\r\n  noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={classMap}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["getDefaultTheme","classMap","useMemo","createElement","jsx","combineClassNames"],"mappings":"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"}

package/dist/core/Typography.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Typography = require("./Typography-D9WF2TVi.cjs");
+const Typography = require("./Typography-DdTiWRgQ.cjs");
 module.exports = Typography.Typography;
 //# sourceMappingURL=Typography.cjs.js.map

package/dist/core/Typography.js

@@ -1,4 +1,4 @@
-import { T } from "./Typography-DeV9eoQj.js";
+import { T } from "./Typography-D0hPzK5Y.js";
 export {
   T as default
 };