@box/blueprint-web 12.53.0 → 12.54.0

package/dist/lib-esm/blueprint-modernization-context/consts.d.ts

@@ -1 +1 @@
-export declare const BLUEPRINT_UPLIFT_FEATURE_FLAG = "enterprise_launchpad_blueprint_ui_uplift";
+export declare const BLUEPRINT_UPLIFT_FEATURE_FLAG = "launchpad_blueprint_ui_uplift";

package/dist/lib-esm/blueprint-modernization-context/consts.js

@@ -1,3 +1,3 @@
-const BLUEPRINT_UPLIFT_FEATURE_FLAG = 'enterprise_launchpad_blueprint_ui_uplift';
+const BLUEPRINT_UPLIFT_FEATURE_FLAG = 'launchpad_blueprint_ui_uplift';
 
 export { BLUEPRINT_UPLIFT_FEATURE_FLAG };

package/dist/lib-esm/index.css

@@ -2213,25 +2213,39 @@
 .bp_input_chip_module_container--9324d .bp_input_chip_module_avatar--9324d.bp_input_chip_module_modern--9324d *{
   border-radius:unset;
 }
-.bp_inline_error_module_inlineError--9a67c{
+.bp_inline_error_module_inlineError--3217d[data-modern=false]{
+  --inline-error-gap:var(--size-1);
+  --inline-error-height:var(--size-4);
+  --inline-error-text-color:var(--text-text-error-on-light);
+}
+
+.bp_inline_error_module_inlineError--3217d[data-modern=true]{
+  --inline-error-gap:var(--bp-space-010);
+  --inline-error-height:var(--bp-size-040);
+  --inline-error-text-color:var(--bp-text-text-error-on-light);
+  --inline-font-size:var(--bp-font-size-05);
+  font-size:var(--inline-font-size);
+}
+
+.bp_inline_error_module_inlineError--3217d{
   align-items:center;
-  color:var(--text-text-error-on-light);
+  color:var(--inline-error-text-color);
   display:flex;
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
-  gap:var(--size-1);
+  gap:var(--inline-error-gap);
   letter-spacing:var(--body-default-bold-letter-spacing);
   line-height:var(--body-default-bold-line-height);
-  line-height:var(--size-4);
+  line-height:var(--inline-error-height);
   -webkit-text-decoration:var(--body-default-bold-text-decoration);
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_inline_error_module_inlineError--9a67c.bp_inline_error_module_empty--9a67c{
+.bp_inline_error_module_inlineError--3217d.bp_inline_error_module_empty--3217d{
   display:none;
 }
-.bp_inline_error_module_inlineError--9a67c .bp_inline_error_module_errorIcon--9a67c{
+.bp_inline_error_module_inlineError--3217d .bp_inline_error_module_errorIcon--3217d{
   align-self:flex-start;
   flex-grow:0;
   flex-shrink:0;

package/dist/lib-esm/modal/types.d.ts

@@ -23,6 +23,8 @@ export interface ModalCloseProps {
     variant?: 'default' | 'onColor';
     /** The size of the button. Default: 'large'. */
     size?: IconButtonProps['size'];
+    /** Determines if the close button is disabled */
+    disabled?: boolean;
 }
 export interface ModalTriggerProps {
     /** Content of the Trigger element */

package/dist/lib-esm/primitives/inline-error/inline-error.js

@@ -1,8 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AlertBadge } from '@box/blueprint-web-assets/icons/Fill';
-import { IconIconErrorOnLight, Size4 } from '@box/blueprint-web-assets/tokens/tokens';
+import { AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
+import { IconIconErrorOnLight, Size4, bpSize050 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './inline-error.module.js';
 
 /** Renders an inline error message and icon, used to show error state in form elements. */
@@ -12,13 +14,17 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx("span", {
     ...rest,
     ref: forwardedRef,
     className: clsx([className, styles.inlineError, {
       [styles.empty]: !children
     }]),
-    children: children && jsxs(Fragment, {
+    "data-modern": enableModernizedComponents,
+    children: children && (!enableModernizedComponents ? jsxs(Fragment, {
       children: [jsx(AlertBadge, {
         className: styles.errorIcon,
         color: IconIconErrorOnLight,
@@ -26,7 +32,15 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         role: "presentation",
         width: Size4
       }), children]
-    })
+    }) : jsxs(Fragment, {
+      children: [jsx(AlertCircle, {
+        className: styles.errorIcon,
+        color: IconIconErrorOnLight,
+        height: bpSize050,
+        role: "presentation",
+        width: bpSize050
+      }), children]
+    }))
   });
 });
 

package/dist/lib-esm/primitives/inline-error/inline-error.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"inlineError":"bp_inline_error_module_inlineError--9a67c","empty":"bp_inline_error_module_empty--9a67c","errorIcon":"bp_inline_error_module_errorIcon--9a67c"};
+var styles = {"inlineError":"bp_inline_error_module_inlineError--3217d","empty":"bp_inline_error_module_empty--3217d","errorIcon":"bp_inline_error_module_errorIcon--3217d"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.53.0",
+    "version": "12.54.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {