@box/blueprint-web-assets 4.60.13 → 4.61.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/icons/Medium/{Information.js → AlertCircle.js} +2 -2
  2. package/dist/icons/Medium/BubbleQuestion.js +1 -1
  3. package/dist/icons/Medium/CheckmarkCircle.js +5 -0
  4. package/dist/icons/Medium/InformationCircle.js +5 -0
  5. package/dist/icons/Medium/QuestionCircle.js +5 -0
  6. package/dist/icons/Medium/index.d.ts +4 -4
  7. package/dist/icons/Medium/index.js +4 -4
  8. package/dist/icons/MediumFilled/CheckmarkCircle.js +5 -0
  9. package/dist/icons/MediumFilled/InformationCircle.js +5 -0
  10. package/dist/icons/MediumFilled/QuestionCircle.js +5 -0
  11. package/dist/icons/MediumFilled/index.d.ts +3 -3
  12. package/dist/icons/MediumFilled/index.js +3 -3
  13. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +23 -11
  14. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +27 -15
  15. package/dist/tokens/BP2/dark_mode_value/tokens.css +27 -15
  16. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +23 -11
  17. package/dist/tokens/BP2/dark_mode_value/tokens.js +27 -15
  18. package/dist/tokens/BP2/dark_mode_value/tokens.json +27 -15
  19. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +23 -11
  20. package/dist/tokens/BP2/light_mode_value/px-tokens.js +27 -15
  21. package/dist/tokens/BP2/light_mode_value/tokens.css +27 -15
  22. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +23 -11
  23. package/dist/tokens/BP2/light_mode_value/tokens.js +27 -15
  24. package/dist/tokens/BP2/light_mode_value/tokens.json +27 -15
  25. package/dist/tokens/px-tokens.js +22 -15
  26. package/dist/tokens/tokens-css-vars.scss +27 -15
  27. package/dist/tokens/tokens.js +22 -15
  28. package/dist/tokens/tokens.json +27 -15
  29. package/package.json +2 -2
  30. package/dist/icons/Medium/AlertBadge.js +0 -5
  31. package/dist/icons/Medium/Check.js +0 -5
  32. package/dist/icons/Medium/Question.js +0 -5
  33. package/dist/icons/MediumFilled/Check.js +0 -5
  34. package/dist/icons/MediumFilled/Information.js +0 -5
  35. package/dist/icons/MediumFilled/Question.js +0 -5
  36. /package/dist/icons/Medium/{AlertBadge.d.ts → AlertCircle.d.ts} +0 -0
  37. /package/dist/icons/Medium/{Check.d.ts → CheckmarkCircle.d.ts} +0 -0
  38. /package/dist/icons/Medium/{Information.d.ts → InformationCircle.d.ts} +0 -0
  39. /package/dist/icons/Medium/{Question.d.ts → QuestionCircle.d.ts} +0 -0
  40. /package/dist/icons/MediumFilled/{Check.d.ts → CheckmarkCircle.d.ts} +0 -0
  41. /package/dist/icons/MediumFilled/{Information.d.ts → InformationCircle.d.ts} +0 -0
  42. /package/dist/icons/MediumFilled/{Question.d.ts → QuestionCircle.d.ts} +0 -0
package/dist/tokens/BP2/light_mode_value/tokens.js CHANGED
@@ -11,6 +11,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
11
11
  export const bpBorderCheckboxBorderSelected = '#0061d5';
12
12
  export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
13
13
  export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
14
+ export const bpBorderComboboxBorder = '#909090';
15
+ export const bpBorderComboboxBorderHover = '#6f6f6f';
14
16
  export const bpBorderContentButtonBorderHoverActive = '#909090';
15
17
  export const bpBorderContentButtonBorderSelected = '#909090';
16
18
  export const bpBorderCtaBorderOutline = '#000000';
@@ -30,7 +32,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
30
32
  export const bpBorderDatePickerBorderError = '#ed3757';
31
33
  export const bpBorderDatePickerBorderFocus = '#2486fc';
32
34
  export const bpBorderDatePickerBorderHover = '#6f6f6f';
33
- export const bpBorderDividerBorder = '#e8e8e8';
35
+ export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
34
36
  export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
35
37
  export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
36
38
  export const bpBorderDropdownBorder = '#bcbcbc';
@@ -79,9 +81,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
79
81
  export const bpBorderSearchInputBorderHover = '#6f6f6f';
80
82
  export const bpBorderSearchBorder = '#f4f4f4';
81
83
  export const bpBorderSearchBorderHover = '#6f6f6f';
84
+ export const bpBorderSelectBorder = '#bcbcbc';
82
85
  export const bpBorderSelectBorderActive = '#2486fc';
83
- export const bpBorderSelectBorderDefault = '#bcbcbc';
84
- export const bpBorderSelectBorderDisabled = '#bcbcbc';
85
86
  export const bpBorderSelectBorderError = '#d5324e';
86
87
  export const bpBorderSelectBorderHover = '#6f6f6f';
87
88
  export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -104,6 +105,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
104
105
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
105
106
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
106
107
  export const bpBorderTooltipBorderError = '#f69bab';
108
+ export const bpBorderBorderAccordionHover = '#e8e8e8';
107
109
  export const bpBorder00 = '0';
108
110
  export const bpBorder01 = '0.0625rem';
109
111
  export const bpBorder02 = '0.125rem';
@@ -136,17 +138,19 @@ export const bpIconIconErrorOnLight = '#d5324e';
136
138
  export const bpIconIconIllustrator = '#ff9400';
137
139
  export const bpIconIconIndesign = '#ff57a1';
138
140
  export const bpIconIconOnDark = '#ffffff';
139
- export const bpIconIconOnLight = '#222222';
140
- export const bpIconIconOnLightSecondary = '#6f6f6f';
141
- export const bpIconIconOnLightTertiary = '#909090';
141
+ export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
142
+ export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
143
+ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
142
144
  export const bpIconIconPhotoshop = '#26c9ff';
143
145
  export const bpIconIconRequiredOnLight = '#d5324e';
144
146
  export const bpOutlineFocusOnDark = '#ffffff';
145
147
  export const bpOutlineFocusOnLight = '#2486fc';
146
148
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
147
149
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
148
- export const bpSurfaceAccordionSurface = '#ffffff';
149
- export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
150
+ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
151
+ export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
152
+ export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
153
+ export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
150
154
  export const bpSurfaceBadgeIllustratorSurface = '#051e25';
151
155
  export const bpSurfaceBadgeIndesignSurface = '#131415';
152
156
  export const bpSurfaceBadgeNumbersSurface = '#00a650';
@@ -202,6 +206,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
202
206
  export const bpSurfaceCardSurfaceHover = '#ffffff';
203
207
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
204
208
  export const bpSurfaceCheckboxSurface = '#ffffff';
209
+ export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
205
210
  export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
206
211
  export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
207
212
  export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -248,6 +253,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
248
253
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
249
254
  export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
250
255
  export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
256
+ export const bpSurfaceCursorCursorOnLight = '#000000';
251
257
  export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
252
258
  export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
253
259
  export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -313,11 +319,22 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
313
319
  export const bpSurfaceListItemSurface = '#ffffff';
314
320
  export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
315
321
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
316
- export const bpSurfaceMenuSurface = '#ffffff';
322
+ export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
323
+ export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
324
+ export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
325
+ export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary = 'rgba(255, 255, 255, 0.3)';
326
+ export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
327
+ export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
328
+ export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary = 'rgba(0, 0, 0, 0.3)';
329
+ export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)';
330
+ export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
331
+ export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
332
+ export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
317
333
  export const bpSurfaceMenuItemSurface = '#ffffff';
318
334
  export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
319
335
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
320
336
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
337
+ export const bpSurfaceModalSurface = '#ffffff';
321
338
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
322
339
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
323
340
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -338,12 +355,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
338
355
  export const bpSurfaceSearchSurfaceActive = '#ffffff';
339
356
  export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
340
357
  export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
341
- export const bpSurfaceSelectSurfaceActive = '#ffffff';
342
- export const bpSurfaceSelectSurfaceDefault = '#ffffff';
343
- export const bpSurfaceSelectSurfaceDisabled = '#ffffff';
344
- export const bpSurfaceSelectSurfaceError = '#ffffff';
345
- export const bpSurfaceSelectSurfaceHover = '#ffffff';
346
- export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
358
+ export const bpSurfaceSelectSurface = '#ffffff';
347
359
  export const bpSurfaceSliderThumbSurface = '#0061d5';
348
360
  export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
349
361
  export const bpSurfaceSliderTrackSurface = '#6f6f6f';
package/dist/tokens/BP2/light_mode_value/tokens.json CHANGED
@@ -12,6 +12,8 @@
12
12
  "BpBorderCheckboxBorderSelected": "#0061d5",
13
13
  "BpBorderCheckboxBorderSelectedHover": "#2079e3",
14
14
  "BpBorderCollapsibleSectionBorder": "#d3d3d3",
15
+ "BpBorderComboboxBorder": "#909090",
16
+ "BpBorderComboboxBorderHover": "#6f6f6f",
15
17
  "BpBorderContentButtonBorderHoverActive": "#909090",
16
18
  "BpBorderContentButtonBorderSelected": "#909090",
17
19
  "BpBorderCtaBorderOutline": "#000000",
@@ -31,7 +33,7 @@
31
33
  "BpBorderDatePickerBorderError": "#ed3757",
32
34
  "BpBorderDatePickerBorderFocus": "#2486fc",
33
35
  "BpBorderDatePickerBorderHover": "#6f6f6f",
34
- "BpBorderDividerBorder": "#e8e8e8",
36
+ "BpBorderDividerBorder": "rgba(0, 0, 0, 0.04)",
35
37
  "BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
36
38
  "BpBorderDropdownSecondaryBorder": "#bcbcbc",
37
39
  "BpBorderDropdownBorder": "#bcbcbc",
@@ -80,9 +82,8 @@
80
82
  "BpBorderSearchInputBorderHover": "#6f6f6f",
81
83
  "BpBorderSearchBorder": "#f4f4f4",
82
84
  "BpBorderSearchBorderHover": "#6f6f6f",
85
+ "BpBorderSelectBorder": "#bcbcbc",
83
86
  "BpBorderSelectBorderActive": "#2486fc",
84
- "BpBorderSelectBorderDefault": "#bcbcbc",
85
- "BpBorderSelectBorderDisabled": "#bcbcbc",
86
87
  "BpBorderSelectBorderError": "#d5324e",
87
88
  "BpBorderSelectBorderHover": "#6f6f6f",
88
89
  "BpBorderSelectBorderReadOnly": "#d3d3d3",
@@ -105,6 +106,7 @@
105
106
  "BpBorderToggleTextBorderOnHover": "#99c0ee",
106
107
  "BpBorderToggleTextBorderOnPressed": "#99c0ee",
107
108
  "BpBorderTooltipBorderError": "#f69bab",
109
+ "BpBorderBorderAccordionHover": "#e8e8e8",
108
110
  "BpBorder00": "0",
109
111
  "BpBorder01": "0.0625rem",
110
112
  "BpBorder02": "0.125rem",
@@ -137,17 +139,19 @@
137
139
  "BpIconIconIllustrator": "#ff9400",
138
140
  "BpIconIconIndesign": "#ff57a1",
139
141
  "BpIconIconOnDark": "#ffffff",
140
- "BpIconIconOnLight": "#222222",
141
- "BpIconIconOnLightSecondary": "#6f6f6f",
142
- "BpIconIconOnLightTertiary": "#909090",
142
+ "BpIconIconOnLight": "rgba(0, 0, 0, 0.9)",
143
+ "BpIconIconOnLightSecondary": "rgba(0, 0, 0, 0.6)",
144
+ "BpIconIconOnLightTertiary": "rgba(0, 0, 0, 0.5)",
143
145
  "BpIconIconPhotoshop": "#26c9ff",
144
146
  "BpIconIconRequiredOnLight": "#d5324e",
145
147
  "BpOutlineFocusOnDark": "#ffffff",
146
148
  "BpOutlineFocusOnLight": "#2486fc",
147
149
  "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
148
150
  "BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
149
- "BpSurfaceAccordionSurface": "#ffffff",
150
- "BpSurfaceAccordionSurfaceHover": "#f4f4f4",
151
+ "BpSurfaceAccordionSurfaceCollapsed": "rgba(0, 0, 0, 0.04)",
152
+ "BpSurfaceAccordionSurfaceCollapsedHover": "rgba(0, 0, 0, 0.08)",
153
+ "BpSurfaceAccordionSurfaceExpanded": "#ffffff",
154
+ "BpSurfaceAccordionSurfaceExpandedHover": "#ffffff",
151
155
  "BpSurfaceBadgeIllustratorSurface": "#051e25",
152
156
  "BpSurfaceBadgeIndesignSurface": "#131415",
153
157
  "BpSurfaceBadgeNumbersSurface": "#00a650",
@@ -203,6 +207,7 @@
203
207
  "BpSurfaceCardSurfaceHover": "#ffffff",
204
208
  "BpSurfaceCardSurfacePressed": "#fbfbfb",
205
209
  "BpSurfaceCheckboxSurface": "#ffffff",
210
+ "BpSurfaceCheckboxSurfaceDisabled": "#f4f4f4",
206
211
  "BpSurfaceCheckboxSurfaceHover": "#ffffff",
207
212
  "BpSurfaceCheckboxSurfaceSelected": "#0061d5",
208
213
  "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
@@ -249,6 +254,7 @@
249
254
  "BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
250
255
  "BpSurfaceCtaSurfaceTertiaryPromoHover": "#f6f4fc",
251
256
  "BpSurfaceCtaSurfaceTertiaryPromoPressed": "#dad4f3",
257
+ "BpSurfaceCursorCursorOnLight": "#000000",
252
258
  "BpSurfaceDatePickerDaySurfaceDefault": "#ffffff",
253
259
  "BpSurfaceDatePickerDaySurfaceDisabled": "#ffffff",
254
260
  "BpSurfaceDatePickerDaySurfaceFocus": "#f4f4f4",
@@ -314,11 +320,22 @@
314
320
  "BpSurfaceListItemSurface": "#ffffff",
315
321
  "BpSurfaceListItemSurfaceHover": "#f4f4f4",
316
322
  "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
317
- "BpSurfaceMenuSurface": "#ffffff",
323
+ "BpSurfaceLoadingIndicatorSurface": "#0061d5",
324
+ "BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
325
+ "BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
326
+ "BpSurfaceLoadingIndicatorSurfaceOnDarkTertiary": "rgba(255, 255, 255, 0.3)",
327
+ "BpSurfaceLoadingIndicatorSurfaceOnLight": "#000000",
328
+ "BpSurfaceLoadingIndicatorSurfaceOnLightSecondary": "rgba(0, 0, 0, 0.6)",
329
+ "BpSurfaceLoadingIndicatorSurfaceOnLightTertiary": "rgba(0, 0, 0, 0.3)",
330
+ "BpSurfaceLoadingIndicatorSurfaceSecondary": "rgba(0, 97, 213, 0.7)",
331
+ "BpSurfaceLoadingIndicatorSurfaceTertiary": "rgba(0, 97, 213, 0.3)",
332
+ "BpSurfaceMenuSurfaceDropdown": "rgba(255, 255, 255, 0.9)",
333
+ "BpSurfaceMenuSurfaceFullscreen": "rgba(255, 255, 255, 0.9)",
318
334
  "BpSurfaceMenuItemSurface": "#ffffff",
319
335
  "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
320
336
  "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
321
337
  "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
338
+ "BpSurfaceModalSurface": "#ffffff",
322
339
  "BpSurfaceNavSurfaceBrand": "#0061d5",
323
340
  "BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
324
341
  "BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
@@ -339,12 +356,7 @@
339
356
  "BpSurfaceSearchSurfaceActive": "#ffffff",
340
357
  "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
341
358
  "BpSurfaceSearchSurfaceHover": "#fbfbfb",
342
- "BpSurfaceSelectSurfaceActive": "#ffffff",
343
- "BpSurfaceSelectSurfaceDefault": "#ffffff",
344
- "BpSurfaceSelectSurfaceDisabled": "#ffffff",
345
- "BpSurfaceSelectSurfaceError": "#ffffff",
346
- "BpSurfaceSelectSurfaceHover": "#ffffff",
347
- "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
359
+ "BpSurfaceSelectSurface": "#ffffff",
348
360
  "BpSurfaceSliderThumbSurface": "#0061d5",
349
361
  "BpSurfaceSliderThumbSurfaceHover": "#2486fc",
350
362
  "BpSurfaceSliderTrackSurface": "#6f6f6f",
package/dist/tokens/px-tokens.js CHANGED
@@ -852,6 +852,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
852
852
  export const bpBorderCheckboxBorderSelected = '#0061d5';
853
853
  export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
854
854
  export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
855
+ export const bpBorderComboboxBorder = '#909090';
856
+ export const bpBorderComboboxBorderHover = '#6f6f6f';
855
857
  export const bpBorderContentButtonBorderHoverActive = '#909090';
856
858
  export const bpBorderContentButtonBorderSelected = '#909090';
857
859
  export const bpBorderCtaBorderOutline = '#000000';
@@ -871,7 +873,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
871
873
  export const bpBorderDatePickerBorderError = '#ed3757';
872
874
  export const bpBorderDatePickerBorderFocus = '#2486fc';
873
875
  export const bpBorderDatePickerBorderHover = '#6f6f6f';
874
- export const bpBorderDividerBorder = '#e8e8e8';
876
+ export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
875
877
  export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
876
878
  export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
877
879
  export const bpBorderDropdownBorder = '#bcbcbc';
@@ -920,9 +922,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
920
922
  export const bpBorderSearchInputBorderHover = '#6f6f6f';
921
923
  export const bpBorderSearchBorder = '#f4f4f4';
922
924
  export const bpBorderSearchBorderHover = '#6f6f6f';
925
+ export const bpBorderSelectBorder = '#bcbcbc';
923
926
  export const bpBorderSelectBorderActive = '#2486fc';
924
- export const bpBorderSelectBorderDefault = '#bcbcbc';
925
- export const bpBorderSelectBorderDisabled = '#bcbcbc';
926
927
  export const bpBorderSelectBorderError = '#d5324e';
927
928
  export const bpBorderSelectBorderHover = '#6f6f6f';
928
929
  export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -945,6 +946,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
945
946
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
946
947
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
947
948
  export const bpBorderTooltipBorderError = '#f69bab';
949
+ export const bpBorderBorderAccordionHover = '#e8e8e8';
948
950
  export const bpBorder00 = '0px';
949
951
  export const bpBorder01 = '1px';
950
952
  export const bpBorder02 = '2px';
@@ -977,17 +979,19 @@ export const bpIconIconErrorOnLight = '#d5324e';
977
979
  export const bpIconIconIllustrator = '#ff9400';
978
980
  export const bpIconIconIndesign = '#ff57a1';
979
981
  export const bpIconIconOnDark = '#ffffff';
980
- export const bpIconIconOnLight = '#222222';
981
- export const bpIconIconOnLightSecondary = '#6f6f6f';
982
- export const bpIconIconOnLightTertiary = '#909090';
982
+ export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
983
+ export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
984
+ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
983
985
  export const bpIconIconPhotoshop = '#26c9ff';
984
986
  export const bpIconIconRequiredOnLight = '#d5324e';
985
987
  export const bpOutlineFocusOnDark = '#ffffff';
986
988
  export const bpOutlineFocusOnLight = '#2486fc';
987
989
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
988
990
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
989
- export const bpSurfaceAccordionSurface = '#ffffff';
990
- export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
991
+ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
992
+ export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
993
+ export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
994
+ export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
991
995
  export const bpSurfaceBadgeIllustratorSurface = '#051e25';
992
996
  export const bpSurfaceBadgeIndesignSurface = '#131415';
993
997
  export const bpSurfaceBadgeNumbersSurface = '#00a650';
@@ -1043,6 +1047,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
1043
1047
  export const bpSurfaceCardSurfaceHover = '#ffffff';
1044
1048
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
1045
1049
  export const bpSurfaceCheckboxSurface = '#ffffff';
1050
+ export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
1046
1051
  export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
1047
1052
  export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
1048
1053
  export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -1089,6 +1094,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
1089
1094
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
1090
1095
  export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
1091
1096
  export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
1097
+ export const bpSurfaceCursorCursorOnLight = '#000000';
1092
1098
  export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
1093
1099
  export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
1094
1100
  export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -1154,11 +1160,17 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
1154
1160
  export const bpSurfaceListItemSurface = '#ffffff';
1155
1161
  export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
1156
1162
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
1157
- export const bpSurfaceMenuSurface = '#ffffff';
1163
+ export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
1164
+ export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
1165
+ export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
1166
+ export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
1167
+ export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
1168
+ export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
1158
1169
  export const bpSurfaceMenuItemSurface = '#ffffff';
1159
1170
  export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
1160
1171
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
1161
1172
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
1173
+ export const bpSurfaceModalSurface = '#ffffff';
1162
1174
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
1163
1175
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1164
1176
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -1179,12 +1191,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
1179
1191
  export const bpSurfaceSearchSurfaceActive = '#ffffff';
1180
1192
  export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
1181
1193
  export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
1182
- export const bpSurfaceSelectSurfaceActive = '#ffffff';
1183
- export const bpSurfaceSelectSurfaceDefault = '#ffffff';
1184
- export const bpSurfaceSelectSurfaceDisabled = '#ffffff';
1185
- export const bpSurfaceSelectSurfaceError = '#ffffff';
1186
- export const bpSurfaceSelectSurfaceHover = '#ffffff';
1187
- export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
1194
+ export const bpSurfaceSelectSurface = '#ffffff';
1188
1195
  export const bpSurfaceSliderThumbSurface = '#0061d5';
1189
1196
  export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
1190
1197
  export const bpSurfaceSliderTrackSurface = '#6f6f6f';
package/dist/tokens/tokens-css-vars.scss CHANGED
@@ -818,6 +818,7 @@
818
818
  --bp-surface-badge-surface-slides: #f7ba00;
819
819
  --bp-surface-badge-surface-video: #009aed;
820
820
  --bp-surface-badge-word-surface: #185abd;
821
+ --bp-surface-cursor-cursor-on-light: #000000;
821
822
  --bp-surface-surface-brand: #0061d5;
822
823
  --bp-surface-surface-brand-busy: #0061d5;
823
824
  --bp-surface-surface-brand-disabled: #0061d5;
@@ -1371,6 +1372,8 @@
1371
1372
  --bp-border-checkbox-border-selected: var(--bp-box-blue-100);
1372
1373
  --bp-border-checkbox-border-selected-hover: var(--bp-light-blue-110);
1373
1374
  --bp-border-collapsible-section-border: var(--bp-gray-20);
1375
+ --bp-border-combobox-border: var(--bp-gray-50);
1376
+ --bp-border-combobox-border-hover: var(--bp-gray-65);
1374
1377
  --bp-border-content-button-border-hover-active: var(--bp-gray-50);
1375
1378
  --bp-border-content-button-border-selected: var(--bp-gray-50);
1376
1379
  --bp-border-cta-border-outline: var(--bp-gray-black);
@@ -1389,7 +1392,7 @@
1389
1392
  --bp-border-date-picker-border-error: var(--bp-watermelon-red-100);
1390
1393
  --bp-border-date-picker-border-focus: var(--bp-light-blue-100);
1391
1394
  --bp-border-date-picker-border-hover: var(--bp-gray-65);
1392
- --bp-border-divider-border: var(--bp-gray-10);
1395
+ --bp-border-divider-border: var(--bp-black-opacity-04);
1393
1396
  --bp-border-dropdown-secondary-border: var(--bp-gray-30);
1394
1397
  --bp-border-dropdown-border: var(--bp-gray-30);
1395
1398
  --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
@@ -1437,9 +1440,8 @@
1437
1440
  --bp-border-search-input-border-hover: var(--bp-gray-65);
1438
1441
  --bp-border-search-border: var(--bp-gray-05);
1439
1442
  --bp-border-search-border-hover: var(--bp-gray-65);
1443
+ --bp-border-select-border: var(--bp-gray-30);
1440
1444
  --bp-border-select-border-active: var(--bp-light-blue-100);
1441
- --bp-border-select-border-default: var(--bp-gray-30);
1442
- --bp-border-select-border-disabled: var(--bp-gray-30);
1443
1445
  --bp-border-select-border-error: var(--bp-watermelon-red-110);
1444
1446
  --bp-border-select-border-hover: var(--bp-gray-65);
1445
1447
  --bp-border-select-border-read-only: var(--bp-gray-20);
@@ -1462,6 +1464,7 @@
1462
1464
  --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
1463
1465
  --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
1464
1466
  --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
1467
+ --bp-border-border-accordion-hover: var(--bp-gray-10);
1465
1468
  --bp-icon-cta-icon: var(--bp-gray-65);
1466
1469
  --bp-icon-cta-icon-hover: var(--bp-gray-100);
1467
1470
  --bp-icon-cta-icon-on-color: var(--bp-gray-black);
@@ -1483,16 +1486,18 @@
1483
1486
  --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
1484
1487
  --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
1485
1488
  --bp-icon-icon-on-dark: var(--bp-gray-white);
1486
- --bp-icon-icon-on-light: var(--bp-gray-100);
1487
- --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
1488
- --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
1489
+ --bp-icon-icon-on-light: var(--bp-black-opacity-90);
1490
+ --bp-icon-icon-on-light-secondary: var(--bp-black-opacity-60);
1491
+ --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
1489
1492
  --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
1490
1493
  --bp-outline-focus-on-dark: var(--bp-gray-white);
1491
1494
  --bp-outline-focus-on-light: var(--bp-light-blue-100);
1492
1495
  --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
1493
1496
  --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
1494
- --bp-surface-accordion-surface: var(--bp-gray-white);
1495
- --bp-surface-accordion-surface-hover: var(--bp-gray-05);
1497
+ --bp-surface-accordion-surface-collapsed: var(--bp-black-opacity-04);
1498
+ --bp-surface-accordion-surface-collapsed-hover: var(--bp-black-opacity-08);
1499
+ --bp-surface-accordion-surface-expanded: var(--bp-gray-white);
1500
+ --bp-surface-accordion-surface-expanded-hover: var(--bp-gray-white);
1496
1501
  --bp-surface-badge-presentation-surface: var(--bp-orange-110);
1497
1502
  --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
1498
1503
  --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
@@ -1532,6 +1537,7 @@
1532
1537
  --bp-surface-card-surface-hover: var(--bp-gray-white);
1533
1538
  --bp-surface-card-surface-pressed: var(--bp-gray-02);
1534
1539
  --bp-surface-checkbox-surface: var(--bp-gray-white);
1540
+ --bp-surface-checkbox-surface-disabled: var(--bp-gray-05);
1535
1541
  --bp-surface-checkbox-surface-hover: var(--bp-gray-white);
1536
1542
  --bp-surface-checkbox-surface-selected: var(--bp-box-blue-100);
1537
1543
  --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
@@ -1643,11 +1649,22 @@
1643
1649
  --bp-surface-list-item-surface: var(--bp-gray-white);
1644
1650
  --bp-surface-list-item-surface-hover: var(--bp-gray-05);
1645
1651
  --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
1646
- --bp-surface-menu-surface: var(--bp-gray-white);
1652
+ --bp-surface-loading-indicator-surface: var(--bp-box-blue-100);
1653
+ --bp-surface-loading-indicator-surface-on-dark: var(--bp-gray-white);
1654
+ --bp-surface-loading-indicator-surface-on-dark-secondary: var(--bp-white-opacity-70);
1655
+ --bp-surface-loading-indicator-surface-on-dark-tertiary: var(--bp-white-opacity-30);
1656
+ --bp-surface-loading-indicator-surface-on-light: var(--bp-gray-black);
1657
+ --bp-surface-loading-indicator-surface-on-light-secondary: var(--bp-black-opacity-60);
1658
+ --bp-surface-loading-indicator-surface-on-light-tertiary: var(--bp-black-opacity-30);
1659
+ --bp-surface-loading-indicator-surface-secondary: var(--bp-box-blue-opacity-70);
1660
+ --bp-surface-loading-indicator-surface-tertiary: var(--bp-box-blue-opacity-30);
1661
+ --bp-surface-menu-surface-dropdown: var(--bp-white-opacity-90);
1662
+ --bp-surface-menu-surface-fullscreen: var(--bp-white-opacity-90);
1647
1663
  --bp-surface-menu-item-surface: var(--bp-gray-white);
1648
1664
  --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
1649
1665
  --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
1650
1666
  --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
1667
+ --bp-surface-modal-surface: var(--bp-gray-white);
1651
1668
  --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
1652
1669
  --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
1653
1670
  --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -1668,12 +1685,7 @@
1668
1685
  --bp-surface-search-surface-active: var(--bp-gray-white);
1669
1686
  --bp-surface-search-surface-complete: var(--bp-gray-05);
1670
1687
  --bp-surface-search-surface-hover: var(--bp-gray-02);
1671
- --bp-surface-select-surface-active: var(--bp-gray-white);
1672
- --bp-surface-select-surface-default: var(--bp-gray-white);
1673
- --bp-surface-select-surface-disabled: var(--bp-gray-white);
1674
- --bp-surface-select-surface-error: var(--bp-gray-white);
1675
- --bp-surface-select-surface-hover: var(--bp-gray-white);
1676
- --bp-surface-select-surface-read-only: var(--bp-gray-02);
1688
+ --bp-surface-select-surface: var(--bp-gray-white);
1677
1689
  --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
1678
1690
  --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
1679
1691
  --bp-surface-slider-track-surface: var(--bp-gray-65);
package/dist/tokens/tokens.js CHANGED
@@ -848,6 +848,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
848
848
  export const bpBorderCheckboxBorderSelected = '#0061d5';
849
849
  export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
850
850
  export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
851
+ export const bpBorderComboboxBorder = '#909090';
852
+ export const bpBorderComboboxBorderHover = '#6f6f6f';
851
853
  export const bpBorderContentButtonBorderHoverActive = '#909090';
852
854
  export const bpBorderContentButtonBorderSelected = '#909090';
853
855
  export const bpBorderCtaBorderOutline = '#000000';
@@ -867,7 +869,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
867
869
  export const bpBorderDatePickerBorderError = '#ed3757';
868
870
  export const bpBorderDatePickerBorderFocus = '#2486fc';
869
871
  export const bpBorderDatePickerBorderHover = '#6f6f6f';
870
- export const bpBorderDividerBorder = '#e8e8e8';
872
+ export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
871
873
  export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
872
874
  export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
873
875
  export const bpBorderDropdownBorder = '#bcbcbc';
@@ -916,9 +918,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
916
918
  export const bpBorderSearchInputBorderHover = '#6f6f6f';
917
919
  export const bpBorderSearchBorder = '#f4f4f4';
918
920
  export const bpBorderSearchBorderHover = '#6f6f6f';
921
+ export const bpBorderSelectBorder = '#bcbcbc';
919
922
  export const bpBorderSelectBorderActive = '#2486fc';
920
- export const bpBorderSelectBorderDefault = '#bcbcbc';
921
- export const bpBorderSelectBorderDisabled = '#bcbcbc';
922
923
  export const bpBorderSelectBorderError = '#d5324e';
923
924
  export const bpBorderSelectBorderHover = '#6f6f6f';
924
925
  export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -941,6 +942,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
941
942
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
942
943
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
943
944
  export const bpBorderTooltipBorderError = '#f69bab';
945
+ export const bpBorderBorderAccordionHover = '#e8e8e8';
944
946
  export const bpBorder00 = '0';
945
947
  export const bpBorder01 = '0.0625rem';
946
948
  export const bpBorder02 = '0.125rem';
@@ -973,17 +975,19 @@ export const bpIconIconErrorOnLight = '#d5324e';
973
975
  export const bpIconIconIllustrator = '#ff9400';
974
976
  export const bpIconIconIndesign = '#ff57a1';
975
977
  export const bpIconIconOnDark = '#ffffff';
976
- export const bpIconIconOnLight = '#222222';
977
- export const bpIconIconOnLightSecondary = '#6f6f6f';
978
- export const bpIconIconOnLightTertiary = '#909090';
978
+ export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
979
+ export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
980
+ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
979
981
  export const bpIconIconPhotoshop = '#26c9ff';
980
982
  export const bpIconIconRequiredOnLight = '#d5324e';
981
983
  export const bpOutlineFocusOnDark = '#ffffff';
982
984
  export const bpOutlineFocusOnLight = '#2486fc';
983
985
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
984
986
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
985
- export const bpSurfaceAccordionSurface = '#ffffff';
986
- export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
987
+ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
988
+ export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
989
+ export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
990
+ export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
987
991
  export const bpSurfaceBadgeIllustratorSurface = '#051e25';
988
992
  export const bpSurfaceBadgeIndesignSurface = '#131415';
989
993
  export const bpSurfaceBadgeNumbersSurface = '#00a650';
@@ -1039,6 +1043,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
1039
1043
  export const bpSurfaceCardSurfaceHover = '#ffffff';
1040
1044
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
1041
1045
  export const bpSurfaceCheckboxSurface = '#ffffff';
1046
+ export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
1042
1047
  export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
1043
1048
  export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
1044
1049
  export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -1085,6 +1090,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
1085
1090
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
1086
1091
  export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
1087
1092
  export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
1093
+ export const bpSurfaceCursorCursorOnLight = '#000000';
1088
1094
  export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
1089
1095
  export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
1090
1096
  export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -1150,11 +1156,17 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
1150
1156
  export const bpSurfaceListItemSurface = '#ffffff';
1151
1157
  export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
1152
1158
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
1153
- export const bpSurfaceMenuSurface = '#ffffff';
1159
+ export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
1160
+ export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
1161
+ export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
1162
+ export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
1163
+ export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
1164
+ export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
1154
1165
  export const bpSurfaceMenuItemSurface = '#ffffff';
1155
1166
  export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
1156
1167
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
1157
1168
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
1169
+ export const bpSurfaceModalSurface = '#ffffff';
1158
1170
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
1159
1171
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1160
1172
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -1175,12 +1187,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
1175
1187
  export const bpSurfaceSearchSurfaceActive = '#ffffff';
1176
1188
  export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
1177
1189
  export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
1178
- export const bpSurfaceSelectSurfaceActive = '#ffffff';
1179
- export const bpSurfaceSelectSurfaceDefault = '#ffffff';
1180
- export const bpSurfaceSelectSurfaceDisabled = '#ffffff';
1181
- export const bpSurfaceSelectSurfaceError = '#ffffff';
1182
- export const bpSurfaceSelectSurfaceHover = '#ffffff';
1183
- export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
1190
+ export const bpSurfaceSelectSurface = '#ffffff';
1184
1191
  export const bpSurfaceSliderThumbSurface = '#0061d5';
1185
1192
  export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
1186
1193
  export const bpSurfaceSliderTrackSurface = '#6f6f6f';