@box/blueprint-web-assets 4.62.4 → 4.63.1

package/dist/tokens/BP2/light_mode_value/tokens.js

@@ -44,6 +44,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
 export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
+export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
 export const bpBorderInputBorderErrorFocus = '#ed3757';
@@ -90,6 +91,7 @@ export const bpBorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderSwitchBorder = '#bcbcbc';
 export const bpBorderSwitchBorderHover = '#bcbcbc';
 export const bpBorderTabBorder = '#e8e8e8';
+export const bpBorderTabBorderFocus = '#bcbcbc';
 export const bpBorderTabBorderHover = '#bcbcbc';
 export const bpBorderTabBorderSelected = '#0061d5';
 export const bpBorderTabBorderSelectedFocus = '#0061d5';
@@ -104,6 +106,7 @@ export const bpBorderToggleTextBorderOffPressed = '#e8e8e8';
 export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
+export const bpBorderToolbarBorder = '#e8e8e8';
 export const bpBorderTooltipBorderError = '#f69bab';
 export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0';
@@ -151,14 +154,8 @@ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
 export const bpSurfaceAccordionSurfaceExpandedHover = '#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 bpSurfaceBadgeSurfaceAlert = '#d97417';
 export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
 export const bpSurfaceBadgeSurfaceAudio = '#9f3fed';
 export const bpSurfaceBadgeSurfaceBookmark = '#0061d5';
@@ -177,29 +174,38 @@ export const bpSurfaceBadgeSurfaceExcel = '#107c41';
 export const bpSurfaceBadgeSurfaceExternal = '#909090';
 export const bpSurfaceBadgeSurfaceFolderexternal = '#6f6f6f';
 export const bpSurfaceBadgeSurfaceFoldershared = '#2486fc';
+export const bpSurfaceBadgeSurfaceForward = '#d97417';
 export const bpSurfaceBadgeSurfaceHubs = '#0061d5';
+export const bpSurfaceBadgeSurfaceIllustrator = '#051e25';
 export const bpSurfaceBadgeSurfaceImage = '#1e9b67';
+export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
+export const bpSurfaceBadgeSurfaceIndesign = '#131415';
 export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
 export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
 export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
+export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
 export const bpSurfaceBadgeSurfaceOffline = '#26c281';
 export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
 export const bpSurfaceBadgeSurfacePages = '#ff9500';
 export const bpSurfaceBadgeSurfacePdf = '#d0021b';
+export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
 export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
+export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
+export const bpSurfaceBadgeSurfacePresentation = '#d97417';
 export const bpSurfaceBadgeSurfaceProgress = '#f5b31b';
 export const bpSurfaceBadgeSurfaceRejected = '#d5324e';
 export const bpSurfaceBadgeSurfaceRelay = '#1d6bca';
 export const bpSurfaceBadgeSurfaceSheets = '#21a464';
 export const bpSurfaceBadgeSurfaceSlides = '#f7ba00';
+export const bpSurfaceBadgeSurfaceSpreadsheet = '#3fb87f';
 export const bpSurfaceBadgeSurfaceTask = '#2486fc';
 export const bpSurfaceBadgeSurfaceTaskapproval = '#1d6bca';
+export const bpSurfaceBadgeSurfaceText = '#0061d5';
+export const bpSurfaceBadgeSurfaceThreeD = '#d97417';
+export const bpSurfaceBadgeSurfaceVector = '#d97417';
 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 bpSurfaceBadgeSurfaceWord = '#185abd';
+export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
 export const bpSurfaceCalendarSurface = '#ffffff';
 export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
 export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
@@ -296,12 +302,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
 export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
 export const bpSurfaceGhostSurface = '#fbfbfb';
 export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
+export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
 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 bpSurfaceInlineTableSurface = '#ffffff';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -356,6 +366,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
 export const bpSurfaceSliderTrackSurface = '#6f6f6f';
@@ -399,8 +410,8 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
-export const bpSurfaceTabSurfaceHover = '#f4f4f4';
-export const bpSurfaceTabSurfacePressed = '#e8e8e8';
+export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';
 export const bpSurfaceToggleSurface = '#ffffff';
 export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
@@ -417,11 +428,12 @@ export const bpSurfaceToggleTextSurfaceOffPressed = '#e8e8e8';
 export const bpSurfaceToggleTextSurfaceOn = '#e5effa';
 export const bpSurfaceToggleTextSurfaceOnHover = '#ccdff7';
 export const bpSurfaceToggleTextSurfaceOnPressed = '#b2cff2';
-export const bpSurfaceToolbarSurface = '#222222';
-export const bpSurfaceTooltipSurface = 'rgba(0, 0, 0, 0.9)';
-export const bpSurfaceTooltipSurfaceError = 'rgba(237, 55, 87, 0.2)';
+export const bpSurfaceToolbarSurface = '#ffffff';
+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/light_mode_value/tokens.json

@@ -45,6 +45,7 @@
     "BpBorderFilterChipBorderMultiOn": "#99c0ee",
     "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
     "BpBorderGridThumbnailBorder": "#e8e8e8",
+    "BpBorderInlineTableBorder": "#e8e8e8",
     "BpBorderInputBorder": "#909090",
     "BpBorderInputBorderError": "#ed3757",
     "BpBorderInputBorderErrorFocus": "#ed3757",
@@ -91,6 +92,7 @@
     "BpBorderSwitchBorder": "#bcbcbc",
     "BpBorderSwitchBorderHover": "#bcbcbc",
     "BpBorderTabBorder": "#e8e8e8",
+    "BpBorderTabBorderFocus": "#bcbcbc",
     "BpBorderTabBorderHover": "#bcbcbc",
     "BpBorderTabBorderSelected": "#0061d5",
     "BpBorderTabBorderSelectedFocus": "#0061d5",
@@ -105,6 +107,7 @@
     "BpBorderToggleTextBorderOn": "#99c0ee",
     "BpBorderToggleTextBorderOnHover": "#99c0ee",
     "BpBorderToggleTextBorderOnPressed": "#99c0ee",
+    "BpBorderToolbarBorder": "#e8e8e8",
     "BpBorderTooltipBorderError": "#f69bab",
     "BpBorderBorderAccordionHover": "#e8e8e8",
     "BpBorder00": "0",
@@ -152,14 +155,8 @@
     "BpSurfaceAccordionSurfaceCollapsedHover": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceAccordionSurfaceExpanded": "#ffffff",
     "BpSurfaceAccordionSurfaceExpandedHover": "#ffffff",
-    "BpSurfaceBadgeIllustratorSurface": "#051e25",
-    "BpSurfaceBadgeIndesignSurface": "#131415",
-    "BpSurfaceBadgeNumbersSurface": "#00a650",
-    "BpSurfaceBadgePhotoshopSurface": "#131415",
-    "BpSurfaceBadgePowerpointSurface": "#c43e1c",
-    "BpSurfaceBadgePresentationSurface": "#d97417",
-    "BpSurfaceBadgeSpreadsheetSurface": "#3fb87f",
     "BpSurfaceBadgeSurfaceAdmin": "#003c84",
+    "BpSurfaceBadgeSurfaceAlert": "#d97417",
     "BpSurfaceBadgeSurfaceAnnotation": "#f5b31b",
     "BpSurfaceBadgeSurfaceAudio": "#9f3fed",
     "BpSurfaceBadgeSurfaceBookmark": "#0061d5",
@@ -178,29 +175,38 @@
     "BpSurfaceBadgeSurfaceExternal": "#909090",
     "BpSurfaceBadgeSurfaceFolderexternal": "#6f6f6f",
     "BpSurfaceBadgeSurfaceFoldershared": "#2486fc",
+    "BpSurfaceBadgeSurfaceForward": "#d97417",
     "BpSurfaceBadgeSurfaceHubs": "#0061d5",
+    "BpSurfaceBadgeSurfaceIllustrator": "#051e25",
     "BpSurfaceBadgeSurfaceImage": "#1e9b67",
+    "BpSurfaceBadgeSurfaceInProgress": "#2486fc",
+    "BpSurfaceBadgeSurfaceIndesign": "#131415",
     "BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
     "BpSurfaceBadgeSurfaceMention": "#1d6bca",
     "BpSurfaceBadgeSurfaceNotification": "#d5324e",
+    "BpSurfaceBadgeSurfaceNumbers": "#00a650",
     "BpSurfaceBadgeSurfaceOffline": "#26c281",
     "BpSurfaceBadgeSurfaceOnline": "#1e9b67",
     "BpSurfaceBadgeSurfacePages": "#ff9500",
     "BpSurfaceBadgeSurfacePdf": "#d0021b",
+    "BpSurfaceBadgeSurfacePhotoshop": "#131415",
     "BpSurfaceBadgeSurfacePin": "#e8e8e8",
+    "BpSurfaceBadgeSurfacePowerpoint": "#c43e1c",
+    "BpSurfaceBadgeSurfacePresentation": "#d97417",
     "BpSurfaceBadgeSurfaceProgress": "#f5b31b",
     "BpSurfaceBadgeSurfaceRejected": "#d5324e",
     "BpSurfaceBadgeSurfaceRelay": "#1d6bca",
     "BpSurfaceBadgeSurfaceSheets": "#21a464",
     "BpSurfaceBadgeSurfaceSlides": "#f7ba00",
+    "BpSurfaceBadgeSurfaceSpreadsheet": "#3fb87f",
     "BpSurfaceBadgeSurfaceTask": "#2486fc",
     "BpSurfaceBadgeSurfaceTaskapproval": "#1d6bca",
+    "BpSurfaceBadgeSurfaceText": "#0061d5",
+    "BpSurfaceBadgeSurfaceThreeD": "#d97417",
+    "BpSurfaceBadgeSurfaceVector": "#d97417",
     "BpSurfaceBadgeSurfaceVideo": "#009aed",
-    "BpSurfaceBadgeTextSurface": "#0061d5",
-    "BpSurfaceBadgeThreeDSurface": "#d97417",
-    "BpSurfaceBadgeVectorSurface": "#d97417",
-    "BpSurfaceBadgeWordSurface": "#185abd",
-    "BpSurfaceBadgeZipSurface": "#6f6f6f",
+    "BpSurfaceBadgeSurfaceWord": "#185abd",
+    "BpSurfaceBadgeSurfaceZip": "#6f6f6f",
     "BpSurfaceCalendarSurface": "#ffffff",
     "BpSurfaceCardSurface": "rgba(255, 255, 255, 0.7)",
     "BpSurfaceCardSurfaceFocus": "#f2f7fd",
@@ -297,12 +303,16 @@
     "BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
     "BpSurfaceGhostSurface": "#fbfbfb",
     "BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
+    "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
+    "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceIllustrationSurfaceBox": "#0061d5",
     "BpSurfaceIllustrationSurfaceBoxNeutral": "#0061d5",
     "BpSurfaceInlineNoticeSurfaceError": "#fdebee",
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
+    "BpSurfaceInlineTableSurface": "#ffffff",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
     "BpSurfaceInputSurfaceErrorFocus": "#ffffff",
@@ -357,6 +367,7 @@
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurface": "#ffffff",
+    "BpSurfaceSidePanelSurface": "#fbfbfb",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",
     "BpSurfaceSliderTrackSurface": "#6f6f6f",
@@ -400,8 +411,8 @@
     "BpSurfaceSwitchSurfaceOffHover": "#bcbcbc",
     "BpSurfaceSwitchSurfaceOn": "#0061d5",
     "BpSurfaceSwitchSurfaceOnHover": "#2079e3",
-    "BpSurfaceTabSurfaceHover": "#f4f4f4",
-    "BpSurfaceTabSurfacePressed": "#e8e8e8",
+    "BpSurfaceTabSurfaceHover": "rgba(0, 0, 0, 0)",
+    "BpSurfaceTabSurfacePressed": "rgba(0, 0, 0, 0)",
     "BpSurfaceTextHighlightSurface": "#fff7cc",
     "BpSurfaceToggleSurface": "#ffffff",
     "BpSurfaceToggleSurfaceHover": "#f4f4f4",
@@ -418,11 +429,12 @@
     "BpSurfaceToggleTextSurfaceOn": "#e5effa",
     "BpSurfaceToggleTextSurfaceOnHover": "#ccdff7",
     "BpSurfaceToggleTextSurfaceOnPressed": "#b2cff2",
-    "BpSurfaceToolbarSurface": "#222222",
-    "BpSurfaceTooltipSurface": "rgba(0, 0, 0, 0.9)",
-    "BpSurfaceTooltipSurfaceError": "rgba(237, 55, 87, 0.2)",
+    "BpSurfaceToolbarSurface": "#ffffff",
+    "BpSurfaceTooltipSurface": "#222222",
+    "BpSurfaceTooltipSurfaceError": "#fac3cd",
     "BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
     "BpSurfaceSurface": "#ffffff",
+    "BpSurfaceSurfaceAvatar": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceSurfaceBrand": "#0061d5",
     "BpSurfaceSurfaceBrandBusy": "#0061d5",
     "BpSurfaceSurfaceBrandDisabled": "#0061d5",

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

@@ -870,6 +870,7 @@ export const bpBorderDropdownBorderHover: string;
 export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
+export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
 export const bpBorderInputBorderErrorFocus: string;
@@ -916,6 +917,7 @@ export const bpBorderStatusBorderHover: string;
 export const bpBorderSwitchBorder: string;
 export const bpBorderSwitchBorderHover: string;
 export const bpBorderTabBorder: string;
+export const bpBorderTabBorderFocus: string;
 export const bpBorderTabBorderHover: string;
 export const bpBorderTabBorderSelected: string;
 export const bpBorderTabBorderSelectedFocus: string;
@@ -930,6 +932,7 @@ export const bpBorderToggleTextBorderOffPressed: string;
 export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
+export const bpBorderToolbarBorder: string;
 export const bpBorderTooltipBorderError: string;
 export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
@@ -977,14 +980,8 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
 export const bpSurfaceAccordionSurfaceCollapsedHover: string;
 export const bpSurfaceAccordionSurfaceExpanded: string;
 export const bpSurfaceAccordionSurfaceExpandedHover: string;
-export const bpSurfaceBadgeIllustratorSurface: string;
-export const bpSurfaceBadgeIndesignSurface: string;
-export const bpSurfaceBadgeNumbersSurface: string;
-export const bpSurfaceBadgePhotoshopSurface: string;
-export const bpSurfaceBadgePowerpointSurface: string;
-export const bpSurfaceBadgePresentationSurface: string;
-export const bpSurfaceBadgeSpreadsheetSurface: string;
 export const bpSurfaceBadgeSurfaceAdmin: string;
+export const bpSurfaceBadgeSurfaceAlert: string;
 export const bpSurfaceBadgeSurfaceAnnotation: string;
 export const bpSurfaceBadgeSurfaceAudio: string;
 export const bpSurfaceBadgeSurfaceBookmark: string;
@@ -1003,29 +1000,38 @@ export const bpSurfaceBadgeSurfaceExcel: string;
 export const bpSurfaceBadgeSurfaceExternal: string;
 export const bpSurfaceBadgeSurfaceFolderexternal: string;
 export const bpSurfaceBadgeSurfaceFoldershared: string;
+export const bpSurfaceBadgeSurfaceForward: string;
 export const bpSurfaceBadgeSurfaceHubs: string;
+export const bpSurfaceBadgeSurfaceIllustrator: string;
 export const bpSurfaceBadgeSurfaceImage: string;
+export const bpSurfaceBadgeSurfaceInProgress: string;
+export const bpSurfaceBadgeSurfaceIndesign: string;
 export const bpSurfaceBadgeSurfaceKeynote: string;
 export const bpSurfaceBadgeSurfaceMention: string;
 export const bpSurfaceBadgeSurfaceNotification: string;
+export const bpSurfaceBadgeSurfaceNumbers: string;
 export const bpSurfaceBadgeSurfaceOffline: string;
 export const bpSurfaceBadgeSurfaceOnline: string;
 export const bpSurfaceBadgeSurfacePages: string;
 export const bpSurfaceBadgeSurfacePdf: string;
+export const bpSurfaceBadgeSurfacePhotoshop: string;
 export const bpSurfaceBadgeSurfacePin: string;
+export const bpSurfaceBadgeSurfacePowerpoint: string;
+export const bpSurfaceBadgeSurfacePresentation: string;
 export const bpSurfaceBadgeSurfaceProgress: string;
 export const bpSurfaceBadgeSurfaceRejected: string;
 export const bpSurfaceBadgeSurfaceRelay: string;
 export const bpSurfaceBadgeSurfaceSheets: string;
 export const bpSurfaceBadgeSurfaceSlides: string;
+export const bpSurfaceBadgeSurfaceSpreadsheet: string;
 export const bpSurfaceBadgeSurfaceTask: string;
 export const bpSurfaceBadgeSurfaceTaskapproval: string;
+export const bpSurfaceBadgeSurfaceText: string;
+export const bpSurfaceBadgeSurfaceThreeD: string;
+export const bpSurfaceBadgeSurfaceVector: string;
 export const bpSurfaceBadgeSurfaceVideo: string;
-export const bpSurfaceBadgeTextSurface: string;
-export const bpSurfaceBadgeThreeDSurface: string;
-export const bpSurfaceBadgeVectorSurface: string;
-export const bpSurfaceBadgeWordSurface: string;
-export const bpSurfaceBadgeZipSurface: string;
+export const bpSurfaceBadgeSurfaceWord: string;
+export const bpSurfaceBadgeSurfaceZip: string;
 export const bpSurfaceCalendarSurface: string;
 export const bpSurfaceCardSurface: string;
 export const bpSurfaceCardSurfaceFocus: string;
@@ -1122,12 +1128,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn: string;
 export const bpSurfaceFilterChipSurfaceSingleOnHover: string;
 export const bpSurfaceGhostSurface: string;
 export const bpSurfaceGhostSurfaceSecondary: string;
+export const bpSurfaceIconButtonSurface: string;
+export const bpSurfaceIconButtonSurfaceHover: string;
+export const bpSurfaceIconButtonSurfacePressed: string;
 export const bpSurfaceIllustrationSurfaceBox: string;
 export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
 export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
+export const bpSurfaceInlineTableSurface: string;
 export const bpSurfaceInputSurface: string;
 export const bpSurfaceInputSurfaceError: string;
 export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -1182,6 +1192,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;
 export const bpSurfaceSliderTrackSurface: string;
@@ -1248,6 +1259,7 @@ 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/px-tokens.js

@@ -888,6 +888,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
 export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
+export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
 export const bpBorderInputBorderErrorFocus = '#ed3757';
@@ -934,6 +935,7 @@ export const bpBorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderSwitchBorder = '#bcbcbc';
 export const bpBorderSwitchBorderHover = '#bcbcbc';
 export const bpBorderTabBorder = '#e8e8e8';
+export const bpBorderTabBorderFocus = '#bcbcbc';
 export const bpBorderTabBorderHover = '#bcbcbc';
 export const bpBorderTabBorderSelected = '#0061d5';
 export const bpBorderTabBorderSelectedFocus = '#0061d5';
@@ -948,6 +950,7 @@ export const bpBorderToggleTextBorderOffPressed = '#e8e8e8';
 export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
+export const bpBorderToolbarBorder = '#e8e8e8';
 export const bpBorderTooltipBorderError = '#f69bab';
 export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0px';
@@ -995,14 +998,8 @@ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
 export const bpSurfaceAccordionSurfaceExpandedHover = '#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 bpSurfaceBadgeSurfaceAlert = '#d97417';
 export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
 export const bpSurfaceBadgeSurfaceAudio = '#9f3fed';
 export const bpSurfaceBadgeSurfaceBookmark = '#0061d5';
@@ -1021,29 +1018,38 @@ export const bpSurfaceBadgeSurfaceExcel = '#107c41';
 export const bpSurfaceBadgeSurfaceExternal = '#909090';
 export const bpSurfaceBadgeSurfaceFolderexternal = '#6f6f6f';
 export const bpSurfaceBadgeSurfaceFoldershared = '#2486fc';
+export const bpSurfaceBadgeSurfaceForward = '#d97417';
 export const bpSurfaceBadgeSurfaceHubs = '#0061d5';
+export const bpSurfaceBadgeSurfaceIllustrator = '#051e25';
 export const bpSurfaceBadgeSurfaceImage = '#1e9b67';
+export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
+export const bpSurfaceBadgeSurfaceIndesign = '#131415';
 export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
 export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
 export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
+export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
 export const bpSurfaceBadgeSurfaceOffline = '#26c281';
 export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
 export const bpSurfaceBadgeSurfacePages = '#ff9500';
 export const bpSurfaceBadgeSurfacePdf = '#d0021b';
+export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
 export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
+export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
+export const bpSurfaceBadgeSurfacePresentation = '#d97417';
 export const bpSurfaceBadgeSurfaceProgress = '#f5b31b';
 export const bpSurfaceBadgeSurfaceRejected = '#d5324e';
 export const bpSurfaceBadgeSurfaceRelay = '#1d6bca';
 export const bpSurfaceBadgeSurfaceSheets = '#21a464';
 export const bpSurfaceBadgeSurfaceSlides = '#f7ba00';
+export const bpSurfaceBadgeSurfaceSpreadsheet = '#3fb87f';
 export const bpSurfaceBadgeSurfaceTask = '#2486fc';
 export const bpSurfaceBadgeSurfaceTaskapproval = '#1d6bca';
+export const bpSurfaceBadgeSurfaceText = '#0061d5';
+export const bpSurfaceBadgeSurfaceThreeD = '#d97417';
+export const bpSurfaceBadgeSurfaceVector = '#d97417';
 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 bpSurfaceBadgeSurfaceWord = '#185abd';
+export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
 export const bpSurfaceCalendarSurface = '#ffffff';
 export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
 export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
@@ -1140,12 +1146,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
 export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
 export const bpSurfaceGhostSurface = '#fbfbfb';
 export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
+export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
 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 bpSurfaceInlineTableSurface = '#ffffff';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -1195,6 +1205,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
 export const bpSurfaceSliderTrackSurface = '#6f6f6f';
@@ -1238,8 +1249,8 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
-export const bpSurfaceTabSurfaceHover = '#f4f4f4';
-export const bpSurfaceTabSurfacePressed = '#e8e8e8';
+export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';
 export const bpSurfaceToggleSurface = '#ffffff';
 export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
@@ -1256,11 +1267,12 @@ export const bpSurfaceToggleTextSurfaceOffPressed = '#e8e8e8';
 export const bpSurfaceToggleTextSurfaceOn = '#e5effa';
 export const bpSurfaceToggleTextSurfaceOnHover = '#ccdff7';
 export const bpSurfaceToggleTextSurfaceOnPressed = '#b2cff2';
-export const bpSurfaceToolbarSurface = '#222222';
-export const bpSurfaceTooltipSurface = 'rgba(0, 0, 0, 0.9)';
-export const bpSurfaceTooltipSurfaceError = 'rgba(237, 55, 87, 0.2)';
+export const bpSurfaceToolbarSurface = '#ffffff';
+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';