@box/blueprint-web 5.32.1 → 5.33.0

package/lib-esm/basics/collapsible/collapsible-section.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { PointerChevronDown, PointerChevronUp } from '@box/blueprint-web-assets/icons/Fill';
+import { PointerChevronUp, PointerChevronDown } from '@box/blueprint-web-assets/icons/Fill';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import clsx from 'clsx';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
@@ -41,7 +41,7 @@ const CollapsibleSectionImpl = /*#__PURE__*/forwardRef((props, forwardedRef) =>
         children: [headerSlot?.props.children, jsx(IconButton, {
           "aria-label": collapsibleSectionOpen ? closeSectionButtonAriaLabel : openSectionButtonAriaLabel,
           className: styles.collapsibleSectionHeaderArrow,
-          icon: collapsibleSectionOpen ? PointerChevronDown : PointerChevronUp,
+          icon: collapsibleSectionOpen ? PointerChevronUp : PointerChevronDown,
           size: "x-small",
           type: "button"
         })]

package/lib-esm/index.css

@@ -2015,6 +2015,9 @@
 .link-module_link__Iq789.link-module_inheritFont__FhWUH{
   font:inherit;
 }
+.link-module_link__Iq789.link-module_standalone__X749m{
+  text-decoration:none;
+}
 
 .navigation-menu-module_link__ASnav{
   color:var(--text-text-on-light);

package/lib-esm/primitives/link/link.js

@@ -10,6 +10,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     className,
     inheritFont,
+    variant = 'inline',
     ...rest
   } = props;
   return jsx(Component, {
@@ -17,7 +18,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
     className: clsx([className, styles.link, {
       [styles.inheritFont]: inheritFont
-    }]),
+    }, styles[variant]]),
     children: children
   });
 });

package/lib-esm/primitives/link/link.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"link":"link-module_link__Iq789","inheritFont":"link-module_inheritFont__FhWUH"};
+var styles = {"link":"link-module_link__Iq789","inheritFont":"link-module_inheritFont__FhWUH","standalone":"link-module_standalone__X749m"};
 
 export { styles as default };

package/lib-esm/primitives/link/types.d.ts

@@ -12,6 +12,15 @@ export type LinkOwnProps<E extends React.ElementType> = {
      * @default false
      * */
     inheritFont?: boolean;
+    /**
+     * Changes the appearance of the link.
+     * Currently supported variants:
+     *  - 'inline' (default)
+     *  - 'standalone' - displayed without the underline decoration
+     *
+     * @default 'inline'
+     */
+    variant?: 'inline' | 'standalone';
     /** The component used for the root node. Either a string to use a HTML element or a component.
      * @default 'a'
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "5.32.1",
+    "version": "5.33.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -57,7 +57,7 @@
     "devDependencies": {
         "@box/storybook-utils": "^0.0.2"
     },
-    "gitHead": "0a79f8d3f91e746fe1af2df2abb6aedfe51a3545",
+    "gitHead": "502e38ad3a60451ed4ef7896fc2f4d0318fda475",
     "module": "lib-esm/index.js",
     "type": "module",
     "main": "lib-esm/index.js",