@box/blueprint-web 12.16.0 → 12.17.0

package/dist/lib-esm/badge/icon-badge.d.ts

@@ -6,7 +6,7 @@ export interface TooltipConfig {
 }
 export interface IconBadgeProps extends BadgeProps {
     /** The variant of the icon badge. */
-    variant: 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending';
+    variant: 'file-audio' | 'file-bookmark' | 'file-box-app' | 'file-code' | 'file-default' | 'file-drawing' | 'file-excel' | 'file-hub' | 'file-illustrator' | 'file-indesign' | 'file-numbers' | 'file-photoshop' | 'file-powerpoint' | 'file-presentation' | 'file-slides' | 'file-spreadsheet' | 'file-text' | 'file-three-d' | 'file-vector' | 'file-word' | 'file-zip' | 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending';
     /** Whether to show the tooltip when hovering over the badge. */
     showTooltipOnBadge?: boolean;
     /** The configuration for the tooltip, required if showTooltipOnBadge is true. */

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

@@ -1,6 +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, 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 { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, 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 { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, 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';
@@ -10,9 +10,39 @@ import styles from './base-badge.module.js';
 import { useSingleChildCheck } from './utils/useSingleChildCheck.js';
 
 const badgeVariantToIconProps = {
-  'file-pdf': {
-    backgroundColor: SurfaceBadgePdfSurface,
-    icon: FilePdf,
+  'file-audio': {
+    backgroundColor: SurfaceBadgeAudioSurface,
+    icon: FileAudio,
+    iconColor: GrayWhite
+  },
+  'file-bookmark': {
+    backgroundColor: SurfaceBadgeBookmarkSurface,
+    icon: FileBookmark,
+    iconColor: GrayWhite
+  },
+  'file-box-app': {
+    backgroundColor: SurfaceBadgeBoxappsSurface,
+    icon: BoxApps,
+    iconColor: GrayWhite
+  },
+  'file-boxnote': {
+    backgroundColor: SurfaceBadgeBoxnoteSurface,
+    icon: FileBoxNote,
+    iconColor: Gray100
+  },
+  'file-canvas': {
+    backgroundColor: SurfaceBadgeCanvasSurface,
+    icon: FileCanvas,
+    iconColor: GrayWhite
+  },
+  'file-code': {
+    backgroundColor: SurfaceBadgeCodeSurface,
+    icon: Code,
+    iconColor: GrayWhite
+  },
+  'file-default': {
+    backgroundColor: SurfaceBadgeDefaultSurface,
+    icon: FileDefault,
     iconColor: GrayWhite
   },
   'file-docs': {
@@ -20,19 +50,44 @@ const badgeVariantToIconProps = {
     icon: FileDocs,
     iconColor: GrayWhite
   },
-  'file-sheets': {
-    backgroundColor: SurfaceBadgeSheetsSurface,
-    icon: FileSheets,
+  'file-drawing': {
+    backgroundColor: SurfaceBadgeDrawingSurface,
+    icon: FileDrawing,
+    iconColor: GrayWhite
+  },
+  'file-excel': {
+    backgroundColor: SurfaceBadgeExcelSurface,
+    icon: FileExcel,
     iconColor: GrayWhite
   },
+  'file-hub': {
+    backgroundColor: SurfaceBadgeHubsSurface,
+    icon: Hubs,
+    iconColor: GrayWhite
+  },
+  'file-illustrator': {
+    backgroundColor: SurfaceBadgeIllustratorSurface,
+    icon: FileIllustrator,
+    iconColor: IconIconIllustrator
+  },
   'file-image': {
     backgroundColor: SurfaceBadgeImageSurface,
     icon: FileImage,
     iconColor: GrayWhite
   },
-  'file-canvas': {
-    backgroundColor: SurfaceBadgeCanvasSurface,
-    icon: FileCanvas,
+  'file-indesign': {
+    backgroundColor: SurfaceBadgeIndesignSurface,
+    icon: FileIndesign,
+    iconColor: IconIconIndesign
+  },
+  'file-keynote': {
+    backgroundColor: SurfaceBadgeKeynoteSurface,
+    icon: FileKeynote,
+    iconColor: GrayWhite
+  },
+  'file-numbers': {
+    backgroundColor: SurfaceBadgeNumbersSurface,
+    icon: FileNumbers,
     iconColor: GrayWhite
   },
   'file-pages': {
@@ -40,21 +95,71 @@ const badgeVariantToIconProps = {
     icon: FilePages,
     iconColor: GrayWhite
   },
-  'file-keynote': {
-    backgroundColor: SurfaceBadgeKeynoteSurface,
-    icon: FileKeynote,
+  'file-pdf': {
+    backgroundColor: SurfaceBadgePdfSurface,
+    icon: FilePdf,
     iconColor: GrayWhite
   },
-  'file-boxnote': {
-    backgroundColor: SurfaceBadgeBoxnoteSurface,
-    icon: FileBoxNote,
-    iconColor: Gray100
+  'file-photoshop': {
+    backgroundColor: SurfaceBadgePhotoshopSurface,
+    icon: FilePhotoshop,
+    iconColor: IconIconPhotoshop
+  },
+  'file-powerpoint': {
+    backgroundColor: SurfaceBadgePowerpointSurface,
+    icon: FilePowerpoint,
+    iconColor: GrayWhite
+  },
+  'file-presentation': {
+    backgroundColor: SurfaceBadgePresentationSurface,
+    icon: FilePresentation,
+    iconColor: GrayWhite
+  },
+  'file-sheets': {
+    backgroundColor: SurfaceBadgeSheetsSurface,
+    icon: FileSheets,
+    iconColor: GrayWhite
+  },
+  'file-slides': {
+    backgroundColor: SurfaceBadgeSlidesSurface,
+    icon: FileSlides,
+    iconColor: GrayBlack
+  },
+  'file-spreadsheet': {
+    backgroundColor: SurfaceBadgeSpreadsheetSurface,
+    icon: FileSpreadsheet,
+    iconColor: GrayWhite
+  },
+  'file-text': {
+    backgroundColor: SurfaceBadgeTextSurface,
+    icon: FileText,
+    iconColor: GrayWhite
+  },
+  'file-three-d': {
+    backgroundColor: SurfaceBadgeThreeDSurface,
+    icon: FileThreeD,
+    iconColor: GrayWhite
+  },
+  'file-vector': {
+    backgroundColor: SurfaceBadgeVectorSurface,
+    icon: FileVector,
+    iconColor: GrayWhite
   },
   'file-video': {
     backgroundColor: SurfaceBadgeVideoSurface,
     icon: FileVideo,
     iconColor: GrayWhite
   },
+  'file-word': {
+    backgroundColor: SurfaceBadgeWordSurface,
+    icon: FileWord,
+    iconColor: GrayWhite
+  },
+  'file-zip': {
+    backgroundColor: SurfaceBadgeZipSurface,
+    icon: FileZip,
+    iconColor: GrayWhite
+  },
   'folder-external': {
     backgroundColor: SurfaceBadgeFolderexternalSurface,
     icon: FolderExternal,

package/package.json

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