@box/blueprint-web-assets 4.56.8 → 4.57.1

package/dist/tokens/px-tokens.js

@@ -851,8 +851,9 @@ export const bpBorderCheckboxBorder = '#6f6f6f';
 export const bpBorderCheckboxBorderHover = '#4e4e4e';
 export const bpBorderCheckboxBorderSelected = '#0061d5';
 export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
-export const bpBorderCollapsibleBorder = '#d3d3d3';
-export const bpBorderContentbuttonBorderSelected = '#909090';
+export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
+export const bpBorderContentButtonBorderHoverActive = '#909090';
+export const bpBorderContentButtonBorderSelected = '#909090';
 export const bpBorderCtaBorderOutline = '#000000';
 export const bpBorderCtaBorderOutlineDisabled = '#646464';
 export const bpBorderCtaBorderOutlineHover = '#000000';
@@ -861,47 +862,66 @@ export const bpBorderCtaBorderSecondary = '#bcbcbc';
 export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
 export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
 export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
+export const bpBorderDatePickerDayBorderFocus = '#2486fc';
+export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
+export const bpBorderDatePickerBorderActive = '#2486fc';
+export const bpBorderDatePickerBorderComplete = '#909090';
+export const bpBorderDatePickerBorderDefault = '#909090';
+export const bpBorderDatePickerBorderDisabled = '#909090';
+export const bpBorderDatePickerBorderError = '#ed3757';
+export const bpBorderDatePickerBorderFocus = '#2486fc';
+export const bpBorderDatePickerBorderHover = '#6f6f6f';
 export const bpBorderDividerBorder = '#e8e8e8';
 export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
+export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
 export const bpBorderDropdownBorder = '#bcbcbc';
 export const bpBorderDropdownBorderError = '#ed3757';
 export const bpBorderDropdownBorderErrorFocus = '#ed3757';
 export const bpBorderDropdownBorderErrorHover = '#ed3757';
 export const bpBorderDropdownBorderFocus = '#0061d5';
 export const bpBorderDropdownBorderHover = '#6f6f6f';
-export const bpBorderFilterchipBorderMultiOn = '#99c0ee';
-export const bpBorderFilterchipBorderMultiOnHover = '#99c0ee';
-export const bpBorderGridthumbnailBorder = '#e8e8e8';
+export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
+export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
+export const bpBorderGridThumbnailBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
 export const bpBorderInputBorderErrorFocus = '#ed3757';
 export const bpBorderInputBorderErrorHover = '#ed3757';
 export const bpBorderInputBorderFocus = '#2486fc';
 export const bpBorderInputBorderHover = '#6f6f6f';
-export const bpBorderInputchipBorderError = '#ed3757';
+export const bpBorderInputChipBorderError = '#ed3757';
+export const bpBorderItemSmallBorderSelected = '#0061d5';
 export const bpBorderItemBorderHover = '#e8e8e8';
 export const bpBorderItemBorderSelected = '#0061d5';
-export const bpBorderItemSmallBorderSelected = '#0061d5';
+export const bpBorderListItemBorder = '#e8e8e8';
+export const bpBorderListItemBorderSelected = '#0061d5';
+export const bpBorderMenuBorder = '#e8e8e8';
 export const bpBorderMessageBorderError = '#ed3757';
-export const bpBorderMessageBorderErrorSecondary = '#f69bab';
+export const bpBorderMessageBorderErrorSecondary = 'rgba(237, 55, 87, 0.3)';
 export const bpBorderMessageBorderGeneric = '#222222';
-export const bpBorderMessageBorderGenericSecondary = '#909090';
+export const bpBorderMessageBorderGenericSecondary = 'rgba(0, 0, 0, 0.3)';
 export const bpBorderMessageBorderInfo = '#0061d5';
-export const bpBorderMessageBorderInfoSecondary = '#91c2fd';
+export const bpBorderMessageBorderInfoSecondary = 'rgba(36, 134, 252, 0.3)';
 export const bpBorderMessageBorderSuccess = '#26c281';
-export const bpBorderMessageBorderSuccessSecondary = '#92e0c0';
+export const bpBorderMessageBorderSuccessSecondary = 'rgba(38, 194, 129, 0.3)';
 export const bpBorderMessageBorderWarning = '#f5b31b';
-export const bpBorderMessageBorderWarningSecondary = '#fad98d';
+export const bpBorderMessageBorderWarningSecondary = 'rgba(245, 179, 27, 0.3)';
 export const bpBorderRadioBorder = '#6f6f6f';
 export const bpBorderRadioBorderHover = '#4e4e4e';
 export const bpBorderRadioBorderSelected = '#0061d5';
 export const bpBorderRadioBorderSelectedHover = '#2079e3';
-export const bpBorderRadiotileBorder = '#bcbcbc';
-export const bpBorderRadiotileBorderHover = '#bcbcbc';
-export const bpBorderRadiotileBorderSelected = '#0061d5';
+export const bpBorderRadioTileBorder = '#bcbcbc';
+export const bpBorderRadioTileBorderHover = '#bcbcbc';
+export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
-export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSelectBorderActive = '#2486fc';
+export const bpBorderSelectBorderDefault = '#bcbcbc';
+export const bpBorderSelectBorderDisabled = '#bcbcbc';
+export const bpBorderSelectBorderError = '#d5324e';
+export const bpBorderSelectBorderHover = '#6f6f6f';
+export const bpBorderSelectBorderReadOnly = '#d3d3d3';
 export const bpBorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderSwitchBorder = '#bcbcbc';
 export const bpBorderSwitchBorderHover = '#bcbcbc';
@@ -911,14 +931,15 @@ export const bpBorderTabBorderSelected = '#0061d5';
 export const bpBorderTabBorderSelectedFocus = '#0061d5';
 export const bpBorderTabBorderSelectedHover = '#0061d5';
 export const bpBorderToggleBorder = '#bcbcbc';
+export const bpBorderToggleBorderOff = '#ffffff';
 export const bpBorderToggleBorderOn = '#99c0ee';
-export const bpBorderToggletextBorderOff = '#ffffff';
-export const bpBorderToggletextBorderOffAi = '#bcbcbc';
-export const bpBorderToggletextBorderOffHover = '#f4f4f4';
-export const bpBorderToggletextBorderOffPressed = '#e8e8e8';
-export const bpBorderToggletextBorderOn = '#99c0ee';
-export const bpBorderToggletextBorderOnHover = '#99c0ee';
-export const bpBorderToggletextBorderOnPressed = '#99c0ee';
+export const bpBorderToggleTextBorderOff = '#ffffff';
+export const bpBorderToggleTextBorderOffAi = '#bcbcbc';
+export const bpBorderToggleTextBorderOffHover = '#f4f4f4';
+export const bpBorderToggleTextBorderOffPressed = '#e8e8e8';
+export const bpBorderToggleTextBorderOn = '#99c0ee';
+export const bpBorderToggleTextBorderOnHover = '#99c0ee';
+export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderTooltipBorderError = '#f69bab';
 export const bpBorder00 = '0px';
 export const bpBorder01 = '1px';
@@ -938,14 +959,6 @@ export const bpIconCtaIconPressed = '#222222';
 export const bpIconCtaIconUtility = '#4e4e4e';
 export const bpIconCtaIconUtilityHover = '#000000';
 export const bpIconCtaIconUtilityPressed = '#000000';
-export const bpIconIconBlue = '#0061d5';
-export const bpIconIconDestructiveOnLight = '#d5324e';
-export const bpIconIconErrorOnLight = '#d5324e';
-export const bpIconIconOnDark = '#ffffff';
-export const bpIconIconOnLight = '#222222';
-export const bpIconIconOnLightSecondary = '#6f6f6f';
-export const bpIconIconOnLightTertiary = '#909090';
-export const bpIconIconRequiredOnLight = '#d5324e';
 export const bpIconNavIconOnDark = '#ffffff';
 export const bpIconNavIconOnDarkFocus = '#ffffff';
 export const bpIconNavIconOnDarkHover = '#ffffff';
@@ -954,41 +967,74 @@ export const bpIconNavIconOnLight = '#222222';
 export const bpIconNavIconOnLightFocus = '#222222';
 export const bpIconNavIconOnLightHover = '#222222';
 export const bpIconNavIconOnLightSelected = '#222222';
+export const bpIconIconBlue = '#0061d5';
+export const bpIconIconDestructiveOnLight = '#d5324e';
+export const bpIconIconErrorOnLight = '#d5324e';
+export const bpIconIconIllustrator = '#ff9400';
+export const bpIconIconIndesign = '#ff57a1';
+export const bpIconIconOnDark = '#ffffff';
+export const bpIconIconOnLight = '#222222';
+export const bpIconIconOnLightSecondary = '#6f6f6f';
+export const bpIconIconOnLightTertiary = '#909090';
+export const bpIconIconPhotoshop = '#26c9ff';
+export const bpIconIconRequiredOnLight = '#d5324e';
 export const bpOutlineFocusOnDark = '#ffffff';
 export const bpOutlineFocusOnLight = '#2486fc';
 export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
-export const bpOverlaySidepanelOverlay = 'rgba(0, 0, 0, 0.5)';
+export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
 export const bpSurfaceAccordionSurface = '#ffffff';
 export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
-export const bpSurfaceBadgeAdminSurface = '#003c84';
-export const bpSurfaceBadgeAnnotationSurface = '#f5b31b';
-export const bpSurfaceBadgeBoxnoteSurface = '#e8e8e8';
-export const bpSurfaceBadgeCanvasSurface = '#f1811a';
-export const bpSurfaceBadgeCoadminSurface = '#9f3fed';
-export const bpSurfaceBadgeCollectionSurface = '#e8e8e8';
-export const bpSurfaceBadgeCompletedSurface = '#26c281';
-export const bpSurfaceBadgeDocsSurface = '#4083f7';
-export const bpSurfaceBadgeErrorSurface = '#d5324e';
-export const bpSurfaceBadgeExternalSurface = '#909090';
-export const bpSurfaceBadgeFolderexternalSurface = '#6f6f6f';
-export const bpSurfaceBadgeFoldersharedSurface = '#2486fc';
-export const bpSurfaceBadgeImageSurface = '#26c281';
-export const bpSurfaceBadgeKeynoteSurface = '#0a84ff';
-export const bpSurfaceBadgeMentionSurface = '#1d6bca';
-export const bpSurfaceBadgeNotificationSurface = '#d5324e';
-export const bpSurfaceBadgeOfflineSurface = '#26c281';
-export const bpSurfaceBadgeOnlineSurface = '#1e9b67';
-export const bpSurfaceBadgePagesSurface = '#ff9500';
-export const bpSurfaceBadgePdfSurface = '#d0021b';
-export const bpSurfaceBadgePinSurface = '#e8e8e8';
-export const bpSurfaceBadgeProgressSurface = '#f5b31b';
-export const bpSurfaceBadgeRejectedSurface = '#d5324e';
-export const bpSurfaceBadgeRelaySurface = '#1d6bca';
-export const bpSurfaceBadgeSheetsSurface = '#21a464';
-export const bpSurfaceBadgeTaskSurface = '#2486fc';
-export const bpSurfaceBadgeTaskapprovalSurface = '#1d6bca';
-export const bpSurfaceBadgeVideoSurface = '#009aed';
-export const bpSurfaceCardSurface = '#ffffff';
+export const bpSurfaceBadgeIllustratorSurface = '#051e25';
+export const bpSurfaceBadgeIndesignSurface = '#131415';
+export const bpSurfaceBadgeNumbersSurface = '#00a650';
+export const bpSurfaceBadgePhotoshopSurface = '#131415';
+export const bpSurfaceBadgePowerpointSurface = '#c43e1c';
+export const bpSurfaceBadgePresentationSurface = '#d97417';
+export const bpSurfaceBadgeSpreadsheetSurface = '#3fb87f';
+export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
+export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
+export const bpSurfaceBadgeSurfaceAudio = '#9f3fed';
+export const bpSurfaceBadgeSurfaceBookmark = '#0061d5';
+export const bpSurfaceBadgeSurfaceBoxapps = '#0061d5';
+export const bpSurfaceBadgeSurfaceBoxnote = '#e8e8e8';
+export const bpSurfaceBadgeSurfaceCanvas = '#d97417';
+export const bpSurfaceBadgeSurfaceCoadmin = '#9f3fed';
+export const bpSurfaceBadgeSurfaceCode = '#ed3757';
+export const bpSurfaceBadgeSurfaceCollection = '#e8e8e8';
+export const bpSurfaceBadgeSurfaceCompleted = '#1e9b67';
+export const bpSurfaceBadgeSurfaceDefault = '#6f6f6f';
+export const bpSurfaceBadgeSurfaceDocs = '#4083f7';
+export const bpSurfaceBadgeSurfaceDrawing = '#009aed';
+export const bpSurfaceBadgeSurfaceError = '#d5324e';
+export const bpSurfaceBadgeSurfaceExcel = '#107c41';
+export const bpSurfaceBadgeSurfaceExternal = '#909090';
+export const bpSurfaceBadgeSurfaceFolderexternal = '#6f6f6f';
+export const bpSurfaceBadgeSurfaceFoldershared = '#2486fc';
+export const bpSurfaceBadgeSurfaceHubs = '#0061d5';
+export const bpSurfaceBadgeSurfaceImage = '#1e9b67';
+export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
+export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
+export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
+export const bpSurfaceBadgeSurfaceOffline = '#26c281';
+export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
+export const bpSurfaceBadgeSurfacePages = '#ff9500';
+export const bpSurfaceBadgeSurfacePdf = '#d0021b';
+export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
+export const bpSurfaceBadgeSurfaceProgress = '#f5b31b';
+export const bpSurfaceBadgeSurfaceRejected = '#d5324e';
+export const bpSurfaceBadgeSurfaceRelay = '#1d6bca';
+export const bpSurfaceBadgeSurfaceSheets = '#21a464';
+export const bpSurfaceBadgeSurfaceSlides = '#f7ba00';
+export const bpSurfaceBadgeSurfaceTask = '#2486fc';
+export const bpSurfaceBadgeSurfaceTaskapproval = '#1d6bca';
+export const bpSurfaceBadgeSurfaceVideo = '#009aed';
+export const bpSurfaceBadgeTextSurface = '#0061d5';
+export const bpSurfaceBadgeThreeDSurface = '#d97417';
+export const bpSurfaceBadgeVectorSurface = '#d97417';
+export const bpSurfaceBadgeWordSurface = '#185abd';
+export const bpSurfaceBadgeZipSurface = '#6f6f6f';
+export const bpSurfaceCalendarSurface = '#ffffff';
+export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
 export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -998,9 +1044,16 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
-export const bpSurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
-export const bpSurfaceContentswitcherSurface = '#e8e8e8';
-export const bpSurfaceCtaSurfaceDisabled = '#b2cff2';
+export const bpSurfaceComboboxSurface = '#ffffff';
+export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
+export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
+export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
+export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
+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)';
@@ -1009,7 +1062,6 @@ export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
 export const bpSurfaceCtaSurfaceIconUtilityHover = '#d3d3d3';
 export const bpSurfaceCtaSurfaceIconUtilityPressed = '#bcbcbc';
 export const bpSurfaceCtaSurfaceOutline = 'rgba(0, 0, 0, 0)';
-export const bpSurfaceCtaSurfaceOutline2 = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceOutlineHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceOutlinePressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfacePromo = '#4122af';
@@ -1032,18 +1084,27 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
 export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
-export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
-export const bpSurfaceDaySurface = '#ffffff';
-export const bpSurfaceDaySurfaceHover = '#f4f4f4';
-export const bpSurfaceDaySurfaceSelected = '#0061d5';
-export const bpSurfaceDaySurfaceSelectedHover = '#003c84';
+export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
+export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
+export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
+export const bpSurfaceDatePickerDaySurfaceHover = '#f4f4f4';
+export const bpSurfaceDatePickerDaySurfaceSelected = '#0061d5';
+export const bpSurfaceDatePickerDaySurfaceSelectedFocus = '#003c84';
+export const bpSurfaceDatePickerDaySurfaceSelectedHover = '#003c84';
+export const bpSurfaceDatePickerSurfaceActive = '#ffffff';
+export const bpSurfaceDatePickerSurfaceComplete = '#ffffff';
+export const bpSurfaceDatePickerSurfaceDefault = '#ffffff';
+export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
+export const bpSurfaceDatePickerSurfaceError = '#ffffff';
+export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
+export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
 export const bpSurfaceDropdownPrimarySurfaceHover = '#f4f4f4';
 export const bpSurfaceDropdownPrimarySurfacePressed = '#e8e8e8';
 export const bpSurfaceDropdownSecondarySurface = '#ffffff';
 export const bpSurfaceDropdownSecondarySurfaceHover = '#f4f4f4';
 export const bpSurfaceDropdownSecondarySurfacePressed = '#e8e8e8';
+export const bpSurfaceDropdownTertiarySurfaceHover = '#f4f4f4';
+export const bpSurfaceDropdownTertiarySurfacePressed = '#e8e8e8';
 export const bpSurfaceDropdownSurface = '#ffffff';
 export const bpSurfaceDropdownSurfaceError = '#ffffff';
 export const bpSurfaceDropdownSurfaceErrorFocus = '#ffffff';
@@ -1055,43 +1116,47 @@ export const bpSurfaceFilterSurfaceFocus = '#0061d5';
 export const bpSurfaceFilterSurfaceHover = '#0061d5';
 export const bpSurfaceFilterSurfaceSelected = '#0061d5';
 export const bpSurfaceFilterSurfaceSelectedFocus = '#0061d5';
-export const bpSurfaceFilterchipSurfaceMulti = 'rgba(0, 0, 0, 0.04)';
-export const bpSurfaceFilterchipSurfaceMultiHover = 'rgba(0, 0, 0, 0.08)';
-export const bpSurfaceFilterchipSurfaceMultiOn = '#e5effa';
-export const bpSurfaceFilterchipSurfaceMultiOnHover = '#ccdff7';
-export const bpSurfaceFilterchipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
-export const bpSurfaceFilterchipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
-export const bpSurfaceFilterchipSurfaceSingleOn = '#0061d5';
-export const bpSurfaceFilterchipSurfaceSingleOnHover = '#0061d5';
+export const bpSurfaceFilterChipSurfaceMulti = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceFilterChipSurfaceMultiHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceFilterChipSurfaceMultiOn = '#e5effa';
+export const bpSurfaceFilterChipSurfaceMultiOnHover = '#ccdff7';
+export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
+export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
 export const bpSurfaceGhostSurface = '#fbfbfb';
 export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
 export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
 export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
+export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
+export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
+export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
+export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
+export const bpSurfaceInputSearchSurface = '#f4f4f4';
+export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
+export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
+export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
 export const bpSurfaceInputSurfaceErrorHover = '#ffffff';
 export const bpSurfaceInputSurfaceFocus = '#ffffff';
 export const bpSurfaceInputSurfaceHover = '#ffffff';
-export const bpSurfaceInputchipSurface = '#e8e8e8';
-export const bpSurfaceInputchipSurfaceError = '#fdebee';
-export const bpSurfaceInputchipSurfaceHover = '#e8e8e8';
+export const bpSurfaceInputChipSurface = '#e8e8e8';
+export const bpSurfaceInputChipSurfaceError = '#fdebee';
+export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
 export const bpSurfaceItemSmallSurface = '#ffffff';
 export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
 export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
+export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuSurfaceFocus = '#f4f4f4';
-export const bpSurfaceMenuSurfaceHover = '#f4f4f4';
-export const bpSurfaceMenuSurfacePressed = '#f4f4f4';
-export const bpSurfaceMessageSurfaceErrorSecondary = '#fdebee';
-export const bpSurfaceMessageSurfaceGeneric = '#e8e8e8';
-export const bpSurfaceMessageSurfaceGenericSecondary = '#e8e8e8';
-export const bpSurfaceMessageSurfaceInfoSecondary = '#e9f2fe';
-export const bpSurfaceMessageSurfacePromoSecondary = '#ece9f8';
-export const bpSurfaceMessageSurfaceSuccessSecondary = '#e9f8f2';
-export const bpSurfaceMessageSurfaceWarningSecondary = '#fef7e8';
+export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
+export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
+export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -1099,22 +1164,28 @@ export const bpSurfacePageSurface = '#ffffff';
 export const bpSurfacePillSurface = '#e8e8e8';
 export const bpSurfacePillSurfaceFocus = '#e8e8e8';
 export const bpSurfacePillSurfaceHover = '#e8e8e8';
-export const bpSurfaceProgressbarSurfaceBrand = '#0061d5';
+export const bpSurfaceProgressBarSurfaceBrand = '#0061d5';
 export const bpSurfaceRadioSurface = '#ffffff';
 export const bpSurfaceRadioSurfaceHover = '#ffffff';
 export const bpSurfaceRadioSurfaceSelected = '#0061d5';
 export const bpSurfaceRadioSurfaceSelectedHover = '#2079e3';
-export const bpSurfaceRadiotileSurface = '#ffffff';
-export const bpSurfaceRadiotileSurfaceHover = '#f4f4f4';
-export const bpSurfaceRadiotileSurfaceSelected = '#f2f7fd';
+export const bpSurfaceRadioTileSurface = '#ffffff';
+export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
+export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
 export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
 export const bpSurfaceSearchSurfaceFocused = '#ffffff';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
-export const bpSurfaceSliderthumbSurface = '#0061d5';
-export const bpSurfaceSliderthumbSurfaceHover = '#2486fc';
-export const bpSurfaceSlidertrackSurface = '#6f6f6f';
+export const bpSurfaceSelectSurfaceActive = '#ffffff';
+export const bpSurfaceSelectSurfaceDefault = '#ffffff';
+export const bpSurfaceSelectSurfaceDisabled = '#ffffff';
+export const bpSurfaceSelectSurfaceError = '#ffffff';
+export const bpSurfaceSelectSurfaceHover = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
+export const bpSurfaceSliderThumbSurface = '#0061d5';
+export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
+export const bpSurfaceSliderTrackSurface = '#6f6f6f';
 export const bpSurfaceStatusSurfaceBoxblue = '#0061d5';
 export const bpSurfaceStatusSurfaceBoxblueFocus = '#0061d5';
 export const bpSurfaceStatusSurfaceBoxblueHover = '#0061d5';
@@ -1149,19 +1220,6 @@ export const bpSurfaceStatusSurfaceUploading = '#0061d5';
 export const bpSurfaceStatusSurfaceYellow = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowFocus = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowHover = '#ffeb7f';
-export const bpSurfaceSurface = '#ffffff';
-export const bpSurfaceSurfaceBrand = '#0061d5';
-export const bpSurfaceSurfaceBrandBusy = '#0061d5';
-export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
-export const bpSurfaceSurfaceBrandHover = '#006ae9';
-export const bpSurfaceSurfaceBrandPressed = '#004eac';
-export const bpSurfaceSurfaceBrandSecondary = '#e5effa';
-export const bpSurfaceSurfaceHover = '#f4f4f4';
-export const bpSurfaceSurfaceQuaternary = '#d3d3d3';
-export const bpSurfaceSurfaceSecondary = '#fbfbfb';
-export const bpSurfaceSurfaceSecondaryFocus = '#fbfbfb';
-export const bpSurfaceSurfaceSecondaryHover = '#f4f4f4';
-export const bpSurfaceSurfaceTertiary = '#e8e8e8';
 export const bpSurfaceSwitchSurface = '#ffffff';
 export const bpSurfaceSwitchSurfaceHover = '#ffffff';
 export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
@@ -1180,16 +1238,29 @@ export const bpSurfaceToggleSurfaceOnHover = '#ccdff7';
 export const bpSurfaceToggleSurfaceOnPressed = '#b2cff2';
 export const bpSurfaceToggleSurfacePressed = '#0061d5';
 export const bpSurfaceToggleSurfacePressedHover = '#3381dd';
-export const bpSurfaceToggletextSurfaceOffAi = '#ffffff';
-export const bpSurfaceToggletextSurfaceOffAiHover = '#f4f4f4';
-export const bpSurfaceToggletextSurfaceOffAiPressed = '#e8e8e8';
-export const bpSurfaceToggletextSurfaceOn = '#e5effa';
-export const bpSurfaceToggletextSurfaceOnHover = '#ccdff7';
-export const bpSurfaceToggletextSurfaceOnPressed = '#b2cff2';
+export const bpSurfaceToggleTextSurfaceOff = '#ffffff';
+export const bpSurfaceToggleTextSurfaceOffHover = '#f4f4f4';
+export const bpSurfaceToggleTextSurfaceOffPressed = '#e8e8e8';
+export const bpSurfaceToggleTextSurfaceOn = '#e5effa';
+export const bpSurfaceToggleTextSurfaceOnHover = '#ccdff7';
+export const bpSurfaceToggleTextSurfaceOnPressed = '#b2cff2';
 export const bpSurfaceToolbarSurface = '#222222';
-export const bpSurfaceTooltipSurface = '#4e4e4e';
-export const bpSurfaceTooltipSurfaceError = '#fdebee';
+export const bpSurfaceTooltipSurface = 'rgba(0, 0, 0, 0.9)';
+export const bpSurfaceTooltipSurfaceError = 'rgba(237, 55, 87, 0.2)';
 export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
+export const bpSurfaceSurface = '#ffffff';
+export const bpSurfaceSurfaceBrand = '#0061d5';
+export const bpSurfaceSurfaceBrandBusy = '#0061d5';
+export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
+export const bpSurfaceSurfaceBrandHover = '#006ae9';
+export const bpSurfaceSurfaceBrandPressed = '#004eac';
+export const bpSurfaceSurfaceBrandSecondary = '#e5effa';
+export const bpSurfaceSurfaceHover = '#f4f4f4';
+export const bpSurfaceSurfaceQuaternary = '#d3d3d3';
+export const bpSurfaceSurfaceSecondary = '#fbfbfb';
+export const bpSurfaceSurfaceSecondaryFocus = '#fbfbfb';
+export const bpSurfaceSurfaceSecondaryHover = '#f4f4f4';
+export const bpSurfaceSurfaceTertiary = '#e8e8e8';
 export const bpTextCtaLink = '#0061d5';
 export const bpTextCtaLinkDisabled = '#b2cff2';
 export const bpTextCtaLinkHover = '#1d6bca';
@@ -1206,6 +1277,7 @@ export const bpTextNavTextOnLight = '#ffffff';
 export const bpTextNavTextOnLightFocus = '#ffffff';
 export const bpTextNavTextOnLightHover = '#ffffff';
 export const bpTextNavTextOnLightSelected = '#ffffff';
+export const bpTextToggleTextText = '#004eaa';
 export const bpTextTextBrandOnColor = '#ffffff';
 export const bpTextTextDestructiveOnLight = '#d5324e';
 export const bpTextTextErrorOnLight = '#d5324e';
@@ -1215,7 +1287,6 @@ export const bpTextTextOnLightDisabled = '#bcbcbc';
 export const bpTextTextOnLightSecondary = '#6f6f6f';
 export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
 export const bpTextTextOnLightTertiary = '#909090';
-export const bpTextToggletextText = '#004eaa';
 export const bpBoxBlue10 = '#e5effa';
 export const bpBoxBlue20 = '#ccdff7';
 export const bpBoxBlue30 = '#b2cff2';
@@ -1513,15 +1584,17 @@ export const bpFontLineHeight04 = '20px';
 export const bpFontLineHeight05 = '24px';
 export const bpFontLineHeight06 = '32px';
 export const bpFontLineHeight07 = '44px';
+export const bpFontSize10 = '21px';
+export const bpFontSize11 = '36px';
 export const bpFontSize01 = '9px';
 export const bpFontSize02 = '10px';
 export const bpFontSize03 = '12px';
-export const bpFontSize04 = '14px';
+export const bpFontSize04 = '13px';
 export const bpFontSize05 = '15px';
 export const bpFontSize06 = '16px';
-export const bpFontSize07 = '18px';
-export const bpFontSize08 = '21px';
-export const bpFontSize09 = '36px';
+export const bpFontSize07 = '17px';
+export const bpFontSize08 = '18px';
+export const bpFontSize09 = '19px';
 export const bpFontWeightBlack = 900;
 export const bpFontWeightBold = 700;
 export const bpFontWeightRegular = 400;