@box/blueprint-web 12.7.2 → 12.9.0

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PointerChevron, Alert, ClockBadge } from '@box/blueprint-web-assets/icons/Fill';
-import { SurfaceStatusSurfaceRed, SurfaceStatusSurfaceLightBlue, GrayWhite, SurfaceBadgeErrorSurface, SurfaceBadgePagesSurface } from '@box/blueprint-web-assets/tokens/tokens';
+import { SurfaceStatusSurfaceRed, SurfaceStatusSurfaceLightBlue, GrayWhite, SurfaceBadgeErrorSurface, Orange100 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as RadixAccordion from '@radix-ui/react-accordion';
 import clsx from 'clsx';
 import { createElement } from 'react';
@@ -19,7 +19,7 @@ const accordionIconVariantToIconProps = {
   'status-pending': {
     icon: ClockBadge,
     iconColor: GrayWhite,
-    backgroundColor: SurfaceBadgePagesSurface
+    backgroundColor: Orange100
   }
 };
 /**

package/dist/lib-esm/badge/icon-badge.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FilePdf, FileDocs, FileSheets, FileImage, FileCanvas, FilePages, FileKeynote, FileBoxNote, FileVideo, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert } from '@box/blueprint-web-assets/icons/Fill';
-import { ClockBadge } from '@box/blueprint-web-assets/icons/Line';
-import { SurfaceBadgePdfSurface, GrayWhite, SurfaceBadgeDocsSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeImageSurface, SurfaceBadgeCanvasSurface, SurfaceBadgePagesSurface, SurfaceBadgeKeynoteSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeVideoSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Yellorange50 } from '@box/blueprint-web-assets/tokens/tokens';
+import { FilePdf, FileDocs, FileSheets, FileImage, FileCanvas, FilePages, FileKeynote, FileBoxNote, FileVideo, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge } from '@box/blueprint-web-assets/icons/Fill';
+import { SurfaceBadgePdfSurface, GrayWhite, SurfaceBadgeDocsSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeImageSurface, SurfaceBadgeCanvasSurface, SurfaceBadgePagesSurface, SurfaceBadgeKeynoteSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeVideoSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import mapValues from 'lodash/mapValues';
 import { createElement } from 'react';
@@ -145,9 +144,9 @@ const badgeVariantToIconProps = {
     iconColor: GrayWhite
   },
   'status-pending': {
-    backgroundColor: Yellorange50,
+    backgroundColor: Orange100,
     icon: ClockBadge,
-    iconColor: Gray100
+    iconColor: GrayWhite
   }
 };
 const badgeSizeToIconSize = {

package/dist/lib-esm/index.css

@@ -2334,6 +2334,9 @@
 .bp_content_card_module_pillGhost--bdcd1{
   margin-inline-end:var(--size-2);
 }
+.bp_useFullTextTooltip_module_tooltipContent--0a9fb > *{
+  color:var(--text-text-on-dark) !important;
+}
 .bp_content_field_module_contentFieldWrapper--dabac{
   width:100%;
 }

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

@@ -1,6 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
 import { Fragment } from 'react';
 import { Tooltip } from '../tooltip/tooltip.js';
+import styles from './useFullTextTooltip.module.js';
 import { useIsEllipsized } from './useIsEllipsized.js';
 
 const useFullTextTooltip = ({
@@ -13,7 +15,9 @@ const useFullTextTooltip = ({
   const shouldWrapInTooltip = isEllipsized && !skipOverflowCheck;
   const Wrapper = shouldWrapInTooltip ? props => jsx(Tooltip, {
     ...props,
-    content: textValue ?? children
+    className: clsx(styles.tooltipContent, props.className),
+    content: props.content ?? textValue ?? children,
+    variant: "standard"
   }) : Fragment;
   return {
     Wrapper,

package/dist/lib-esm/utils/useFullTextTooltip.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"tooltipContent":"bp_useFullTextTooltip_module_tooltipContent--0a9fb"};
+
+export { styles as default };

package/package.json

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