@box/blueprint-web 11.6.0 → 11.7.1

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

@@ -1,7 +1,7 @@
 import { type BadgeProps } from './types';
 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';
+    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';
 }
 export declare const IconBadgeVariants: Array<IconBadgeProps["variant"]>;
 export declare const IconBadge: (props: IconBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { jsxs, jsx } 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 { 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 } from '@box/blueprint-web-assets/tokens/tokens';
+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 { createElement } from 'react';
 import { BaseBadge } from './base-badge.js';
 import styles from './base-badge.module.js';
@@ -139,6 +140,11 @@ const badgeVariantToIconProps = {
     backgroundColor: SurfaceBadgeErrorSurface,
     icon: Alert,
     iconColor: GrayWhite
+  },
+  'status-pending': {
+    backgroundColor: Yellorange50,
+    icon: ClockBadge,
+    iconColor: Gray100
   }
 };
 const badgeSizeToIconSize = {

package/dist/lib-esm/index.css

@@ -5764,8 +5764,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_radio_tiles_module_radioTiles--14072.bp_radio_tiles_module_compact--14072 > *{
   flex:0 1 calc(100%/var(--columns) - var(--space-2) + var(--space-2)/var(--columns));
 }
-
-.bp_search_module_search--8b0fc{
+.bp_search_module_search--26492{
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-weight:400;
@@ -5778,10 +5777,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
   width:100%;
 }
-.bp_search_module_search--8b0fc.bp_search_module_disabled--8b0fc{
+.bp_search_module_search--26492.bp_search_module_disabled--26492{
   opacity:.3;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchIcon--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchIcon--26492{
   height:var(--size-4);
   left:var(--space-2);
   pointer-events:none;
@@ -5790,15 +5789,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transform:translateY(-50%);
   width:var(--size-4);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchIcon--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchIcon--26492.bp_search_module_global--26492{
   height:var(--size-5);
   left:var(--space-4);
   width:var(--size-5);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492{
   -webkit-font-smoothing:auto;
   background-color:var(--surface-search-surface);
-  border:var(--border-1) solid #0000;
+  border:var(--border-1) solid var(--border-search-border);
   border-radius:var(--radius-2);
   box-shadow:unset;
   box-sizing:border-box;
@@ -5817,51 +5816,51 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:border-color .15s ease,background-color .15s ease;
   width:100%;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492.bp_search_module_global--26492{
   border-radius:var(--radius-7);
   height:var(--size-12);
   padding-inline:var(--space-12) var(--space-2);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-cancel-button,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-decoration,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-results-button,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-results-decoration{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-cancel-button,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-decoration,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-results-button,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-results-decoration{
   appearance:none;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:disabled{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:disabled{
   background-color:var(--surface-search-surface);
   border-color:#0000;
   box-shadow:unset;
   color:var(--text-text-on-light);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:hover{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:hover{
   box-shadow:unset;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc .bp_search_module_firefoxDefaultOpacityFix--8b0fc,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc .bp_search_module_searchInput--8b0fc::placeholder{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492 .bp_search_module_firefoxDefaultOpacityFix--26492,.bp_search_module_search--26492 .bp_search_module_searchInput--26492 .bp_search_module_searchInput--26492::placeholder{
   opacity:1;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::placeholder{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492::placeholder{
   color:var(--text-text-on-light-secondary);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown){
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown){
   padding-inline-end:var(--space-8);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown).bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown).bp_search_module_global--26492{
   padding-inline-end:calc(var(--size-8)*2 + var(--space-6));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown).bp_search_module_global--8b0fc.bp_search_module_withoutActionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown).bp_search_module_global--26492.bp_search_module_withoutActionButton--26492{
   padding-inline-end:calc(var(--size-8) + var(--space-3));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:focus-visible{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:focus-visible{
   background-color:var(--surface-search-surface-focused);
-  border:var(--border-2) solid #2486fc;
+  border:var(--border-2) solid var(--outline-focus-on-light);
   padding-inline-start:calc(var(--space-8) - var(--border-1));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:focus-visible.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:focus-visible.bp_search_module_global--26492{
   padding-inline-start:calc(var(--space-12) - var(--border-1));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:focus-visible):not(:disabled):hover{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:focus-visible):not(:disabled):hover{
   background-color:var(--surface-search-surface-hover);
-  border-color:#6f6f6f;
+  border-color:var(--border-search-border-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492{
   background:var(--surface-cta-surface-icon);
   height:var(--size-4);
   position:absolute;
@@ -5870,31 +5869,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transform:translateY(-50%);
   width:var(--size-4);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492.bp_search_module_global--26492{
   height:var(--size-8);
   right:calc(var(--space-12) + var(--space-1));
   width:var(--size-8);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc.bp_search_module_withoutActionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492.bp_search_module_withoutActionButton--26492{
   right:var(--space-3);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492 *{
   fill:var(--icon-cta-icon);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:focus-visible{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:focus-visible{
   background:var(--surface-cta-surface-icon-hover);
   outline:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:focus-visible *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:focus-visible *{
   fill:var(--icon-cta-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:hover{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:hover *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:hover *{
   fill:var(--icon-cta-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_actionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_actionButton--26492{
   position:absolute;
   right:var(--space-4);
   top:50%;

package/dist/lib-esm/search-input/search.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"search":"bp_search_module_search--8b0fc","disabled":"bp_search_module_disabled--8b0fc","searchIcon":"bp_search_module_searchIcon--8b0fc","global":"bp_search_module_global--8b0fc","searchInput":"bp_search_module_searchInput--8b0fc","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--8b0fc","withoutActionButton":"bp_search_module_withoutActionButton--8b0fc","clearSearchIcon":"bp_search_module_clearSearchIcon--8b0fc","actionButton":"bp_search_module_actionButton--8b0fc"};
+var styles = {"search":"bp_search_module_search--26492","disabled":"bp_search_module_disabled--26492","searchIcon":"bp_search_module_searchIcon--26492","global":"bp_search_module_global--26492","searchInput":"bp_search_module_searchInput--26492","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--26492","withoutActionButton":"bp_search_module_withoutActionButton--26492","clearSearchIcon":"bp_search_module_clearSearchIcon--26492","actionButton":"bp_search_module_actionButton--26492"};
 
 export { styles as default };

package/package.json

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