@box/blueprint-web-assets 4.60.13 → 4.61.1

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

@@ -10,6 +10,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
 export const bpBorderCheckboxBorderSelected = '#0061d5';
 export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
 export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
+export const bpBorderComboboxBorder = '#909090';
+export const bpBorderComboboxBorderHover = '#6f6f6f';
 export const bpBorderContentButtonBorderHoverActive = '#909090';
 export const bpBorderContentButtonBorderSelected = '#909090';
 export const bpBorderCtaBorderOutline = '#000000';
@@ -29,7 +31,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
 export const bpBorderDatePickerBorderError = '#ed3757';
 export const bpBorderDatePickerBorderFocus = '#2486fc';
 export const bpBorderDatePickerBorderHover = '#6f6f6f';
-export const bpBorderDividerBorder = '#e8e8e8';
+export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
 export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
 export const bpBorderDropdownBorder = '#bcbcbc';
@@ -78,9 +80,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
 export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
+export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
-export const bpBorderSelectBorderDefault = '#bcbcbc';
-export const bpBorderSelectBorderDisabled = '#bcbcbc';
 export const bpBorderSelectBorderError = '#d5324e';
 export const bpBorderSelectBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -103,6 +104,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderTooltipBorderError = '#f69bab';
+export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0';
 export const bpBorder01 = '0.0625rem';
 export const bpBorder02 = '0.125rem';
@@ -135,17 +137,19 @@ 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 bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
+export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
 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 bpSurfaceAccordionSurface = '#ffffff';
-export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
+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';
@@ -201,6 +205,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
 export const bpSurfaceCheckboxSurface = '#ffffff';
+export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
 export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
 export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -247,6 +252,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
 export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
+export const bpSurfaceCursorCursorOnLight = '#000000';
 export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -312,11 +318,22 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
 export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
-export const bpSurfaceMenuSurface = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
+export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary = 'rgba(0, 0, 0, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
+export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
+export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
+export const bpSurfaceModalSurface = '#ffffff';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -337,12 +354,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
 export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
-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 bpSurfaceSelectSurface = '#ffffff';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
 export const bpSurfaceSliderTrackSurface = '#6f6f6f';

package/dist/tokens/BP2/dark_mode_value/tokens.json

@@ -11,6 +11,8 @@
     "BpBorderCheckboxBorderSelected": "#0061d5",
     "BpBorderCheckboxBorderSelectedHover": "#2079e3",
     "BpBorderCollapsibleSectionBorder": "#d3d3d3",
+    "BpBorderComboboxBorder": "#909090",
+    "BpBorderComboboxBorderHover": "#6f6f6f",
     "BpBorderContentButtonBorderHoverActive": "#909090",
     "BpBorderContentButtonBorderSelected": "#909090",
     "BpBorderCtaBorderOutline": "#000000",
@@ -30,7 +32,7 @@
     "BpBorderDatePickerBorderError": "#ed3757",
     "BpBorderDatePickerBorderFocus": "#2486fc",
     "BpBorderDatePickerBorderHover": "#6f6f6f",
-    "BpBorderDividerBorder": "#e8e8e8",
+    "BpBorderDividerBorder": "rgba(0, 0, 0, 0.04)",
     "BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
     "BpBorderDropdownSecondaryBorder": "#bcbcbc",
     "BpBorderDropdownBorder": "#bcbcbc",
@@ -79,9 +81,8 @@
     "BpBorderSearchInputBorderHover": "#6f6f6f",
     "BpBorderSearchBorder": "#f4f4f4",
     "BpBorderSearchBorderHover": "#6f6f6f",
+    "BpBorderSelectBorder": "#bcbcbc",
     "BpBorderSelectBorderActive": "#2486fc",
-    "BpBorderSelectBorderDefault": "#bcbcbc",
-    "BpBorderSelectBorderDisabled": "#bcbcbc",
     "BpBorderSelectBorderError": "#d5324e",
     "BpBorderSelectBorderHover": "#6f6f6f",
     "BpBorderSelectBorderReadOnly": "#d3d3d3",
@@ -104,6 +105,7 @@
     "BpBorderToggleTextBorderOnHover": "#99c0ee",
     "BpBorderToggleTextBorderOnPressed": "#99c0ee",
     "BpBorderTooltipBorderError": "#f69bab",
+    "BpBorderBorderAccordionHover": "#e8e8e8",
     "BpBorder00": "0",
     "BpBorder01": "0.0625rem",
     "BpBorder02": "0.125rem",
@@ -136,17 +138,19 @@
     "BpIconIconIllustrator": "#ff9400",
     "BpIconIconIndesign": "#ff57a1",
     "BpIconIconOnDark": "#ffffff",
-    "BpIconIconOnLight": "#222222",
-    "BpIconIconOnLightSecondary": "#6f6f6f",
-    "BpIconIconOnLightTertiary": "#909090",
+    "BpIconIconOnLight": "rgba(0, 0, 0, 0.9)",
+    "BpIconIconOnLightSecondary": "rgba(0, 0, 0, 0.6)",
+    "BpIconIconOnLightTertiary": "rgba(0, 0, 0, 0.5)",
     "BpIconIconPhotoshop": "#26c9ff",
     "BpIconIconRequiredOnLight": "#d5324e",
     "BpOutlineFocusOnDark": "#ffffff",
     "BpOutlineFocusOnLight": "#2486fc",
     "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
     "BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceAccordionSurface": "#ffffff",
-    "BpSurfaceAccordionSurfaceHover": "#f4f4f4",
+    "BpSurfaceAccordionSurfaceCollapsed": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceAccordionSurfaceCollapsedHover": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceAccordionSurfaceExpanded": "#ffffff",
+    "BpSurfaceAccordionSurfaceExpandedHover": "#ffffff",
     "BpSurfaceBadgeIllustratorSurface": "#051e25",
     "BpSurfaceBadgeIndesignSurface": "#131415",
     "BpSurfaceBadgeNumbersSurface": "#00a650",
@@ -202,6 +206,7 @@
     "BpSurfaceCardSurfaceHover": "#ffffff",
     "BpSurfaceCardSurfacePressed": "#fbfbfb",
     "BpSurfaceCheckboxSurface": "#ffffff",
+    "BpSurfaceCheckboxSurfaceDisabled": "#f4f4f4",
     "BpSurfaceCheckboxSurfaceHover": "#ffffff",
     "BpSurfaceCheckboxSurfaceSelected": "#0061d5",
     "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
@@ -248,6 +253,7 @@
     "BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
     "BpSurfaceCtaSurfaceTertiaryPromoHover": "#f6f4fc",
     "BpSurfaceCtaSurfaceTertiaryPromoPressed": "#dad4f3",
+    "BpSurfaceCursorCursorOnLight": "#000000",
     "BpSurfaceDatePickerDaySurfaceDefault": "#ffffff",
     "BpSurfaceDatePickerDaySurfaceDisabled": "#ffffff",
     "BpSurfaceDatePickerDaySurfaceFocus": "#f4f4f4",
@@ -313,11 +319,22 @@
     "BpSurfaceListItemSurface": "#ffffff",
     "BpSurfaceListItemSurfaceHover": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
-    "BpSurfaceMenuSurface": "#ffffff",
+    "BpSurfaceLoadingIndicatorSurface": "#0061d5",
+    "BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
+    "BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
+    "BpSurfaceLoadingIndicatorSurfaceOnDarkTertiary": "rgba(255, 255, 255, 0.3)",
+    "BpSurfaceLoadingIndicatorSurfaceOnLight": "#000000",
+    "BpSurfaceLoadingIndicatorSurfaceOnLightSecondary": "rgba(0, 0, 0, 0.6)",
+    "BpSurfaceLoadingIndicatorSurfaceOnLightTertiary": "rgba(0, 0, 0, 0.3)",
+    "BpSurfaceLoadingIndicatorSurfaceSecondary": "rgba(0, 97, 213, 0.7)",
+    "BpSurfaceLoadingIndicatorSurfaceTertiary": "rgba(0, 97, 213, 0.3)",
+    "BpSurfaceMenuSurfaceDropdown": "rgba(255, 255, 255, 0.9)",
+    "BpSurfaceMenuSurfaceFullscreen": "rgba(255, 255, 255, 0.9)",
     "BpSurfaceMenuItemSurface": "#ffffff",
     "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
+    "BpSurfaceModalSurface": "#ffffff",
     "BpSurfaceNavSurfaceBrand": "#0061d5",
     "BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
@@ -338,12 +355,7 @@
     "BpSurfaceSearchSurfaceActive": "#ffffff",
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
-    "BpSurfaceSelectSurfaceActive": "#ffffff",
-    "BpSurfaceSelectSurfaceDefault": "#ffffff",
-    "BpSurfaceSelectSurfaceDisabled": "#ffffff",
-    "BpSurfaceSelectSurfaceError": "#ffffff",
-    "BpSurfaceSelectSurfaceHover": "#ffffff",
-    "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
+    "BpSurfaceSelectSurface": "#ffffff",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",
     "BpSurfaceSliderTrackSurface": "#6f6f6f",

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

@@ -15,6 +15,8 @@ export const bpBorderCheckboxBorderHover: string;
 export const bpBorderCheckboxBorderSelected: string;
 export const bpBorderCheckboxBorderSelectedHover: string;
 export const bpBorderCollapsibleSectionBorder: string;
+export const bpBorderComboboxBorder: string;
+export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
 export const bpBorderCtaBorderOutline: string;
@@ -83,9 +85,8 @@ export const bpBorderSearchInputBorderFocus: string;
 export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
+export const bpBorderSelectBorder: string;
 export const bpBorderSelectBorderActive: string;
-export const bpBorderSelectBorderDefault: string;
-export const bpBorderSelectBorderDisabled: string;
 export const bpBorderSelectBorderError: string;
 export const bpBorderSelectBorderHover: string;
 export const bpBorderSelectBorderReadOnly: string;
@@ -108,6 +109,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderTooltipBorderError: string;
+export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
 export const bpBorder01: string;
 export const bpBorder02: string;
@@ -149,8 +151,10 @@ export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
 export const bpOverlaySidePanelOverlay: string;
-export const bpSurfaceAccordionSurface: string;
-export const bpSurfaceAccordionSurfaceHover: string;
+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;
@@ -206,6 +210,7 @@ export const bpSurfaceCardSurfaceFocus: string;
 export const bpSurfaceCardSurfaceHover: string;
 export const bpSurfaceCardSurfacePressed: string;
 export const bpSurfaceCheckboxSurface: string;
+export const bpSurfaceCheckboxSurfaceDisabled: string;
 export const bpSurfaceCheckboxSurfaceHover: string;
 export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
@@ -252,6 +257,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoHover: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed: string;
+export const bpSurfaceCursorCursorOnLight: string;
 export const bpSurfaceDatePickerDaySurfaceDefault: string;
 export const bpSurfaceDatePickerDaySurfaceDisabled: string;
 export const bpSurfaceDatePickerDaySurfaceFocus: string;
@@ -317,11 +323,22 @@ export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
-export const bpSurfaceMenuSurface: string;
+export const bpSurfaceLoadingIndicatorSurface: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLight: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceTertiary: string;
+export const bpSurfaceMenuSurfaceDropdown: string;
+export const bpSurfaceMenuSurfaceFullscreen: string;
 export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
+export const bpSurfaceModalSurface: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -342,12 +359,7 @@ export const bpSurfaceSearchSurface: string;
 export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
-export const bpSurfaceSelectSurfaceActive: string;
-export const bpSurfaceSelectSurfaceDefault: string;
-export const bpSurfaceSelectSurfaceDisabled: string;
-export const bpSurfaceSelectSurfaceError: string;
-export const bpSurfaceSelectSurfaceHover: string;
-export const bpSurfaceSelectSurfaceReadOnly: string;
+export const bpSurfaceSelectSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;
 export const bpSurfaceSliderTrackSurface: string;

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

@@ -15,6 +15,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
 export const bpBorderCheckboxBorderSelected = '#0061d5';
 export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
 export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
+export const bpBorderComboboxBorder = '#909090';
+export const bpBorderComboboxBorderHover = '#6f6f6f';
 export const bpBorderContentButtonBorderHoverActive = '#909090';
 export const bpBorderContentButtonBorderSelected = '#909090';
 export const bpBorderCtaBorderOutline = '#000000';
@@ -34,7 +36,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
 export const bpBorderDatePickerBorderError = '#ed3757';
 export const bpBorderDatePickerBorderFocus = '#2486fc';
 export const bpBorderDatePickerBorderHover = '#6f6f6f';
-export const bpBorderDividerBorder = '#e8e8e8';
+export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
 export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
 export const bpBorderDropdownBorder = '#bcbcbc';
@@ -83,9 +85,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
 export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
+export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
-export const bpBorderSelectBorderDefault = '#bcbcbc';
-export const bpBorderSelectBorderDisabled = '#bcbcbc';
 export const bpBorderSelectBorderError = '#d5324e';
 export const bpBorderSelectBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -108,6 +109,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderTooltipBorderError = '#f69bab';
+export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0px';
 export const bpBorder01 = '1px';
 export const bpBorder02 = '2px';
@@ -140,17 +142,19 @@ 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 bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
+export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
 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 bpSurfaceAccordionSurface = '#ffffff';
-export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
+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';
@@ -206,6 +210,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
 export const bpSurfaceCheckboxSurface = '#ffffff';
+export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
 export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
 export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -252,6 +257,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
 export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
+export const bpSurfaceCursorCursorOnLight = '#000000';
 export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -317,11 +323,22 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
 export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
-export const bpSurfaceMenuSurface = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
+export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary = 'rgba(0, 0, 0, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
+export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
+export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
+export const bpSurfaceModalSurface = '#ffffff';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -342,12 +359,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
 export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
-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 bpSurfaceSelectSurface = '#ffffff';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
 export const bpSurfaceSliderTrackSurface = '#6f6f6f';

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -33,6 +33,7 @@
     --bp-surface-badge-surface-slides: #f7ba00;
     --bp-surface-badge-surface-video: #009aed;
     --bp-surface-badge-word-surface: #185abd;
+    --bp-surface-cursor-cursor-on-light: #000;
     --bp-surface-surface-brand: #0061d5;
     --bp-surface-surface-brand-busy: #0061d5;
     --bp-surface-surface-brand-disabled: #0061d5;
@@ -586,6 +587,8 @@
     --bp-border-checkbox-border-selected: var(--bp-box-blue-100);
     --bp-border-checkbox-border-selected-hover: var(--bp-light-blue-110);
     --bp-border-collapsible-section-border: var(--bp-gray-20);
+    --bp-border-combobox-border: var(--bp-gray-50);
+    --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);
@@ -604,7 +607,7 @@
     --bp-border-date-picker-border-error: var(--bp-watermelon-red-100);
     --bp-border-date-picker-border-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-border-hover: var(--bp-gray-65);
-    --bp-border-divider-border: var(--bp-gray-10);
+    --bp-border-divider-border: var(--bp-black-opacity-04);
     --bp-border-dropdown-secondary-border: var(--bp-gray-30);
     --bp-border-dropdown-border: var(--bp-gray-30);
     --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
@@ -652,9 +655,8 @@
     --bp-border-search-input-border-hover: var(--bp-gray-65);
     --bp-border-search-border: var(--bp-gray-05);
     --bp-border-search-border-hover: var(--bp-gray-65);
+    --bp-border-select-border: var(--bp-gray-30);
     --bp-border-select-border-active: var(--bp-light-blue-100);
-    --bp-border-select-border-default: var(--bp-gray-30);
-    --bp-border-select-border-disabled: var(--bp-gray-30);
     --bp-border-select-border-error: var(--bp-watermelon-red-110);
     --bp-border-select-border-hover: var(--bp-gray-65);
     --bp-border-select-border-read-only: var(--bp-gray-20);
@@ -677,6 +679,7 @@
     --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-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);
@@ -698,16 +701,18 @@
     --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
     --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
     --bp-icon-icon-on-dark: var(--bp-gray-white);
-    --bp-icon-icon-on-light: var(--bp-gray-100);
-    --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
-    --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
+    --bp-icon-icon-on-light: var(--bp-black-opacity-90);
+    --bp-icon-icon-on-light-secondary: var(--bp-black-opacity-60);
+    --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
     --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
     --bp-outline-focus-on-dark: var(--bp-gray-white);
     --bp-outline-focus-on-light: var(--bp-light-blue-100);
     --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
     --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
-    --bp-surface-accordion-surface: var(--bp-gray-white);
-    --bp-surface-accordion-surface-hover: var(--bp-gray-05);
+    --bp-surface-accordion-surface-collapsed: var(--bp-black-opacity-04);
+    --bp-surface-accordion-surface-collapsed-hover: var(--bp-black-opacity-08);
+    --bp-surface-accordion-surface-expanded: var(--bp-gray-white);
+    --bp-surface-accordion-surface-expanded-hover: var(--bp-gray-white);
     --bp-surface-badge-presentation-surface: var(--bp-orange-110);
     --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
     --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
@@ -747,6 +752,7 @@
     --bp-surface-card-surface-hover: var(--bp-gray-white);
     --bp-surface-card-surface-pressed: var(--bp-gray-02);
     --bp-surface-checkbox-surface: var(--bp-gray-white);
+    --bp-surface-checkbox-surface-disabled: var(--bp-gray-05);
     --bp-surface-checkbox-surface-hover: var(--bp-gray-white);
     --bp-surface-checkbox-surface-selected: var(--bp-box-blue-100);
     --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
@@ -858,11 +864,22 @@
     --bp-surface-list-item-surface: var(--bp-gray-white);
     --bp-surface-list-item-surface-hover: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
-    --bp-surface-menu-surface: 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);
+    --bp-surface-loading-indicator-surface-on-dark-tertiary: var(--bp-white-opacity-30);
+    --bp-surface-loading-indicator-surface-on-light: var(--bp-gray-black);
+    --bp-surface-loading-indicator-surface-on-light-secondary: var(--bp-black-opacity-60);
+    --bp-surface-loading-indicator-surface-on-light-tertiary: var(--bp-black-opacity-30);
+    --bp-surface-loading-indicator-surface-secondary: var(--bp-box-blue-opacity-70);
+    --bp-surface-loading-indicator-surface-tertiary: var(--bp-box-blue-opacity-30);
+    --bp-surface-menu-surface-dropdown: var(--bp-white-opacity-90);
+    --bp-surface-menu-surface-fullscreen: var(--bp-white-opacity-90);
     --bp-surface-menu-item-surface: var(--bp-gray-white);
     --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
     --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-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);
@@ -883,12 +900,7 @@
     --bp-surface-search-surface-active: var(--bp-gray-white);
     --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
-    --bp-surface-select-surface-active: var(--bp-gray-white);
-    --bp-surface-select-surface-default: var(--bp-gray-white);
-    --bp-surface-select-surface-disabled: var(--bp-gray-white);
-    --bp-surface-select-surface-error: var(--bp-gray-white);
-    --bp-surface-select-surface-hover: var(--bp-gray-white);
-    --bp-surface-select-surface-read-only: var(--bp-gray-02);
+    --bp-surface-select-surface: var(--bp-gray-white);
     --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
     --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
     --bp-surface-slider-track-surface: var(--bp-gray-65);

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

@@ -11,6 +11,8 @@ export const bpBorderCheckboxBorderHover: string;
 export const bpBorderCheckboxBorderSelected: string;
 export const bpBorderCheckboxBorderSelectedHover: string;
 export const bpBorderCollapsibleSectionBorder: string;
+export const bpBorderComboboxBorder: string;
+export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
 export const bpBorderCtaBorderOutline: string;
@@ -79,9 +81,8 @@ export const bpBorderSearchInputBorderFocus: string;
 export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
+export const bpBorderSelectBorder: string;
 export const bpBorderSelectBorderActive: string;
-export const bpBorderSelectBorderDefault: string;
-export const bpBorderSelectBorderDisabled: string;
 export const bpBorderSelectBorderError: string;
 export const bpBorderSelectBorderHover: string;
 export const bpBorderSelectBorderReadOnly: string;
@@ -104,6 +105,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderTooltipBorderError: string;
+export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
 export const bpBorder01: string;
 export const bpBorder02: string;
@@ -145,8 +147,10 @@ export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
 export const bpOverlaySidePanelOverlay: string;
-export const bpSurfaceAccordionSurface: string;
-export const bpSurfaceAccordionSurfaceHover: string;
+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;
@@ -202,6 +206,7 @@ export const bpSurfaceCardSurfaceFocus: string;
 export const bpSurfaceCardSurfaceHover: string;
 export const bpSurfaceCardSurfacePressed: string;
 export const bpSurfaceCheckboxSurface: string;
+export const bpSurfaceCheckboxSurfaceDisabled: string;
 export const bpSurfaceCheckboxSurfaceHover: string;
 export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
@@ -248,6 +253,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoHover: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed: string;
+export const bpSurfaceCursorCursorOnLight: string;
 export const bpSurfaceDatePickerDaySurfaceDefault: string;
 export const bpSurfaceDatePickerDaySurfaceDisabled: string;
 export const bpSurfaceDatePickerDaySurfaceFocus: string;
@@ -313,11 +319,22 @@ export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
-export const bpSurfaceMenuSurface: string;
+export const bpSurfaceLoadingIndicatorSurface: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLight: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceTertiary: string;
+export const bpSurfaceMenuSurfaceDropdown: string;
+export const bpSurfaceMenuSurfaceFullscreen: string;
 export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
+export const bpSurfaceModalSurface: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -338,12 +355,7 @@ export const bpSurfaceSearchSurface: string;
 export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
-export const bpSurfaceSelectSurfaceActive: string;
-export const bpSurfaceSelectSurfaceDefault: string;
-export const bpSurfaceSelectSurfaceDisabled: string;
-export const bpSurfaceSelectSurfaceError: string;
-export const bpSurfaceSelectSurfaceHover: string;
-export const bpSurfaceSelectSurfaceReadOnly: string;
+export const bpSurfaceSelectSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;
 export const bpSurfaceSliderTrackSurface: string;