@box/blueprint-web-assets 4.65.4 → 4.66.1

package/dist/icons/Logo/MicrosoftExcel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#185C37", d: "m18.409 15.518-8.19-1.445v10.68a.883.883 0 0 0 .883.883h14.132a.883.883 0 0 0 .883-.884v-3.934l-7.708-5.3Z" }), _jsx("path", { fill: "#21A366", d: "M18.409 6.364h-7.307a.883.883 0 0 0-.883.884v3.934L18.409 16l4.336 1.445L26.117 16v-4.818L18.41 6.364Z" }), _jsx("path", { fill: "#107C41", d: "M10.219 11.182h8.19V16h-8.19v-4.818Z" }), _jsx("path", { d: "M16.08 10.219h-5.86v12.044h5.862a.886.886 0 0 0 .883-.883V11.102a.886.886 0 0 0-.883-.883Z", opacity: 0.1 }), _jsx("path", { d: "M15.599 10.7h-5.38v12.045h5.38a.886.886 0 0 0 .883-.883V11.584a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.599 10.7h-5.38v11.081h5.38a.886.886 0 0 0 .883-.883v-9.314a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.117 10.7h-4.898v11.081h4.898a.886.886 0 0 0 .883-.883v-9.314a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#Microsoft_Excel_svg__b)", d: "M15.117 10.7H6.284a.883.883 0 0 0-.883.884v8.832c0 .488.395.883.883.883h8.833a.883.883 0 0 0 .883-.883v-8.832a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "m8.136 18.87 1.858-2.878-1.702-2.863H9.66l.929 1.83c.085.175.144.304.176.39h.012c.061-.14.125-.274.193-.405l.993-1.814h1.257l-1.746 2.846 1.79 2.894h-1.337l-1.073-2.01a1.688 1.688 0 0 1-.129-.267h-.015a1.269 1.269 0 0 1-.125.26L9.482 18.87H8.136Z" }), _jsx("path", { fill: "#33C481", d: "M25.234 6.364H18.41v4.818h7.708V7.248a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#107C41", d: "M18.409 16h7.708v4.818H18.41V16Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "Microsoft_Excel_svg__b", x1: 7.242, x2: 14.159, y1: 10.011, y2: 21.989, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#18884F" }), _jsx("stop", { offset: 0.5, stopColor: "#117E43" }), _jsx("stop", { offset: 1, stopColor: "#0B6631" })] }) })] }));
+const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { clipPath: "url(#MicrosoftExcel_svg__MicrosoftExcel__a)", children: [_jsx("path", { fill: "#185C37", d: "m18.409 15.518-8.19-1.445v10.68a.883.883 0 0 0 .883.883h14.132a.883.883 0 0 0 .883-.884v-3.934l-7.708-5.3Z" }), _jsx("path", { fill: "#21A366", d: "M18.409 6.364h-7.307a.883.883 0 0 0-.883.884v3.934L18.409 16l4.336 1.445L26.117 16v-4.818L18.41 6.364Z" }), _jsx("path", { fill: "#107C41", d: "M10.219 11.182h8.19V16h-8.19v-4.818Z" }), _jsx("path", { d: "M16.08 10.219h-5.86v12.044h5.862a.886.886 0 0 0 .883-.883V11.102a.886.886 0 0 0-.883-.883Z", opacity: 0.1 }), _jsx("path", { d: "M15.599 10.7h-5.38v12.045h5.38a.886.886 0 0 0 .883-.883V11.584a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.599 10.7h-5.38v11.081h5.38a.886.886 0 0 0 .883-.883v-9.314a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.117 10.7h-4.898v11.081h4.898a.886.886 0 0 0 .883-.883v-9.314a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftExcel_svg__a)", d: "M15.117 10.7H6.284a.883.883 0 0 0-.883.884v8.832c0 .488.395.883.883.883h8.833a.883.883 0 0 0 .883-.883v-8.832a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "m8.136 18.87 1.858-2.878-1.702-2.863H9.66l.929 1.83c.085.175.144.304.176.39h.012c.061-.14.125-.274.193-.405l.993-1.814h1.257l-1.746 2.846 1.79 2.894h-1.337l-1.073-2.01a1.688 1.688 0 0 1-.129-.267h-.015a1.269 1.269 0 0 1-.125.26L9.482 18.87H8.136Z" }), _jsx("path", { fill: "#33C481", d: "M25.234 6.364H18.41v4.818h7.708V7.248a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#107C41", d: "M18.409 16h7.708v4.818H18.41V16Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftExcel_svg__a", x1: 7.242, x2: 14.159, y1: 10.011, y2: 21.989, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#18884F" }), _jsx("stop", { offset: 0.5, stopColor: "#117E43" }), _jsx("stop", { offset: 1, stopColor: "#0B6631" })] }) })] }));
 const ForwardRef = forwardRef(SvgMicrosoftExcel);
 export default ForwardRef;

package/dist/icons/Logo/index.d.ts

@@ -42,8 +42,8 @@ export { default as KeynoteForMac } from './KeynoteForMac';
 export { default as ManageContent } from './ManageContent';
 export { default as ManageUsers } from './ManageUsers';
 export { default as Mastercard } from './Mastercard';
-export { default as MicrosoftExcel } from './MicrosoftExcel';
 export { default as Microsoft365 } from './Microsoft365';
+export { default as MicrosoftExcel } from './MicrosoftExcel';
 export { default as MicrosoftPowerPoint } from './MicrosoftPowerPoint';
 export { default as MicrosoftWord } from './MicrosoftWord';
 export { default as Mobile } from './Mobile';

package/dist/icons/Logo/index.js

@@ -42,8 +42,8 @@ export { default as KeynoteForMac } from './KeynoteForMac';
 export { default as ManageContent } from './ManageContent';
 export { default as ManageUsers } from './ManageUsers';
 export { default as Mastercard } from './Mastercard';
-export { default as MicrosoftExcel } from './MicrosoftExcel';
 export { default as Microsoft365 } from './Microsoft365';
+export { default as MicrosoftExcel } from './MicrosoftExcel';
 export { default as MicrosoftPowerPoint } from './MicrosoftPowerPoint';
 export { default as MicrosoftWord } from './MicrosoftWord';
 export { default as Mobile } from './Mobile';

package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts

@@ -6,7 +6,6 @@ export const bpBorderAvatarBorderHover: string;
 export const bpBorderAvatarBorderPressed: string;
 export const bpBorderBadgeBorder: string;
 export const bpBorderCardBorder: string;
-export const bpBorderCardBorderFocus: string;
 export const bpBorderCardBorderHover: string;
 export const bpBorderCardBorderPressed: string;
 export const bpBorderCheckboxBorder: string;
@@ -18,14 +17,9 @@ export const bpBorderComboboxBorder: string;
 export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
-export const bpBorderCtaBorderOutline: string;
+export const bpBorderCtaBorderHighContrast: string;
 export const bpBorderCtaBorderOutlineDisabled: string;
-export const bpBorderCtaBorderOutlineHover: string;
-export const bpBorderCtaBorderOutlinePressed: string;
 export const bpBorderCtaBorderSecondary: string;
-export const bpBorderCtaBorderSecondaryDisabled: string;
-export const bpBorderCtaBorderSecondaryHover: string;
-export const bpBorderCtaBorderSecondaryPressed: string;
 export const bpBorderDatePickerDayBorderFocus: string;
 export const bpBorderDatePickerDayBorderSelectedFocus: string;
 export const bpBorderDatePickerBorderActive: string;
@@ -47,6 +41,7 @@ export const bpBorderDropdownBorderHover: string;
 export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
+export const bpBorderHeaderBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -55,10 +50,12 @@ export const bpBorderInputBorderErrorHover: string;
 export const bpBorderInputBorderFocus: string;
 export const bpBorderInputBorderHover: string;
 export const bpBorderInputChipBorderError: string;
+export const bpBorderInputChipBorderShadow: string;
 export const bpBorderItemSmallBorderSelected: string;
 export const bpBorderItemBorderHover: string;
 export const bpBorderItemBorderSelected: string;
 export const bpBorderListItemBorder: string;
+export const bpBorderListItemBorderQuote: string;
 export const bpBorderListItemBorderSelected: string;
 export const bpBorderMenuBorder: string;
 export const bpBorderMessageBorderError: string;
@@ -99,6 +96,7 @@ export const bpBorderTabBorderHover: string;
 export const bpBorderTabBorderSelected: string;
 export const bpBorderTabBorderSelectedFocus: string;
 export const bpBorderTabBorderSelectedHover: string;
+export const bpBorderTimePickerBorderSelectedFocus: string;
 export const bpBorderToggleBorder: string;
 export const bpBorderToggleBorderOff: string;
 export const bpBorderToggleBorderOn: string;
@@ -110,6 +108,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderToolbarBorder: string;
+export const bpBorderTooltipBorder: string;
 export const bpBorderTooltipBorderError: string;
 export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
@@ -122,10 +121,10 @@ export const bpBorder06: string;
 export const bpBorder07: string;
 export const bpBorder08: string;
 export const bpIconCtaIcon: string;
+export const bpIconCtaIconHighContrast: string;
+export const bpIconCtaIconHighContrastHover: string;
+export const bpIconCtaIconHighContrastPressed: string;
 export const bpIconCtaIconHover: string;
-export const bpIconCtaIconOnColor: string;
-export const bpIconCtaIconOnColorHover: string;
-export const bpIconCtaIconOnColorPressed: string;
 export const bpIconCtaIconPressed: string;
 export const bpIconCtaIconUtility: string;
 export const bpIconCtaIconUtilityHover: string;
@@ -185,6 +184,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
 export const bpSurfaceBadgeSurfaceIndesign: string;
 export const bpSurfaceBadgeSurfaceKeynote: string;
 export const bpSurfaceBadgeSurfaceMention: string;
+export const bpSurfaceBadgeSurfaceModified: string;
 export const bpSurfaceBadgeSurfaceNotification: string;
 export const bpSurfaceBadgeSurfaceNumbers: string;
 export const bpSurfaceBadgeSurfaceOffline: string;
@@ -233,7 +233,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaSurfaceIcon: string;
-export const bpSurfaceCtaSurfaceIconDisabled: string;
 export const bpSurfaceCtaSurfaceIconHover: string;
 export const bpSurfaceCtaSurfaceIconPressed: string;
 export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -248,10 +247,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
 export const bpSurfaceCtaSurfacePromoHover: string;
 export const bpSurfaceCtaSurfacePromoPressed: string;
 export const bpSurfaceCtaSurfaceSecondary: string;
-export const bpSurfaceCtaSurfaceSecondaryBusy: string;
-export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
-export const bpSurfaceCtaSurfaceSecondaryFocus: string;
-export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
 export const bpSurfaceCtaSurfaceSecondaryHover: string;
 export const bpSurfaceCtaSurfaceSecondaryPressed: string;
 export const bpSurfaceCtaSurfaceTertiary: string;
@@ -331,7 +326,9 @@ export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
+export const bpSurfaceListItemSurfaceLoading: string;
 export const bpSurfaceListItemSurfaceSelected: string;
+export const bpSurfaceListItemSurfaceThumbnail: string;
 export const bpSurfaceLoadingIndicatorSurface: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -348,6 +345,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
 export const bpSurfaceModalSurface: string;
+export const bpSurfaceModalSurfaceGray: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -416,6 +414,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;
+export const bpSurfaceTimePickerSurface: string;
+export const bpSurfaceTimePickerSurfaceSelected: string;
+export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
 export const bpSurfaceToggleSurface: string;
 export const bpSurfaceToggleSurfaceHover: string;
 export const bpSurfaceToggleSurfaceOffHover: string;
@@ -436,7 +437,6 @@ export const bpSurfaceTooltipSurface: string;
 export const bpSurfaceTooltipSurfaceError: string;
 export const bpSurfaceUploadSurfaceBrandNeutral: string;
 export const bpSurfaceSurface: string;
-export const bpSurfaceSurfaceAvatar: string;
 export const bpSurfaceSurfaceBrand: string;
 export const bpSurfaceSurfaceBrandBusy: string;
 export const bpSurfaceSurfaceBrandDisabled: string;

package/dist/tokens/BP2/dark_mode_value/px-tokens.js

@@ -6,7 +6,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderBadgeBorder = '#ffffff';
 export const bpBorderCardBorder = '#e8e8e8';
-export const bpBorderCardBorderFocus = '#0061d5';
 export const bpBorderCardBorderHover = '#e8e8e8';
 export const bpBorderCardBorderPressed = '#e8e8e8';
 export const bpBorderCheckboxBorder = '#6f6f6f';
@@ -18,14 +17,9 @@ export const bpBorderComboboxBorder = '#909090';
 export const bpBorderComboboxBorderHover = '#6f6f6f';
 export const bpBorderContentButtonBorderHoverActive = '#909090';
 export const bpBorderContentButtonBorderSelected = '#909090';
-export const bpBorderCtaBorderOutline = '#000000';
+export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
 export const bpBorderCtaBorderOutlineDisabled = '#646464';
-export const bpBorderCtaBorderOutlineHover = '#000000';
-export const bpBorderCtaBorderOutlinePressed = '#000000';
-export const bpBorderCtaBorderSecondary = '#bcbcbc';
-export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
-export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
-export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
+export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderDatePickerDayBorderFocus = '#2486fc';
 export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
 export const bpBorderDatePickerBorderActive = '#2486fc';
@@ -47,6 +41,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
 export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
+export const bpBorderHeaderBorder = '#e8e8e8';
 export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
@@ -55,10 +50,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
 export const bpBorderInputBorderFocus = '#2486fc';
 export const bpBorderInputBorderHover = '#6f6f6f';
 export const bpBorderInputChipBorderError = '#ed3757';
+export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderItemSmallBorderSelected = '#0061d5';
 export const bpBorderItemBorderHover = '#e8e8e8';
 export const bpBorderItemBorderSelected = '#0061d5';
 export const bpBorderListItemBorder = '#e8e8e8';
+export const bpBorderListItemBorderQuote = '#909090';
 export const bpBorderListItemBorderSelected = '#0061d5';
 export const bpBorderMenuBorder = '#e8e8e8';
 export const bpBorderMessageBorderError = '#ed3757';
@@ -99,6 +96,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
 export const bpBorderTabBorderSelected = '#0061d5';
 export const bpBorderTabBorderSelectedFocus = '#0061d5';
 export const bpBorderTabBorderSelectedHover = '#0061d5';
+export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
 export const bpBorderToggleBorder = '#bcbcbc';
 export const bpBorderToggleBorderOff = '#ffffff';
 export const bpBorderToggleBorderOn = '#99c0ee';
@@ -110,6 +108,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderToolbarBorder = '#e8e8e8';
+export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
 export const bpBorderTooltipBorderError = '#f69bab';
 export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0px';
@@ -121,11 +120,11 @@ export const bpBorder05 = '5px';
 export const bpBorder06 = '6px';
 export const bpBorder07 = '7px';
 export const bpBorder08 = '8px';
-export const bpIconCtaIcon = '#6f6f6f';
-export const bpIconCtaIconHover = '#222222';
-export const bpIconCtaIconOnColor = '#000000';
-export const bpIconCtaIconOnColorHover = '#000000';
-export const bpIconCtaIconOnColorPressed = '#000000';
+export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
+export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
 export const bpIconCtaIconPressed = '#222222';
 export const bpIconCtaIconUtility = '#4e4e4e';
 export const bpIconCtaIconUtilityHover = '#000000';
@@ -185,6 +184,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
 export const bpSurfaceBadgeSurfaceIndesign = '#131415';
 export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
 export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
+export const bpSurfaceBadgeSurfaceModified = '#2486fc';
 export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
 export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
 export const bpSurfaceBadgeSurfaceOffline = '#26c281';
@@ -233,7 +233,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
-export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
@@ -248,15 +247,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
-export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
-export const bpSurfaceCtaSurfaceTertiaryHover = '#f4f4f4';
-export const bpSurfaceCtaSurfaceTertiaryPressed = '#e8e8e8';
+export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
@@ -330,8 +325,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
-export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
+export const bpSurfaceListItemSurfaceHover = '#ffffff';
+export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
+export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
 export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
 export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
 export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
@@ -348,6 +345,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
 export const bpSurfaceModalSurface = '#ffffff';
+export const bpSurfaceModalSurfaceGray = '#f4f4f4';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -416,6 +414,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
 export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';
+export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0.9)';
+export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
+export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
 export const bpSurfaceToggleSurface = '#ffffff';
 export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
 export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
@@ -436,7 +437,6 @@ export const bpSurfaceTooltipSurface = '#222222';
 export const bpSurfaceTooltipSurfaceError = '#fac3cd';
 export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
 export const bpSurfaceSurface = '#ffffff';
-export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceSurfaceBrand = '#0061d5';
 export const bpSurfaceSurfaceBrandBusy = '#0061d5';
 export const bpSurfaceSurfaceBrandDisabled = '#0061d5';

package/dist/tokens/BP2/dark_mode_value/tokens.css

@@ -14,6 +14,7 @@
     --bp-border-06: 0.375rem;
     --bp-border-07: 0.4375rem;
     --bp-border-08: 0.5rem;
+    --bp-icon-cta-icon-pressed: #222;
     --bp-icon-icon-illustrator: #ff9400;
     --bp-icon-icon-indesign: #ff57a1;
     --bp-icon-icon-photoshop: #26c9ff;
@@ -579,7 +580,6 @@
     --bp-border-avatar-border-pressed: var(--bp-black-opacity-08);
     --bp-border-badge-border: var(--bp-gray-white);
     --bp-border-card-border: var(--bp-gray-10);
-    --bp-border-card-border-focus: var(--bp-box-blue-100);
     --bp-border-card-border-hover: var(--bp-gray-10);
     --bp-border-card-border-pressed: var(--bp-gray-10);
     --bp-border-checkbox-border: var(--bp-gray-65);
@@ -591,13 +591,8 @@
     --bp-border-combobox-border-hover: var(--bp-gray-65);
     --bp-border-content-button-border-hover-active: var(--bp-gray-50);
     --bp-border-content-button-border-selected: var(--bp-gray-50);
-    --bp-border-cta-border-outline: var(--bp-gray-black);
-    --bp-border-cta-border-outline-hover: var(--bp-gray-black);
-    --bp-border-cta-border-outline-pressed: var(--bp-gray-black);
-    --bp-border-cta-border-secondary: var(--bp-gray-30);
-    --bp-border-cta-border-secondary-disabled: var(--bp-gray-10);
-    --bp-border-cta-border-secondary-hover: var(--bp-gray-30);
-    --bp-border-cta-border-secondary-pressed: var(--bp-gray-30);
+    --bp-border-cta-border-high-contrast: var(--bp-black-opacity-90);
+    --bp-border-cta-border-secondary: var(--bp-black-opacity-08);
     --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-day-border-selected-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-border-active: var(--bp-light-blue-100);
@@ -618,6 +613,7 @@
     --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
     --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
     --bp-border-grid-thumbnail-border: var(--bp-gray-10);
+    --bp-border-header-border: var(--bp-gray-10);
     --bp-border-inline-table-border: var(--bp-gray-10);
     --bp-border-input-border: var(--bp-gray-50);
     --bp-border-input-border-error: var(--bp-watermelon-red-100);
@@ -626,10 +622,12 @@
     --bp-border-input-border-focus: var(--bp-light-blue-100);
     --bp-border-input-border-hover: var(--bp-gray-65);
     --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
+    --bp-border-input-chip-border-shadow: var(--bp-black-opacity-04);
     --bp-border-item-small-border-selected: var(--bp-box-blue-100);
     --bp-border-item-border-hover: var(--bp-gray-10);
     --bp-border-item-border-selected: var(--bp-box-blue-100);
     --bp-border-list-item-border: var(--bp-gray-10);
+    --bp-border-list-item-border-quote: var(--bp-gray-50);
     --bp-border-list-item-border-selected: var(--bp-box-blue-100);
     --bp-border-menu-border: var(--bp-gray-10);
     --bp-border-message-border-error: var(--bp-watermelon-red-100);
@@ -670,6 +668,7 @@
     --bp-border-tab-border-selected: var(--bp-box-blue-100);
     --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
     --bp-border-tab-border-selected-hover: var(--bp-box-blue-100);
+    --bp-border-time-picker-border-selected-focus: var(--bp-box-blue-100);
     --bp-border-toggle-border: var(--bp-gray-30);
     --bp-border-toggle-border-off: var(--bp-gray-white);
     --bp-border-toggle-border-on: var(--bp-box-blue-40);
@@ -681,14 +680,14 @@
     --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
     --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
     --bp-border-toolbar-border: var(--bp-gray-10);
+    --bp-border-tooltip-border: var(--bp-white-opacity-16);
     --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
     --bp-border-border-accordion-hover: var(--bp-gray-10);
-    --bp-icon-cta-icon: var(--bp-gray-65);
-    --bp-icon-cta-icon-hover: var(--bp-gray-100);
-    --bp-icon-cta-icon-on-color: var(--bp-gray-black);
-    --bp-icon-cta-icon-on-color-hover: var(--bp-gray-black);
-    --bp-icon-cta-icon-on-color-pressed: var(--bp-gray-black);
-    --bp-icon-cta-icon-pressed: var(--bp-gray-100);
+    --bp-icon-cta-icon: var(--bp-black-opacity-60);
+    --bp-icon-cta-icon-high-contrast: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-high-contrast-hover: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-high-contrast-pressed: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-hover: var(--bp-black-opacity-90);
     --bp-icon-cta-icon-utility: var(--bp-gray-80);
     --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
     --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
@@ -738,6 +737,7 @@
     --bp-surface-badge-surface-image: var(--bp-green-light-120);
     --bp-surface-badge-surface-in-progress: var(--bp-light-blue-100);
     --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
+    --bp-surface-badge-surface-modified: var(--bp-light-blue-100);
     --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
     --bp-surface-badge-surface-offline: var(--bp-green-light-100);
     --bp-surface-badge-surface-online: var(--bp-green-light-120);
@@ -776,7 +776,6 @@
     --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
     --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
     --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
-    --bp-surface-cta-surface-icon-disabled: var(--bp-black-opacity-00);
     --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-icon-utility: var(--bp-gray-10);
@@ -791,15 +790,11 @@
     --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
     --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
     --bp-surface-cta-surface-secondary: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-busy: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-disabled: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-focus: var(--bp-black-opacity-04);
-    --bp-surface-cta-surface-secondary-focus-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-tertiary: var(--bp-gray-white);
-    --bp-surface-cta-surface-tertiary-hover: var(--bp-gray-05);
-    --bp-surface-cta-surface-tertiary-pressed: var(--bp-gray-10);
+    --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
+    --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-tertiary-promo: var(--bp-grimace-10);
     --bp-surface-cta-surface-tertiary-promo-focus: var(--bp-grimace-05);
     --bp-surface-cta-surface-tertiary-promo-focus-pressed: var(--bp-grimace-20);
@@ -872,8 +867,10 @@
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-list-item-surface: var(--bp-gray-white);
-    --bp-surface-list-item-surface-hover: var(--bp-gray-05);
+    --bp-surface-list-item-surface-hover: var(--bp-gray-white);
+    --bp-surface-list-item-surface-loading: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
+    --bp-surface-list-item-surface-thumbnail: var(--bp-gray-white);
     --bp-surface-loading-indicator-surface: var(--bp-box-blue-100);
     --bp-surface-loading-indicator-surface-on-dark: var(--bp-gray-white);
     --bp-surface-loading-indicator-surface-on-dark-secondary: var(--bp-white-opacity-70);
@@ -890,6 +887,7 @@
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
     --bp-surface-modal-surface: var(--bp-gray-white);
+    --bp-surface-modal-surface-gray: var(--bp-gray-05);
     --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
     --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
     --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -958,6 +956,9 @@
     --bp-surface-tab-surface-hover: var(--bp-white-opacity-00);
     --bp-surface-tab-surface-pressed: var(--bp-white-opacity-00);
     --bp-surface-text-highlight-surface: var(--bp-yellow-20);
+    --bp-surface-time-picker-surface: var(--bp-white-opacity-90);
+    --bp-surface-time-picker-surface-selected: var(--bp-box-blue-100);
+    --bp-surface-time-picker-surface-selected-focus: var(--bp-box-blue-05);
     --bp-surface-toggle-surface: var(--bp-gray-white);
     --bp-surface-toggle-surface-hover: var(--bp-gray-05);
     --bp-surface-toggle-surface-off-hover: var(--bp-gray-05);
@@ -977,7 +978,6 @@
     --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-30);
     --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
     --bp-surface-surface: var(--bp-gray-white);
-    --bp-surface-surface-avatar: var(--bp-black-opacity-04);
     --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
     --bp-surface-surface-hover: var(--bp-gray-05);
     --bp-surface-surface-quaternary: var(--bp-gray-20);

package/dist/tokens/BP2/dark_mode_value/tokens.d.ts

@@ -2,7 +2,6 @@ export const bpBorderAvatarBorderHover: string;
 export const bpBorderAvatarBorderPressed: string;
 export const bpBorderBadgeBorder: string;
 export const bpBorderCardBorder: string;
-export const bpBorderCardBorderFocus: string;
 export const bpBorderCardBorderHover: string;
 export const bpBorderCardBorderPressed: string;
 export const bpBorderCheckboxBorder: string;
@@ -14,14 +13,9 @@ export const bpBorderComboboxBorder: string;
 export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
-export const bpBorderCtaBorderOutline: string;
+export const bpBorderCtaBorderHighContrast: string;
 export const bpBorderCtaBorderOutlineDisabled: string;
-export const bpBorderCtaBorderOutlineHover: string;
-export const bpBorderCtaBorderOutlinePressed: string;
 export const bpBorderCtaBorderSecondary: string;
-export const bpBorderCtaBorderSecondaryDisabled: string;
-export const bpBorderCtaBorderSecondaryHover: string;
-export const bpBorderCtaBorderSecondaryPressed: string;
 export const bpBorderDatePickerDayBorderFocus: string;
 export const bpBorderDatePickerDayBorderSelectedFocus: string;
 export const bpBorderDatePickerBorderActive: string;
@@ -43,6 +37,7 @@ export const bpBorderDropdownBorderHover: string;
 export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
+export const bpBorderHeaderBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -51,10 +46,12 @@ export const bpBorderInputBorderErrorHover: string;
 export const bpBorderInputBorderFocus: string;
 export const bpBorderInputBorderHover: string;
 export const bpBorderInputChipBorderError: string;
+export const bpBorderInputChipBorderShadow: string;
 export const bpBorderItemSmallBorderSelected: string;
 export const bpBorderItemBorderHover: string;
 export const bpBorderItemBorderSelected: string;
 export const bpBorderListItemBorder: string;
+export const bpBorderListItemBorderQuote: string;
 export const bpBorderListItemBorderSelected: string;
 export const bpBorderMenuBorder: string;
 export const bpBorderMessageBorderError: string;
@@ -95,6 +92,7 @@ export const bpBorderTabBorderHover: string;
 export const bpBorderTabBorderSelected: string;
 export const bpBorderTabBorderSelectedFocus: string;
 export const bpBorderTabBorderSelectedHover: string;
+export const bpBorderTimePickerBorderSelectedFocus: string;
 export const bpBorderToggleBorder: string;
 export const bpBorderToggleBorderOff: string;
 export const bpBorderToggleBorderOn: string;
@@ -106,6 +104,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderToolbarBorder: string;
+export const bpBorderTooltipBorder: string;
 export const bpBorderTooltipBorderError: string;
 export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
@@ -118,10 +117,10 @@ export const bpBorder06: string;
 export const bpBorder07: string;
 export const bpBorder08: string;
 export const bpIconCtaIcon: string;
+export const bpIconCtaIconHighContrast: string;
+export const bpIconCtaIconHighContrastHover: string;
+export const bpIconCtaIconHighContrastPressed: string;
 export const bpIconCtaIconHover: string;
-export const bpIconCtaIconOnColor: string;
-export const bpIconCtaIconOnColorHover: string;
-export const bpIconCtaIconOnColorPressed: string;
 export const bpIconCtaIconPressed: string;
 export const bpIconCtaIconUtility: string;
 export const bpIconCtaIconUtilityHover: string;
@@ -181,6 +180,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
 export const bpSurfaceBadgeSurfaceIndesign: string;
 export const bpSurfaceBadgeSurfaceKeynote: string;
 export const bpSurfaceBadgeSurfaceMention: string;
+export const bpSurfaceBadgeSurfaceModified: string;
 export const bpSurfaceBadgeSurfaceNotification: string;
 export const bpSurfaceBadgeSurfaceNumbers: string;
 export const bpSurfaceBadgeSurfaceOffline: string;
@@ -229,7 +229,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaSurfaceIcon: string;
-export const bpSurfaceCtaSurfaceIconDisabled: string;
 export const bpSurfaceCtaSurfaceIconHover: string;
 export const bpSurfaceCtaSurfaceIconPressed: string;
 export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -244,10 +243,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
 export const bpSurfaceCtaSurfacePromoHover: string;
 export const bpSurfaceCtaSurfacePromoPressed: string;
 export const bpSurfaceCtaSurfaceSecondary: string;
-export const bpSurfaceCtaSurfaceSecondaryBusy: string;
-export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
-export const bpSurfaceCtaSurfaceSecondaryFocus: string;
-export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
 export const bpSurfaceCtaSurfaceSecondaryHover: string;
 export const bpSurfaceCtaSurfaceSecondaryPressed: string;
 export const bpSurfaceCtaSurfaceTertiary: string;
@@ -327,7 +322,9 @@ export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
+export const bpSurfaceListItemSurfaceLoading: string;
 export const bpSurfaceListItemSurfaceSelected: string;
+export const bpSurfaceListItemSurfaceThumbnail: string;
 export const bpSurfaceLoadingIndicatorSurface: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -344,6 +341,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
 export const bpSurfaceModalSurface: string;
+export const bpSurfaceModalSurfaceGray: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -412,6 +410,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;
+export const bpSurfaceTimePickerSurface: string;
+export const bpSurfaceTimePickerSurfaceSelected: string;
+export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
 export const bpSurfaceToggleSurface: string;
 export const bpSurfaceToggleSurfaceHover: string;
 export const bpSurfaceToggleSurfaceOffHover: string;
@@ -432,7 +433,6 @@ export const bpSurfaceTooltipSurface: string;
 export const bpSurfaceTooltipSurfaceError: string;
 export const bpSurfaceUploadSurfaceBrandNeutral: string;
 export const bpSurfaceSurface: string;
-export const bpSurfaceSurfaceAvatar: string;
 export const bpSurfaceSurfaceBrand: string;
 export const bpSurfaceSurfaceBrandBusy: string;
 export const bpSurfaceSurfaceBrandDisabled: string;