@box/blueprint-web 14.24.2 → 14.25.1

package/dist/lib-esm/breadcrumb/breadcrumb-dropdown.d.ts

@@ -2,9 +2,10 @@ import { type Crumb } from './types';
 interface BreadcrumbDropdownProps {
     crumbsToRender: Crumb[];
     iconButton: React.ReactNode;
+    isInteractive: boolean;
     listRef?: React.RefObject<HTMLLIElement>;
     onPageLinkClick: (id: string) => void;
     size: 'xsmall' | 'small' | 'medium' | 'large';
 }
-export declare function BreadcrumbDropdown({ crumbsToRender, iconButton, listRef, onPageLinkClick, size, }: BreadcrumbDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function BreadcrumbDropdown({ crumbsToRender, iconButton, isInteractive, listRef, onPageLinkClick, size, }: BreadcrumbDropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib-esm/breadcrumb/breadcrumb-dropdown.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { PointerRight } from '@box/blueprint-web-assets/icons/Fill';
 import { EllipsizableText } from '../ellipsizable-text/ellipsizable-text.js';
 import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
-import { getSeparatorSize } from './utils.js';
+import { BreadcrumbItemSeparator } from './breadcrumb-item-separator.js';
 import styles from './breadcrumb.module.js';
 
 function BreadcrumbDropdown({
   crumbsToRender,
   iconButton,
+  isInteractive,
   listRef,
   onPageLinkClick,
   size
@@ -35,10 +35,9 @@ function BreadcrumbDropdown({
           })
         }, crumb.id))
       })]
-    }), jsx(PointerRight, {
-      height: getSeparatorSize(size),
-      role: "presentation",
-      width: getSeparatorSize(size)
+    }), jsx(BreadcrumbItemSeparator, {
+      isInteractive: isInteractive,
+      size: size
     })]
   });
 }

package/dist/lib-esm/breadcrumb/breadcrumb-item-separator.d.ts

@@ -0,0 +1,7 @@
+import { type BreadcrumbProps } from './types';
+type BreadcrumbItemSeparatorProps = {
+    isInteractive: boolean;
+    size: NonNullable<BreadcrumbProps['size']>;
+};
+export declare function BreadcrumbItemSeparator({ isInteractive, size }: BreadcrumbItemSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib-esm/breadcrumb/breadcrumb-item-separator.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { PointerRight } from '@box/blueprint-web-assets/icons/Fill';
+import { Text } from '../text/text.js';
+import { getNonInteractiveSeparatorVariantFromSize, getSeparatorSize } from './utils.js';
+import styles from './breadcrumb.module.js';
+
+function BreadcrumbItemSeparator({
+  isInteractive,
+  size
+}) {
+  if (isInteractive) {
+    const dimension = getSeparatorSize(size);
+    return jsx(PointerRight, {
+      height: dimension,
+      role: "presentation",
+      width: dimension
+    });
+  }
+  return jsx("span", {
+    "aria-hidden": "true",
+    className: styles.breadcrumbSlashSeparator,
+    children: jsx(Text, {
+      as: "span",
+      style: {
+        color: 'var(--bp-text-text-on-light-tertiary)'
+      },
+      variant: getNonInteractiveSeparatorVariantFromSize(size),
+      children: "/"
+    })
+  });
+}
+
+export { BreadcrumbItemSeparator };

package/dist/lib-esm/breadcrumb/breadcrumb.js

@@ -1,15 +1,16 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import noop from 'lodash/noop';
 import { forwardRef, useRef } from 'react';
-import { FolderTree, PointerRight } from '@box/blueprint-web-assets/icons/Fill';
+import { FolderTree } from '@box/blueprint-web-assets/icons/Fill';
 import { Home } from '@box/blueprint-web-assets/icons/MediumFilled';
 import { useBreakpoint, Breakpoint } from '../utils/useBreakpoint.js';
 import { EllipsisTruncationView } from './ellipsis-truncation-view.js';
 import { FolderTreeTruncationView } from './folder-tree-truncation-view.js';
 import { FullView } from './full-view.js';
 import { MobileView } from './mobile-view.js';
+import { BreadcrumbItemSeparator } from './breadcrumb-item-separator.js';
 import { useFolderTreeTruncation } from './useFolderTreeTruncation.js';
-import { getSeparatorSize, getContainerHeight, getRootIconSize } from './utils.js';
+import { getContainerHeight, getRootIconSize } from './utils.js';
 import styles from './breadcrumb.module.js';
 
 const ELLIPSIS_TRUNCATION_THRESHOLD = 7;
@@ -100,10 +101,9 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         }) : jsx(FolderTree, {
           height: rootIconSize,
           width: rootIconSize
-        }), jsx(PointerRight, {
-          height: getSeparatorSize(size),
-          role: "presentation",
-          width: getSeparatorSize(size)
+        }), jsx(BreadcrumbItemSeparator, {
+          isInteractive: isInteractive,
+          size: size
         })]
       }), breadcrumbList]
     })

package/dist/lib-esm/breadcrumb/breadcrumb.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_breadcrumb_module_container--30dee","breadcrumb":"bp_breadcrumb_module_breadcrumb--30dee","pageLink":"bp_breadcrumb_module_pageLink--30dee","linkWithHover":"bp_breadcrumb_module_linkWithHover--30dee","dropdownContent":"bp_breadcrumb_module_dropdownContent--30dee"};
+var styles = {"container":"bp_breadcrumb_module_container--c0843","breadcrumb":"bp_breadcrumb_module_breadcrumb--c0843","pageLink":"bp_breadcrumb_module_pageLink--c0843","breadcrumbSlashSeparator":"bp_breadcrumb_module_breadcrumbSlashSeparator--c0843","crumbButton":"bp_breadcrumb_module_crumbButton--c0843","dropdownContent":"bp_breadcrumb_module_dropdownContent--c0843"};
 
 export { styles as default };

package/dist/lib-esm/breadcrumb/ellipsis-truncation-view.js

@@ -28,6 +28,7 @@ const EllipsisTruncationView = ({
         icon: Ellipsis,
         size: getIconButtonSize(size)
       }),
+      isInteractive: isInteractive,
       onPageLinkClick: onPageLinkClick,
       size: size
     }), lastTwoCrumbs.map((crumb, index) => jsx(PageLink, {

package/dist/lib-esm/breadcrumb/folder-tree-truncation-view.js

@@ -25,6 +25,7 @@ const FolderTreeTruncationView = ({
         icon: FolderTree,
         size: getIconButtonSize(size)
       }),
+      isInteractive: isInteractive,
       listRef: iconButtonRef,
       onPageLinkClick: onPageLinkClick,
       size: size

package/dist/lib-esm/breadcrumb/mobile-view.js

@@ -17,6 +17,7 @@ const MobileView = ({
   return jsxs(Fragment, {
     children: [hiddenCrumbs.length > 0 && jsx(BreadcrumbDropdown, {
       crumbsToRender: hiddenCrumbs,
+      isInteractive: isInteractive,
       iconButton: jsx(IconButton, {
         "aria-label": truncatedLinksIconAriaLabel,
         icon: FolderTree,

package/dist/lib-esm/breadcrumb/page-link.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { PointerRight } from '@box/blueprint-web-assets/icons/Fill';
 import { EllipsizableText } from '../ellipsizable-text/ellipsizable-text.js';
-import { Link } from '../primitives/link/link.js';
 import { Text } from '../text/text.js';
-import { getBoldTextVariantFromSize, getTextVariantFromSize, getSeparatorSize } from './utils.js';
+import { TextButton } from '../text-button/text-button.js';
+import { BreadcrumbItemSeparator } from './breadcrumb-item-separator.js';
+import { getBoldTextVariantFromSize, getTextVariantFromSize } from './utils.js';
 import styles from './breadcrumb.module.js';
 
 const PageLink = ({
@@ -39,24 +39,23 @@ const PageLink = ({
   }
   return jsxs("li", {
     className: styles.pageLink,
-    children: [isInteractive ? jsx(Link, {
-      className: styles.linkWithHover,
+    children: [isInteractive ? jsx(TextButton, {
+      className: styles.crumbButton,
+      color: "textOnLightSecondary",
       onClick: handlePageLinkClick,
-      variant: "standalone",
-      children: jsx(Text, {
-        as: "span",
-        color: "textOnLightSecondary",
-        variant: getTextVariantFromSize(size),
-        children: crumb.name
-      })
+      variant: getTextVariantFromSize(size),
+      style: {
+        '--text-button-padding': 0
+      },
+      type: "button",
+      children: crumb.name
     }) : jsx(Text, {
       as: "span",
       variant: getTextVariantFromSize(size),
       children: crumb.name
-    }), jsx(PointerRight, {
-      height: getSeparatorSize(size),
-      role: "presentation",
-      width: getSeparatorSize(size)
+    }), jsx(BreadcrumbItemSeparator, {
+      isInteractive: isInteractive,
+      size: size
     })]
   }, crumb.id);
 };

package/dist/lib-esm/breadcrumb/utils.d.ts

@@ -1,7 +1,8 @@
-import { type BreadcrumbProps } from './types';
 import { type TypographyVariant } from '../text/types';
+import { type BreadcrumbProps } from './types';
 export declare const getTextVariantFromSize: (size: BreadcrumbProps["size"]) => TypographyVariant;
 export declare const getBoldTextVariantFromSize: (size: BreadcrumbProps["size"]) => TypographyVariant;
+export declare const getNonInteractiveSeparatorVariantFromSize: (size: BreadcrumbProps["size"]) => TypographyVariant;
 export declare const getSeparatorSize: (size: BreadcrumbProps["size"]) => string;
 export declare const getRootIconSize: (size: BreadcrumbProps["size"], hasTruncation?: boolean) => string;
 export declare const getContainerHeight: (size: BreadcrumbProps["size"], hasTruncation?: boolean) => string;

package/dist/lib-esm/breadcrumb/utils.js

@@ -1,4 +1,4 @@
-import { bpSize030, bpSize040, bpSize020, bpSize060, bpSize080, bpSize050 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize060, bpSize080, bpSize050, bpSize040, bpSize030, bpSize020 } from '@box/blueprint-web-assets/tokens/tokens';
 
 const getTextVariantFromSize = size => {
   switch (size) {
@@ -28,6 +28,19 @@ const getBoldTextVariantFromSize = size => {
       return 'bodyLargeBold';
   }
 };
+const getNonInteractiveSeparatorVariantFromSize = size => {
+  switch (size) {
+    case 'xsmall':
+    case 'small':
+      return 'bodyDefault';
+    case 'medium':
+      return 'bodyLarge';
+    case 'large':
+      return 'titleXLarge';
+    default:
+      return 'bodyLarge';
+  }
+};
 const getSeparatorSize = size => {
   switch (size) {
     case 'xsmall':
@@ -113,4 +126,4 @@ const getIconButtonSize = size => {
   }
 };
 
-export { getBoldTextVariantFromSize, getContainerHeight, getIconButtonSize, getRootIconSize, getSeparatorSize, getTextVariantFromSize };
+export { getBoldTextVariantFromSize, getContainerHeight, getIconButtonSize, getNonInteractiveSeparatorVariantFromSize, getRootIconSize, getSeparatorSize, getTextVariantFromSize };

package/dist/lib-esm/index.css

@@ -3300,10 +3300,10 @@
 .bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
   color:var(--menu-item-text-color);
 }
-.bp_breadcrumb_module_container--30dee{
+.bp_breadcrumb_module_container--c0843{
   width:100%;
 }
-.bp_breadcrumb_module_container--30dee .bp_breadcrumb_module_breadcrumb--30dee{
+.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumb--c0843{
   align-items:center;
   display:flex;
   flex-wrap:nowrap;
@@ -3313,7 +3313,7 @@
   margin:0;
   padding:0;
 }
-.bp_breadcrumb_module_container--30dee .bp_breadcrumb_module_pageLink--30dee{
+.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -3322,16 +3322,19 @@
   overflow:hidden;
   white-space:nowrap;
 }
-.bp_breadcrumb_module_container--30dee .bp_breadcrumb_module_pageLink--30dee:last-child{
+.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843:last-child{
   flex-shrink:1;
 }
-
-.bp_breadcrumb_module_linkWithHover--30dee{
-  cursor:pointer;
+.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumbSlashSeparator--c0843{
+  align-items:center;
   display:inline-flex;
+  flex-shrink:0;
+}
+
+.bp_breadcrumb_module_crumbButton--c0843{
   position:relative;
 }
-.bp_breadcrumb_module_linkWithHover--30dee::after{
+.bp_breadcrumb_module_crumbButton--c0843::after{
   background-color:var(--bp-text-text-on-light-secondary);
   bottom:0;
   content:"";
@@ -3343,75 +3346,135 @@
   transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
   width:100%;
 }
-.bp_breadcrumb_module_linkWithHover--30dee:hover::after{
+.bp_breadcrumb_module_crumbButton--c0843:hover::after{
   transform:scaleX(1);
 }
 
-.bp_breadcrumb_module_dropdownContent--30dee{
+.bp_breadcrumb_module_dropdownContent--c0843{
   --blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
 }
-.bp_link_module_link--27104{
-  color:var(--text-cta-link);
+
+.bp_text_button_module_textButton--997ae[data-modern=false]{
+  --text-button-text-color:var(--text-cta-link);
+  --text-button-radius:calc(var(--radius-1)/2);
+  --text-button-padding:0;
+  --text-button-scale-loader-width:var(--size-05);
+  --text-button-scale-loader-height:0.625em;
+  --text-button-scale-loader-border-radius:var(--radius-2);
+  --text-button-text-color-hover:var(--text-cta-link-hover);
+  --text-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
+  --text-button-text-color-active:var(--text-cta-link-pressed);
+  font-family:var(--body-default-bold-font-family);
+  font-size:var(--body-default-bold-font-size);
+  font-weight:var(--body-default-bold-font-weight);
+  letter-spacing:var(--body-default-bold-letter-spacing);
+  line-height:var(--body-default-bold-line-height);
+  text-decoration:var(--body-default-bold-text-decoration);
+  text-transform:var(--body-default-bold-text-case);
 }
-.bp_link_module_link--27104:hover{
-  color:var(--text-cta-link-hover);
+.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isFontInherited--997ae{
+  --text-button-radius-font-inherited:0.125em;
+  --text-button-outline:var(--outline-focus-on-light);
 }
-.bp_link_module_link--27104:active{
-  color:var(--text-cta-link-pressed);
+.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isIconButton--997ae{
+  --text-button-gap:var(--space-1);
 }
-.bp_link_module_link--27104:focus-visible:focus-visible{
-  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
-  outline:none;
-  overflow:visible;
+
+.bp_text_button_module_textButton--997ae[data-modern=true]{
+  --text-button-text-color:var(--bp-text-cta-link);
+  --text-button-radius:var(--bp-radius-04);
+  --text-button-padding:0 var(--bp-space-010);
+  --text-button-scale-loader-width:var(--bp-size-005);
+  --text-button-scale-loader-height:0.625em;
+  --text-button-scale-loader-border-radius:var(--bp-radius-03);
+  --text-button-text-color-hover:var(--bp-text-cta-link-hover);
+  --text-button-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
+  --text-button-text-color-active:var(--bp-text-cta-link-pressed);
+  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+  font-size:var(--bp-font-size-05);
+  font-style:normal;
+  font-weight:var(--bp-font-weight-bold);
+  letter-spacing:var(--bp-font-letter-spacing-01);
+  line-height:var(--bp-font-line-height-04);
 }
-.bp_link_module_link--27104:focus-visible{
-  border-radius:var(--radius-05);
-  color:var(--text-cta-link-hover);
+.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isFontInherited--997ae{
+  --text-button-radius-font-inherited:0.375em;
+  --text-button-outline:var(--bp-outline-focus-on-light);
 }
-.bp_link_module_link--27104:focus-visible:active{
-  color:var(--text-cta-link-pressed);
+.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isIconButton--997ae{
+  --text-button-gap:var(--bp-space-010);
 }
-.bp_link_module_link--27104.bp_link_module_inheritFont--27104{
+
+.bp_text_button_module_textButton--997ae{
+  align-items:center;
+  background:#0000;
+  border:none;
+  border-radius:var(--text-button-radius);
+  color:var(--text-button-text-color);
+  cursor:pointer;
+  display:inline-flex;
+  outline:0;
+  padding:var(--text-button-padding);
+  -webkit-user-select:text;
+          user-select:text;
+}
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae{
+  border-radius:var(--text-button-radius-font-inherited);
   font:inherit;
 }
-.bp_link_module_link--27104.bp_link_module_standalone--27104{
-  text-decoration:none;
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae.bp_text_button_module_isIconButton--997ae{
+  gap:.25em;
 }
-.bp_link_module_link--27104.bp_link_module_hasIcon--27104{
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae:not(:disabled)[data-focus-visible]{
+  box-shadow:0 0 0 .125em var(--text-button-outline);
+}
+.bp_text_button_module_textButton--997ae .bp_text_button_module_scaleLoader--997ae div{
+  border-radius:var(--text-button-scale-loader-border-radius);
+  height:var(--text-button-scale-loader-height);
+  width:var(--text-button-scale-loader-width);
+}
+.bp_text_button_module_textButton--997ae .bp_text_button_module_icon--997ae{
   align-items:center;
-  display:inline-flex;
-  gap:var(--space-1);
+  display:flex;
 }
-.bp_link_module_link--27104 .bp_link_module_icon--27104{
-  flex-shrink:0;
+.bp_text_button_module_textButton--997ae .bp_text_button_module_hideTextContent--997ae{
+  visibility:hidden;
 }
-.bp_link_module_link--27104 .bp_link_module_icon--27104 *{
-  fill:currentcolor;
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae{
+  max-width:100%;
 }
-
-.bp_link_module_link--27104:where([data-modern=false]){
-  font-family:var(--link-default-font-family);
-  font-size:var(--link-default-font-size);
-  font-weight:var(--link-default-font-weight);
-  letter-spacing:var(--link-default-letter-spacing);
-  line-height:var(--link-default-line-height);
-  text-decoration:var(--link-default-text-decoration);
-  text-transform:var(--link-default-text-case);
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae .bp_text_button_module_text--997ae{
+  display:block;
+  min-width:0;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+.bp_text_button_module_textButton--997ae.bp_text_button_module_isIconButton--997ae{
+  gap:var(--text-button-gap);
+}
+.bp_text_button_module_textButton--997ae.bp_text_button_module_visuallyHidden--997ae{
+  color:#0000;
+  pointer-events:none;
+  position:relative;
+}
+.bp_text_button_module_textButton--997ae:disabled{
+  opacity:.3;
+}
+.bp_text_button_module_textButton--997ae:not(:disabled):hover,.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
+  color:var(--text-button-text-color-hover);
+}
+.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
+  box-shadow:var(--text-button-focus-box-shadow);
+}
+.bp_text_button_module_textButton--997ae:not(:disabled):active{
+  color:var(--text-button-text-color-active);
 }
 
-.bp_link_module_link--27104:where([data-modern=true]){
-  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-  font-size:var(--bp-font-size-05);
-  font-style:normal;
-  font-weight:var(--bp-font-weight-regular);
-  letter-spacing:var(--bp-font-letter-spacing-01);
-  line-height:var(--bp-font-line-height-04);
-  text-decoration-line:underline;
-  -webkit-text-decoration-skip-ink:none;
-          text-decoration-skip-ink:none;
-  text-decoration-style:solid;
-  text-decoration-thickness:auto;
-  text-underline-offset:auto;
+.bp_text_button_module_textButton--997ae[data-bp-animated=true]{
+  transition-duration:var(--bp-duration-short);
+  transition-property:color;
+  transition-timing-function:var(--bp-curve-small-on);
 }
 .bp_button_wrapper_module_buttonWrapper--b0897{
   all:unset;
@@ -6782,6 +6845,69 @@
 .bp_empty_state_module_emptyState--2f813.bp_empty_state_module_small--2f813 .bp_empty_state_module_body--2f813:not(:last-child){
   margin-block-end:var(--space-4);
 }
+.bp_link_module_link--27104{
+  color:var(--text-cta-link);
+}
+.bp_link_module_link--27104:hover{
+  color:var(--text-cta-link-hover);
+}
+.bp_link_module_link--27104:active{
+  color:var(--text-cta-link-pressed);
+}
+.bp_link_module_link--27104:focus-visible:focus-visible{
+  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
+  outline:none;
+  overflow:visible;
+}
+.bp_link_module_link--27104:focus-visible{
+  border-radius:var(--radius-05);
+  color:var(--text-cta-link-hover);
+}
+.bp_link_module_link--27104:focus-visible:active{
+  color:var(--text-cta-link-pressed);
+}
+.bp_link_module_link--27104.bp_link_module_inheritFont--27104{
+  font:inherit;
+}
+.bp_link_module_link--27104.bp_link_module_standalone--27104{
+  text-decoration:none;
+}
+.bp_link_module_link--27104.bp_link_module_hasIcon--27104{
+  align-items:center;
+  display:inline-flex;
+  gap:var(--space-1);
+}
+.bp_link_module_link--27104 .bp_link_module_icon--27104{
+  flex-shrink:0;
+}
+.bp_link_module_link--27104 .bp_link_module_icon--27104 *{
+  fill:currentcolor;
+}
+
+.bp_link_module_link--27104:where([data-modern=false]){
+  font-family:var(--link-default-font-family);
+  font-size:var(--link-default-font-size);
+  font-weight:var(--link-default-font-weight);
+  letter-spacing:var(--link-default-letter-spacing);
+  line-height:var(--link-default-line-height);
+  text-decoration:var(--link-default-text-decoration);
+  text-transform:var(--link-default-text-case);
+}
+
+.bp_link_module_link--27104:where([data-modern=true]){
+  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+  font-size:var(--bp-font-size-05);
+  font-style:normal;
+  font-weight:var(--bp-font-weight-regular);
+  letter-spacing:var(--bp-font-letter-spacing-01);
+  line-height:var(--bp-font-line-height-04);
+  text-decoration-line:underline;
+  -webkit-text-decoration-skip-ink:none;
+          text-decoration-skip-ink:none;
+  text-decoration-style:solid;
+  text-decoration-thickness:auto;
+  text-underline-offset:auto;
+}
 .bp_base_grid_list_item_module_smallList--88380[data-modern=false]{
   --small-list-gap:var(--space-2);
   --small-list-padding:var(--space-1);
@@ -12561,129 +12687,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   background-color:var(--switch-bg-on-hover);
 }
 
-.bp_text_button_module_textButton--997ae[data-modern=false]{
-  --text-button-text-color:var(--text-cta-link);
-  --text-button-radius:calc(var(--radius-1)/2);
-  --text-button-padding:0;
-  --text-button-scale-loader-width:var(--size-05);
-  --text-button-scale-loader-height:0.625em;
-  --text-button-scale-loader-border-radius:var(--radius-2);
-  --text-button-text-color-hover:var(--text-cta-link-hover);
-  --text-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
-  --text-button-text-color-active:var(--text-cta-link-pressed);
-  font-family:var(--body-default-bold-font-family);
-  font-size:var(--body-default-bold-font-size);
-  font-weight:var(--body-default-bold-font-weight);
-  letter-spacing:var(--body-default-bold-letter-spacing);
-  line-height:var(--body-default-bold-line-height);
-  text-decoration:var(--body-default-bold-text-decoration);
-  text-transform:var(--body-default-bold-text-case);
-}
-.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isFontInherited--997ae{
-  --text-button-radius-font-inherited:0.125em;
-  --text-button-outline:var(--outline-focus-on-light);
-}
-.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isIconButton--997ae{
-  --text-button-gap:var(--space-1);
-}
-
-.bp_text_button_module_textButton--997ae[data-modern=true]{
-  --text-button-text-color:var(--bp-text-cta-link);
-  --text-button-radius:var(--bp-radius-04);
-  --text-button-padding:0 var(--bp-space-010);
-  --text-button-scale-loader-width:var(--bp-size-005);
-  --text-button-scale-loader-height:0.625em;
-  --text-button-scale-loader-border-radius:var(--bp-radius-03);
-  --text-button-text-color-hover:var(--bp-text-cta-link-hover);
-  --text-button-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
-  --text-button-text-color-active:var(--bp-text-cta-link-pressed);
-  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-  font-size:var(--bp-font-size-05);
-  font-style:normal;
-  font-weight:var(--bp-font-weight-bold);
-  letter-spacing:var(--bp-font-letter-spacing-01);
-  line-height:var(--bp-font-line-height-04);
-}
-.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isFontInherited--997ae{
-  --text-button-radius-font-inherited:0.375em;
-  --text-button-outline:var(--bp-outline-focus-on-light);
-}
-.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isIconButton--997ae{
-  --text-button-gap:var(--bp-space-010);
-}
-
-.bp_text_button_module_textButton--997ae{
-  align-items:center;
-  background:#0000;
-  border:none;
-  border-radius:var(--text-button-radius);
-  color:var(--text-button-text-color);
-  cursor:pointer;
-  display:inline-flex;
-  outline:0;
-  padding:var(--text-button-padding);
-  -webkit-user-select:text;
-          user-select:text;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae{
-  border-radius:var(--text-button-radius-font-inherited);
-  font:inherit;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae.bp_text_button_module_isIconButton--997ae{
-  gap:.25em;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae:not(:disabled)[data-focus-visible]{
-  box-shadow:0 0 0 .125em var(--text-button-outline);
-}
-.bp_text_button_module_textButton--997ae .bp_text_button_module_scaleLoader--997ae div{
-  border-radius:var(--text-button-scale-loader-border-radius);
-  height:var(--text-button-scale-loader-height);
-  width:var(--text-button-scale-loader-width);
-}
-.bp_text_button_module_textButton--997ae .bp_text_button_module_icon--997ae{
-  align-items:center;
-  display:flex;
-}
-.bp_text_button_module_textButton--997ae .bp_text_button_module_hideTextContent--997ae{
-  visibility:hidden;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae{
-  max-width:100%;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae .bp_text_button_module_text--997ae{
-  display:block;
-  min-width:0;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  white-space:nowrap;
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_isIconButton--997ae{
-  gap:var(--text-button-gap);
-}
-.bp_text_button_module_textButton--997ae.bp_text_button_module_visuallyHidden--997ae{
-  color:#0000;
-  pointer-events:none;
-  position:relative;
-}
-.bp_text_button_module_textButton--997ae:disabled{
-  opacity:.3;
-}
-.bp_text_button_module_textButton--997ae:not(:disabled):hover,.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
-  color:var(--text-button-text-color-hover);
-}
-.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
-  box-shadow:var(--text-button-focus-box-shadow);
-}
-.bp_text_button_module_textButton--997ae:not(:disabled):active{
-  color:var(--text-button-text-color-active);
-}
-
-.bp_text_button_module_textButton--997ae[data-bp-animated=true]{
-  transition-duration:var(--bp-duration-short);
-  transition-property:color;
-  transition-timing-function:var(--bp-curve-small-on);
-}
-
 .bp_text_input_module_textInput--ede11.bp_text_input_module_textInput--ede11.bp_text_input_module_textInput--ede11 input:has(+ .bp_text_input_module_iconEnd--ede11){
   padding-inline-end:1.875rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.24.2",
+    "version": "14.25.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^4.115.13",
+        "@box/blueprint-web-assets": "^4.116.1",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.18.13",
+        "@box/storybook-utils": "^0.18.15",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",