@box/blueprint-web-assets 4.62.3 → 4.63.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 (19) hide show
  1. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +24 -12
  2. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +29 -17
  3. package/dist/tokens/BP2/dark_mode_value/tokens.css +29 -17
  4. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +24 -12
  5. package/dist/tokens/BP2/dark_mode_value/tokens.js +29 -17
  6. package/dist/tokens/BP2/dark_mode_value/tokens.json +29 -17
  7. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +24 -12
  8. package/dist/tokens/BP2/light_mode_value/px-tokens.js +29 -17
  9. package/dist/tokens/BP2/light_mode_value/tokens.css +29 -17
  10. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +24 -12
  11. package/dist/tokens/BP2/light_mode_value/tokens.js +29 -17
  12. package/dist/tokens/BP2/light_mode_value/tokens.json +29 -17
  13. package/dist/tokens/px-tokens.d.ts +24 -12
  14. package/dist/tokens/px-tokens.js +29 -17
  15. package/dist/tokens/tokens-css-vars.scss +29 -17
  16. package/dist/tokens/tokens.d.ts +24 -12
  17. package/dist/tokens/tokens.js +29 -17
  18. package/dist/tokens/tokens.json +29 -17
  19. package/package.json +2 -2
package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts CHANGED
@@ -47,6 +47,7 @@ export const bpBorderDropdownBorderHover: string;
47
47
  export const bpBorderFilterChipBorderMultiOn: string;
48
48
  export const bpBorderFilterChipBorderMultiOnHover: string;
49
49
  export const bpBorderGridThumbnailBorder: string;
50
+ export const bpBorderInlineTableBorder: string;
50
51
  export const bpBorderInputBorder: string;
51
52
  export const bpBorderInputBorderError: string;
52
53
  export const bpBorderInputBorderErrorFocus: string;
@@ -93,6 +94,7 @@ export const bpBorderStatusBorderHover: string;
93
94
  export const bpBorderSwitchBorder: string;
94
95
  export const bpBorderSwitchBorderHover: string;
95
96
  export const bpBorderTabBorder: string;
97
+ export const bpBorderTabBorderFocus: string;
96
98
  export const bpBorderTabBorderHover: string;
97
99
  export const bpBorderTabBorderSelected: string;
98
100
  export const bpBorderTabBorderSelectedFocus: string;
@@ -107,6 +109,7 @@ export const bpBorderToggleTextBorderOffPressed: string;
107
109
  export const bpBorderToggleTextBorderOn: string;
108
110
  export const bpBorderToggleTextBorderOnHover: string;
109
111
  export const bpBorderToggleTextBorderOnPressed: string;
112
+ export const bpBorderToolbarBorder: string;
110
113
  export const bpBorderTooltipBorderError: string;
111
114
  export const bpBorderBorderAccordionHover: string;
112
115
  export const bpBorder00: string;
@@ -154,14 +157,8 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
154
157
  export const bpSurfaceAccordionSurfaceCollapsedHover: string;
155
158
  export const bpSurfaceAccordionSurfaceExpanded: string;
156
159
  export const bpSurfaceAccordionSurfaceExpandedHover: string;
157
- export const bpSurfaceBadgeIllustratorSurface: string;
158
- export const bpSurfaceBadgeIndesignSurface: string;
159
- export const bpSurfaceBadgeNumbersSurface: string;
160
- export const bpSurfaceBadgePhotoshopSurface: string;
161
- export const bpSurfaceBadgePowerpointSurface: string;
162
- export const bpSurfaceBadgePresentationSurface: string;
163
- export const bpSurfaceBadgeSpreadsheetSurface: string;
164
160
  export const bpSurfaceBadgeSurfaceAdmin: string;
161
+ export const bpSurfaceBadgeSurfaceAlert: string;
165
162
  export const bpSurfaceBadgeSurfaceAnnotation: string;
166
163
  export const bpSurfaceBadgeSurfaceAudio: string;
167
164
  export const bpSurfaceBadgeSurfaceBookmark: string;
@@ -180,29 +177,38 @@ export const bpSurfaceBadgeSurfaceExcel: string;
180
177
  export const bpSurfaceBadgeSurfaceExternal: string;
181
178
  export const bpSurfaceBadgeSurfaceFolderexternal: string;
182
179
  export const bpSurfaceBadgeSurfaceFoldershared: string;
180
+ export const bpSurfaceBadgeSurfaceForward: string;
183
181
  export const bpSurfaceBadgeSurfaceHubs: string;
182
+ export const bpSurfaceBadgeSurfaceIllustrator: string;
184
183
  export const bpSurfaceBadgeSurfaceImage: string;
184
+ export const bpSurfaceBadgeSurfaceInProgress: string;
185
+ export const bpSurfaceBadgeSurfaceIndesign: string;
185
186
  export const bpSurfaceBadgeSurfaceKeynote: string;
186
187
  export const bpSurfaceBadgeSurfaceMention: string;
187
188
  export const bpSurfaceBadgeSurfaceNotification: string;
189
+ export const bpSurfaceBadgeSurfaceNumbers: string;
188
190
  export const bpSurfaceBadgeSurfaceOffline: string;
189
191
  export const bpSurfaceBadgeSurfaceOnline: string;
190
192
  export const bpSurfaceBadgeSurfacePages: string;
191
193
  export const bpSurfaceBadgeSurfacePdf: string;
194
+ export const bpSurfaceBadgeSurfacePhotoshop: string;
192
195
  export const bpSurfaceBadgeSurfacePin: string;
196
+ export const bpSurfaceBadgeSurfacePowerpoint: string;
197
+ export const bpSurfaceBadgeSurfacePresentation: string;
193
198
  export const bpSurfaceBadgeSurfaceProgress: string;
194
199
  export const bpSurfaceBadgeSurfaceRejected: string;
195
200
  export const bpSurfaceBadgeSurfaceRelay: string;
196
201
  export const bpSurfaceBadgeSurfaceSheets: string;
197
202
  export const bpSurfaceBadgeSurfaceSlides: string;
203
+ export const bpSurfaceBadgeSurfaceSpreadsheet: string;
198
204
  export const bpSurfaceBadgeSurfaceTask: string;
199
205
  export const bpSurfaceBadgeSurfaceTaskapproval: string;
206
+ export const bpSurfaceBadgeSurfaceText: string;
207
+ export const bpSurfaceBadgeSurfaceThreeD: string;
208
+ export const bpSurfaceBadgeSurfaceVector: string;
200
209
  export const bpSurfaceBadgeSurfaceVideo: string;
201
- export const bpSurfaceBadgeTextSurface: string;
202
- export const bpSurfaceBadgeThreeDSurface: string;
203
- export const bpSurfaceBadgeVectorSurface: string;
204
- export const bpSurfaceBadgeWordSurface: string;
205
- export const bpSurfaceBadgeZipSurface: string;
210
+ export const bpSurfaceBadgeSurfaceWord: string;
211
+ export const bpSurfaceBadgeSurfaceZip: string;
206
212
  export const bpSurfaceCalendarSurface: string;
207
213
  export const bpSurfaceCardSurface: string;
208
214
  export const bpSurfaceCardSurfaceFocus: string;
@@ -299,12 +305,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn: string;
299
305
  export const bpSurfaceFilterChipSurfaceSingleOnHover: string;
300
306
  export const bpSurfaceGhostSurface: string;
301
307
  export const bpSurfaceGhostSurfaceSecondary: string;
308
+ export const bpSurfaceIconButtonSurface: string;
309
+ export const bpSurfaceIconButtonSurfaceHover: string;
310
+ export const bpSurfaceIconButtonSurfacePressed: string;
302
311
  export const bpSurfaceIllustrationSurfaceBox: string;
303
312
  export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
304
313
  export const bpSurfaceInlineNoticeSurfaceError: string;
305
314
  export const bpSurfaceInlineNoticeSurfaceInfo: string;
306
315
  export const bpSurfaceInlineNoticeSurfaceSuccess: string;
307
316
  export const bpSurfaceInlineNoticeSurfaceWarning: string;
317
+ export const bpSurfaceInlineTableSurface: string;
308
318
  export const bpSurfaceInputSurface: string;
309
319
  export const bpSurfaceInputSurfaceError: string;
310
320
  export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -359,6 +369,7 @@ export const bpSurfaceSearchSurfaceActive: string;
359
369
  export const bpSurfaceSearchSurfaceComplete: string;
360
370
  export const bpSurfaceSearchSurfaceHover: string;
361
371
  export const bpSurfaceSelectSurface: string;
372
+ export const bpSurfaceSidePanelSurface: string;
362
373
  export const bpSurfaceSliderThumbSurface: string;
363
374
  export const bpSurfaceSliderThumbSurfaceHover: string;
364
375
  export const bpSurfaceSliderTrackSurface: string;
@@ -425,6 +436,7 @@ export const bpSurfaceTooltipSurface: string;
425
436
  export const bpSurfaceTooltipSurfaceError: string;
426
437
  export const bpSurfaceUploadSurfaceBrandNeutral: string;
427
438
  export const bpSurfaceSurface: string;
439
+ export const bpSurfaceSurfaceAvatar: string;
428
440
  export const bpSurfaceSurfaceBrand: string;
429
441
  export const bpSurfaceSurfaceBrandBusy: string;
430
442
  export const bpSurfaceSurfaceBrandDisabled: string;
package/dist/tokens/BP2/dark_mode_value/px-tokens.js CHANGED
@@ -47,6 +47,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
47
47
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
48
48
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
49
49
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
50
+ export const bpBorderInlineTableBorder = '#e8e8e8';
50
51
  export const bpBorderInputBorder = '#909090';
51
52
  export const bpBorderInputBorderError = '#ed3757';
52
53
  export const bpBorderInputBorderErrorFocus = '#ed3757';
@@ -93,6 +94,7 @@ export const bpBorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
93
94
  export const bpBorderSwitchBorder = '#bcbcbc';
94
95
  export const bpBorderSwitchBorderHover = '#bcbcbc';
95
96
  export const bpBorderTabBorder = '#e8e8e8';
97
+ export const bpBorderTabBorderFocus = '#bcbcbc';
96
98
  export const bpBorderTabBorderHover = '#bcbcbc';
97
99
  export const bpBorderTabBorderSelected = '#0061d5';
98
100
  export const bpBorderTabBorderSelectedFocus = '#0061d5';
@@ -107,6 +109,7 @@ export const bpBorderToggleTextBorderOffPressed = '#e8e8e8';
107
109
  export const bpBorderToggleTextBorderOn = '#99c0ee';
108
110
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
109
111
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
112
+ export const bpBorderToolbarBorder = '#e8e8e8';
110
113
  export const bpBorderTooltipBorderError = '#f69bab';
111
114
  export const bpBorderBorderAccordionHover = '#e8e8e8';
112
115
  export const bpBorder00 = '0px';
@@ -154,14 +157,8 @@ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
154
157
  export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
155
158
  export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
156
159
  export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
157
- export const bpSurfaceBadgeIllustratorSurface = '#051e25';
158
- export const bpSurfaceBadgeIndesignSurface = '#131415';
159
- export const bpSurfaceBadgeNumbersSurface = '#00a650';
160
- export const bpSurfaceBadgePhotoshopSurface = '#131415';
161
- export const bpSurfaceBadgePowerpointSurface = '#c43e1c';
162
- export const bpSurfaceBadgePresentationSurface = '#d97417';
163
- export const bpSurfaceBadgeSpreadsheetSurface = '#3fb87f';
164
160
  export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
161
+ export const bpSurfaceBadgeSurfaceAlert = '#d97417';
165
162
  export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
166
163
  export const bpSurfaceBadgeSurfaceAudio = '#9f3fed';
167
164
  export const bpSurfaceBadgeSurfaceBookmark = '#0061d5';
@@ -180,29 +177,38 @@ export const bpSurfaceBadgeSurfaceExcel = '#107c41';
180
177
  export const bpSurfaceBadgeSurfaceExternal = '#909090';
181
178
  export const bpSurfaceBadgeSurfaceFolderexternal = '#6f6f6f';
182
179
  export const bpSurfaceBadgeSurfaceFoldershared = '#2486fc';
180
+ export const bpSurfaceBadgeSurfaceForward = '#d97417';
183
181
  export const bpSurfaceBadgeSurfaceHubs = '#0061d5';
182
+ export const bpSurfaceBadgeSurfaceIllustrator = '#051e25';
184
183
  export const bpSurfaceBadgeSurfaceImage = '#1e9b67';
184
+ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
185
+ export const bpSurfaceBadgeSurfaceIndesign = '#131415';
185
186
  export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
186
187
  export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
187
188
  export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
189
+ export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
188
190
  export const bpSurfaceBadgeSurfaceOffline = '#26c281';
189
191
  export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
190
192
  export const bpSurfaceBadgeSurfacePages = '#ff9500';
191
193
  export const bpSurfaceBadgeSurfacePdf = '#d0021b';
194
+ export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
192
195
  export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
196
+ export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
197
+ export const bpSurfaceBadgeSurfacePresentation = '#d97417';
193
198
  export const bpSurfaceBadgeSurfaceProgress = '#f5b31b';
194
199
  export const bpSurfaceBadgeSurfaceRejected = '#d5324e';
195
200
  export const bpSurfaceBadgeSurfaceRelay = '#1d6bca';
196
201
  export const bpSurfaceBadgeSurfaceSheets = '#21a464';
197
202
  export const bpSurfaceBadgeSurfaceSlides = '#f7ba00';
203
+ export const bpSurfaceBadgeSurfaceSpreadsheet = '#3fb87f';
198
204
  export const bpSurfaceBadgeSurfaceTask = '#2486fc';
199
205
  export const bpSurfaceBadgeSurfaceTaskapproval = '#1d6bca';
206
+ export const bpSurfaceBadgeSurfaceText = '#0061d5';
207
+ export const bpSurfaceBadgeSurfaceThreeD = '#d97417';
208
+ export const bpSurfaceBadgeSurfaceVector = '#d97417';
200
209
  export const bpSurfaceBadgeSurfaceVideo = '#009aed';
201
- export const bpSurfaceBadgeTextSurface = '#0061d5';
202
- export const bpSurfaceBadgeThreeDSurface = '#d97417';
203
- export const bpSurfaceBadgeVectorSurface = '#d97417';
204
- export const bpSurfaceBadgeWordSurface = '#185abd';
205
- export const bpSurfaceBadgeZipSurface = '#6f6f6f';
210
+ export const bpSurfaceBadgeSurfaceWord = '#185abd';
211
+ export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
206
212
  export const bpSurfaceCalendarSurface = '#ffffff';
207
213
  export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
208
214
  export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
@@ -299,12 +305,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
299
305
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
300
306
  export const bpSurfaceGhostSurface = '#fbfbfb';
301
307
  export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
308
+ export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
309
+ export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
310
+ export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
302
311
  export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
303
312
  export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
304
313
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
305
314
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
306
315
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
307
316
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
317
+ export const bpSurfaceInlineTableSurface = '#ffffff';
308
318
  export const bpSurfaceInputSurface = '#ffffff';
309
319
  export const bpSurfaceInputSurfaceError = '#ffffff';
310
320
  export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -359,6 +369,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
359
369
  export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
360
370
  export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
361
371
  export const bpSurfaceSelectSurface = '#ffffff';
372
+ export const bpSurfaceSidePanelSurface = '#fbfbfb';
362
373
  export const bpSurfaceSliderThumbSurface = '#0061d5';
363
374
  export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
364
375
  export const bpSurfaceSliderTrackSurface = '#6f6f6f';
@@ -402,8 +413,8 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
402
413
  export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
403
414
  export const bpSurfaceSwitchSurfaceOn = '#0061d5';
404
415
  export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
405
- export const bpSurfaceTabSurfaceHover = '#f4f4f4';
406
- export const bpSurfaceTabSurfacePressed = '#e8e8e8';
416
+ export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
417
+ export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
407
418
  export const bpSurfaceTextHighlightSurface = '#fff7cc';
408
419
  export const bpSurfaceToggleSurface = '#ffffff';
409
420
  export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
@@ -420,11 +431,12 @@ export const bpSurfaceToggleTextSurfaceOffPressed = '#e8e8e8';
420
431
  export const bpSurfaceToggleTextSurfaceOn = '#e5effa';
421
432
  export const bpSurfaceToggleTextSurfaceOnHover = '#ccdff7';
422
433
  export const bpSurfaceToggleTextSurfaceOnPressed = '#b2cff2';
423
- export const bpSurfaceToolbarSurface = '#222222';
424
- export const bpSurfaceTooltipSurface = 'rgba(0, 0, 0, 0.9)';
425
- export const bpSurfaceTooltipSurfaceError = 'rgba(237, 55, 87, 0.2)';
434
+ export const bpSurfaceToolbarSurface = '#ffffff';
435
+ export const bpSurfaceTooltipSurface = '#222222';
436
+ export const bpSurfaceTooltipSurfaceError = '#fac3cd';
426
437
  export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
427
438
  export const bpSurfaceSurface = '#ffffff';
439
+ export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
428
440
  export const bpSurfaceSurfaceBrand = '#0061d5';
429
441
  export const bpSurfaceSurfaceBrandBusy = '#0061d5';
430
442
  export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
package/dist/tokens/BP2/dark_mode_value/tokens.css CHANGED
@@ -17,23 +17,24 @@
17
17
  --bp-icon-icon-illustrator: #ff9400;
18
18
  --bp-icon-icon-indesign: #ff57a1;
19
19
  --bp-icon-icon-photoshop: #26c9ff;
20
- --bp-surface-badge-illustrator-surface: #051e25;
21
- --bp-surface-badge-indesign-surface: #131415;
22
- --bp-surface-badge-numbers-surface: #00a650;
23
- --bp-surface-badge-photoshop-surface: #131415;
24
- --bp-surface-badge-powerpoint-surface: #c43e1c;
25
- --bp-surface-badge-spreadsheet-surface: #3fb87f;
26
20
  --bp-surface-badge-surface-docs: #4083f7;
27
21
  --bp-surface-badge-surface-drawing: #009aed;
28
22
  --bp-surface-badge-surface-excel: #107c41;
23
+ --bp-surface-badge-surface-illustrator: #051e25;
24
+ --bp-surface-badge-surface-indesign: #131415;
29
25
  --bp-surface-badge-surface-keynote: #0a84ff;
26
+ --bp-surface-badge-surface-numbers: #00a650;
30
27
  --bp-surface-badge-surface-pages: #ff9500;
31
28
  --bp-surface-badge-surface-pdf: #d0021b;
29
+ --bp-surface-badge-surface-photoshop: #131415;
30
+ --bp-surface-badge-surface-powerpoint: #c43e1c;
32
31
  --bp-surface-badge-surface-sheets: #21a464;
33
32
  --bp-surface-badge-surface-slides: #f7ba00;
33
+ --bp-surface-badge-surface-spreadsheet: #3fb87f;
34
34
  --bp-surface-badge-surface-video: #009aed;
35
- --bp-surface-badge-word-surface: #185abd;
35
+ --bp-surface-badge-surface-word: #185abd;
36
36
  --bp-surface-cursor-cursor-on-light: #000;
37
+ --bp-surface-toolbar-surface: #fff;
37
38
  --bp-surface-surface-brand: #0061d5;
38
39
  --bp-surface-surface-brand-busy: #0061d5;
39
40
  --bp-surface-surface-brand-disabled: #0061d5;
@@ -617,6 +618,7 @@
617
618
  --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
618
619
  --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
619
620
  --bp-border-grid-thumbnail-border: var(--bp-gray-10);
621
+ --bp-border-inline-table-border: var(--bp-gray-10);
620
622
  --bp-border-input-border: var(--bp-gray-50);
621
623
  --bp-border-input-border-error: var(--bp-watermelon-red-100);
622
624
  --bp-border-input-border-error-focus: var(--bp-watermelon-red-100);
@@ -663,6 +665,7 @@
663
665
  --bp-border-switch-border: var(--bp-gray-30);
664
666
  --bp-border-switch-border-hover: var(--bp-gray-30);
665
667
  --bp-border-tab-border: var(--bp-gray-10);
668
+ --bp-border-tab-border-focus: var(--bp-gray-30);
666
669
  --bp-border-tab-border-hover: var(--bp-gray-30);
667
670
  --bp-border-tab-border-selected: var(--bp-box-blue-100);
668
671
  --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
@@ -677,6 +680,7 @@
677
680
  --bp-border-toggle-text-border-on: var(--bp-box-blue-40);
678
681
  --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
679
682
  --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
683
+ --bp-border-toolbar-border: var(--bp-gray-10);
680
684
  --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
681
685
  --bp-border-border-accordion-hover: var(--bp-gray-10);
682
686
  --bp-icon-cta-icon: var(--bp-gray-65);
@@ -712,8 +716,8 @@
712
716
  --bp-surface-accordion-surface-collapsed-hover: var(--bp-black-opacity-08);
713
717
  --bp-surface-accordion-surface-expanded: var(--bp-gray-white);
714
718
  --bp-surface-accordion-surface-expanded-hover: var(--bp-gray-white);
715
- --bp-surface-badge-presentation-surface: var(--bp-orange-110);
716
719
  --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
720
+ --bp-surface-badge-surface-alert: var(--bp-orange-110);
717
721
  --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
718
722
  --bp-surface-badge-surface-audio: var(--bp-purple-rain-100);
719
723
  --bp-surface-badge-surface-bookmark: var(--bp-box-blue-100);
@@ -729,22 +733,25 @@
729
733
  --bp-surface-badge-surface-external: var(--bp-gray-50);
730
734
  --bp-surface-badge-surface-folderexternal: var(--bp-gray-65);
731
735
  --bp-surface-badge-surface-foldershared: var(--bp-light-blue-100);
736
+ --bp-surface-badge-surface-forward: var(--bp-orange-110);
732
737
  --bp-surface-badge-surface-hubs: var(--bp-box-blue-100);
733
738
  --bp-surface-badge-surface-image: var(--bp-green-light-120);
739
+ --bp-surface-badge-surface-in-progress: var(--bp-light-blue-100);
734
740
  --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
735
741
  --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
736
742
  --bp-surface-badge-surface-offline: var(--bp-green-light-100);
737
743
  --bp-surface-badge-surface-online: var(--bp-green-light-120);
738
744
  --bp-surface-badge-surface-pin: var(--bp-gray-10);
745
+ --bp-surface-badge-surface-presentation: var(--bp-orange-110);
739
746
  --bp-surface-badge-surface-progress: var(--bp-yellorange-100);
740
747
  --bp-surface-badge-surface-rejected: var(--bp-watermelon-red-110);
741
748
  --bp-surface-badge-surface-relay: var(--bp-light-blue-120);
742
749
  --bp-surface-badge-surface-task: var(--bp-light-blue-100);
743
750
  --bp-surface-badge-surface-taskapproval: var(--bp-light-blue-120);
744
- --bp-surface-badge-text-surface: var(--bp-box-blue-100);
745
- --bp-surface-badge-three-d-surface: var(--bp-orange-110);
746
- --bp-surface-badge-vector-surface: var(--bp-orange-110);
747
- --bp-surface-badge-zip-surface: var(--bp-gray-65);
751
+ --bp-surface-badge-surface-text: var(--bp-box-blue-100);
752
+ --bp-surface-badge-surface-three-d: var(--bp-orange-110);
753
+ --bp-surface-badge-surface-vector: var(--bp-orange-110);
754
+ --bp-surface-badge-surface-zip: var(--bp-gray-65);
748
755
  --bp-surface-calendar-surface: var(--bp-gray-white);
749
756
  --bp-surface-card-surface: var(--bp-white-opacity-70);
750
757
  --bp-surface-card-surface-focus: var(--bp-box-blue-05);
@@ -840,12 +847,16 @@
840
847
  --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
841
848
  --bp-surface-ghost-surface: var(--bp-gray-02);
842
849
  --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
850
+ --bp-surface-icon-button-surface: var(--bp-black-opacity-00);
851
+ --bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
852
+ --bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
843
853
  --bp-surface-illustration-surface-box: var(--bp-box-blue-100);
844
854
  --bp-surface-illustration-surface-box-neutral: var(--bp-box-blue-100);
845
855
  --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
846
856
  --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
847
857
  --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
848
858
  --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
859
+ --bp-surface-inline-table-surface: var(--bp-gray-white);
849
860
  --bp-surface-input-surface: var(--bp-gray-white);
850
861
  --bp-surface-input-surface-error: var(--bp-gray-white);
851
862
  --bp-surface-input-surface-error-focus: var(--bp-gray-white);
@@ -900,6 +911,7 @@
900
911
  --bp-surface-search-surface-complete: var(--bp-gray-05);
901
912
  --bp-surface-search-surface-hover: var(--bp-gray-02);
902
913
  --bp-surface-select-surface: var(--bp-gray-white);
914
+ --bp-surface-side-panel-surface: var(--bp-gray-02);
903
915
  --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
904
916
  --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
905
917
  --bp-surface-slider-track-surface: var(--bp-gray-65);
@@ -943,8 +955,8 @@
943
955
  --bp-surface-switch-surface-off-hover: var(--bp-gray-30);
944
956
  --bp-surface-switch-surface-on: var(--bp-box-blue-100);
945
957
  --bp-surface-switch-surface-on-hover: var(--bp-light-blue-110);
946
- --bp-surface-tab-surface-hover: var(--bp-gray-05);
947
- --bp-surface-tab-surface-pressed: var(--bp-gray-10);
958
+ --bp-surface-tab-surface-hover: var(--bp-white-opacity-00);
959
+ --bp-surface-tab-surface-pressed: var(--bp-white-opacity-00);
948
960
  --bp-surface-text-highlight-surface: var(--bp-yellow-20);
949
961
  --bp-surface-toggle-surface: var(--bp-gray-white);
950
962
  --bp-surface-toggle-surface-hover: var(--bp-gray-05);
@@ -961,11 +973,11 @@
961
973
  --bp-surface-toggle-text-surface-on: var(--bp-box-blue-10);
962
974
  --bp-surface-toggle-text-surface-on-hover: var(--bp-box-blue-20);
963
975
  --bp-surface-toggle-text-surface-on-pressed: var(--bp-box-blue-30);
964
- --bp-surface-toolbar-surface: var(--bp-gray-100);
965
- --bp-surface-tooltip-surface: var(--bp-black-opacity-90);
966
- --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-opacity-20);
976
+ --bp-surface-tooltip-surface: var(--bp-gray-100);
977
+ --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-30);
967
978
  --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
968
979
  --bp-surface-surface: var(--bp-gray-white);
980
+ --bp-surface-surface-avatar: var(--bp-black-opacity-04);
969
981
  --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
970
982
  --bp-surface-surface-hover: var(--bp-gray-05);
971
983
  --bp-surface-surface-quaternary: var(--bp-gray-20);
package/dist/tokens/BP2/dark_mode_value/tokens.d.ts CHANGED
@@ -43,6 +43,7 @@ export const bpBorderDropdownBorderHover: string;
43
43
  export const bpBorderFilterChipBorderMultiOn: string;
44
44
  export const bpBorderFilterChipBorderMultiOnHover: string;
45
45
  export const bpBorderGridThumbnailBorder: string;
46
+ export const bpBorderInlineTableBorder: string;
46
47
  export const bpBorderInputBorder: string;
47
48
  export const bpBorderInputBorderError: string;
48
49
  export const bpBorderInputBorderErrorFocus: string;
@@ -89,6 +90,7 @@ export const bpBorderStatusBorderHover: string;
89
90
  export const bpBorderSwitchBorder: string;
90
91
  export const bpBorderSwitchBorderHover: string;
91
92
  export const bpBorderTabBorder: string;
93
+ export const bpBorderTabBorderFocus: string;
92
94
  export const bpBorderTabBorderHover: string;
93
95
  export const bpBorderTabBorderSelected: string;
94
96
  export const bpBorderTabBorderSelectedFocus: string;
@@ -103,6 +105,7 @@ export const bpBorderToggleTextBorderOffPressed: string;
103
105
  export const bpBorderToggleTextBorderOn: string;
104
106
  export const bpBorderToggleTextBorderOnHover: string;
105
107
  export const bpBorderToggleTextBorderOnPressed: string;
108
+ export const bpBorderToolbarBorder: string;
106
109
  export const bpBorderTooltipBorderError: string;
107
110
  export const bpBorderBorderAccordionHover: string;
108
111
  export const bpBorder00: string;
@@ -150,14 +153,8 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
150
153
  export const bpSurfaceAccordionSurfaceCollapsedHover: string;
151
154
  export const bpSurfaceAccordionSurfaceExpanded: string;
152
155
  export const bpSurfaceAccordionSurfaceExpandedHover: string;
153
- export const bpSurfaceBadgeIllustratorSurface: string;
154
- export const bpSurfaceBadgeIndesignSurface: string;
155
- export const bpSurfaceBadgeNumbersSurface: string;
156
- export const bpSurfaceBadgePhotoshopSurface: string;
157
- export const bpSurfaceBadgePowerpointSurface: string;
158
- export const bpSurfaceBadgePresentationSurface: string;
159
- export const bpSurfaceBadgeSpreadsheetSurface: string;
160
156
  export const bpSurfaceBadgeSurfaceAdmin: string;
157
+ export const bpSurfaceBadgeSurfaceAlert: string;
161
158
  export const bpSurfaceBadgeSurfaceAnnotation: string;
162
159
  export const bpSurfaceBadgeSurfaceAudio: string;
163
160
  export const bpSurfaceBadgeSurfaceBookmark: string;
@@ -176,29 +173,38 @@ export const bpSurfaceBadgeSurfaceExcel: string;
176
173
  export const bpSurfaceBadgeSurfaceExternal: string;
177
174
  export const bpSurfaceBadgeSurfaceFolderexternal: string;
178
175
  export const bpSurfaceBadgeSurfaceFoldershared: string;
176
+ export const bpSurfaceBadgeSurfaceForward: string;
179
177
  export const bpSurfaceBadgeSurfaceHubs: string;
178
+ export const bpSurfaceBadgeSurfaceIllustrator: string;
180
179
  export const bpSurfaceBadgeSurfaceImage: string;
180
+ export const bpSurfaceBadgeSurfaceInProgress: string;
181
+ export const bpSurfaceBadgeSurfaceIndesign: string;
181
182
  export const bpSurfaceBadgeSurfaceKeynote: string;
182
183
  export const bpSurfaceBadgeSurfaceMention: string;
183
184
  export const bpSurfaceBadgeSurfaceNotification: string;
185
+ export const bpSurfaceBadgeSurfaceNumbers: string;
184
186
  export const bpSurfaceBadgeSurfaceOffline: string;
185
187
  export const bpSurfaceBadgeSurfaceOnline: string;
186
188
  export const bpSurfaceBadgeSurfacePages: string;
187
189
  export const bpSurfaceBadgeSurfacePdf: string;
190
+ export const bpSurfaceBadgeSurfacePhotoshop: string;
188
191
  export const bpSurfaceBadgeSurfacePin: string;
192
+ export const bpSurfaceBadgeSurfacePowerpoint: string;
193
+ export const bpSurfaceBadgeSurfacePresentation: string;
189
194
  export const bpSurfaceBadgeSurfaceProgress: string;
190
195
  export const bpSurfaceBadgeSurfaceRejected: string;
191
196
  export const bpSurfaceBadgeSurfaceRelay: string;
192
197
  export const bpSurfaceBadgeSurfaceSheets: string;
193
198
  export const bpSurfaceBadgeSurfaceSlides: string;
199
+ export const bpSurfaceBadgeSurfaceSpreadsheet: string;
194
200
  export const bpSurfaceBadgeSurfaceTask: string;
195
201
  export const bpSurfaceBadgeSurfaceTaskapproval: string;
202
+ export const bpSurfaceBadgeSurfaceText: string;
203
+ export const bpSurfaceBadgeSurfaceThreeD: string;
204
+ export const bpSurfaceBadgeSurfaceVector: string;
196
205
  export const bpSurfaceBadgeSurfaceVideo: string;
197
- export const bpSurfaceBadgeTextSurface: string;
198
- export const bpSurfaceBadgeThreeDSurface: string;
199
- export const bpSurfaceBadgeVectorSurface: string;
200
- export const bpSurfaceBadgeWordSurface: string;
201
- export const bpSurfaceBadgeZipSurface: string;
206
+ export const bpSurfaceBadgeSurfaceWord: string;
207
+ export const bpSurfaceBadgeSurfaceZip: string;
202
208
  export const bpSurfaceCalendarSurface: string;
203
209
  export const bpSurfaceCardSurface: string;
204
210
  export const bpSurfaceCardSurfaceFocus: string;
@@ -295,12 +301,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn: string;
295
301
  export const bpSurfaceFilterChipSurfaceSingleOnHover: string;
296
302
  export const bpSurfaceGhostSurface: string;
297
303
  export const bpSurfaceGhostSurfaceSecondary: string;
304
+ export const bpSurfaceIconButtonSurface: string;
305
+ export const bpSurfaceIconButtonSurfaceHover: string;
306
+ export const bpSurfaceIconButtonSurfacePressed: string;
298
307
  export const bpSurfaceIllustrationSurfaceBox: string;
299
308
  export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
300
309
  export const bpSurfaceInlineNoticeSurfaceError: string;
301
310
  export const bpSurfaceInlineNoticeSurfaceInfo: string;
302
311
  export const bpSurfaceInlineNoticeSurfaceSuccess: string;
303
312
  export const bpSurfaceInlineNoticeSurfaceWarning: string;
313
+ export const bpSurfaceInlineTableSurface: string;
304
314
  export const bpSurfaceInputSurface: string;
305
315
  export const bpSurfaceInputSurfaceError: string;
306
316
  export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -355,6 +365,7 @@ export const bpSurfaceSearchSurfaceActive: string;
355
365
  export const bpSurfaceSearchSurfaceComplete: string;
356
366
  export const bpSurfaceSearchSurfaceHover: string;
357
367
  export const bpSurfaceSelectSurface: string;
368
+ export const bpSurfaceSidePanelSurface: string;
358
369
  export const bpSurfaceSliderThumbSurface: string;
359
370
  export const bpSurfaceSliderThumbSurfaceHover: string;
360
371
  export const bpSurfaceSliderTrackSurface: string;
@@ -421,6 +432,7 @@ export const bpSurfaceTooltipSurface: string;
421
432
  export const bpSurfaceTooltipSurfaceError: string;
422
433
  export const bpSurfaceUploadSurfaceBrandNeutral: string;
423
434
  export const bpSurfaceSurface: string;
435
+ export const bpSurfaceSurfaceAvatar: string;
424
436
  export const bpSurfaceSurfaceBrand: string;
425
437
  export const bpSurfaceSurfaceBrandBusy: string;
426
438
  export const bpSurfaceSurfaceBrandDisabled: string;
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -43,6 +43,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
43
43
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
44
44
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
45
45
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
46
+ export const bpBorderInlineTableBorder = '#e8e8e8';
46
47
  export const bpBorderInputBorder = '#909090';
47
48
  export const bpBorderInputBorderError = '#ed3757';
48
49
  export const bpBorderInputBorderErrorFocus = '#ed3757';
@@ -89,6 +90,7 @@ export const bpBorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
89
90
  export const bpBorderSwitchBorder = '#bcbcbc';
90
91
  export const bpBorderSwitchBorderHover = '#bcbcbc';
91
92
  export const bpBorderTabBorder = '#e8e8e8';
93
+ export const bpBorderTabBorderFocus = '#bcbcbc';
92
94
  export const bpBorderTabBorderHover = '#bcbcbc';
93
95
  export const bpBorderTabBorderSelected = '#0061d5';
94
96
  export const bpBorderTabBorderSelectedFocus = '#0061d5';
@@ -103,6 +105,7 @@ export const bpBorderToggleTextBorderOffPressed = '#e8e8e8';
103
105
  export const bpBorderToggleTextBorderOn = '#99c0ee';
104
106
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
105
107
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
108
+ export const bpBorderToolbarBorder = '#e8e8e8';
106
109
  export const bpBorderTooltipBorderError = '#f69bab';
107
110
  export const bpBorderBorderAccordionHover = '#e8e8e8';
108
111
  export const bpBorder00 = '0';
@@ -150,14 +153,8 @@ export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
150
153
  export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
151
154
  export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
152
155
  export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
153
- export const bpSurfaceBadgeIllustratorSurface = '#051e25';
154
- export const bpSurfaceBadgeIndesignSurface = '#131415';
155
- export const bpSurfaceBadgeNumbersSurface = '#00a650';
156
- export const bpSurfaceBadgePhotoshopSurface = '#131415';
157
- export const bpSurfaceBadgePowerpointSurface = '#c43e1c';
158
- export const bpSurfaceBadgePresentationSurface = '#d97417';
159
- export const bpSurfaceBadgeSpreadsheetSurface = '#3fb87f';
160
156
  export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
157
+ export const bpSurfaceBadgeSurfaceAlert = '#d97417';
161
158
  export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
162
159
  export const bpSurfaceBadgeSurfaceAudio = '#9f3fed';
163
160
  export const bpSurfaceBadgeSurfaceBookmark = '#0061d5';
@@ -176,29 +173,38 @@ export const bpSurfaceBadgeSurfaceExcel = '#107c41';
176
173
  export const bpSurfaceBadgeSurfaceExternal = '#909090';
177
174
  export const bpSurfaceBadgeSurfaceFolderexternal = '#6f6f6f';
178
175
  export const bpSurfaceBadgeSurfaceFoldershared = '#2486fc';
176
+ export const bpSurfaceBadgeSurfaceForward = '#d97417';
179
177
  export const bpSurfaceBadgeSurfaceHubs = '#0061d5';
178
+ export const bpSurfaceBadgeSurfaceIllustrator = '#051e25';
180
179
  export const bpSurfaceBadgeSurfaceImage = '#1e9b67';
180
+ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
181
+ export const bpSurfaceBadgeSurfaceIndesign = '#131415';
181
182
  export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
182
183
  export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
183
184
  export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
185
+ export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
184
186
  export const bpSurfaceBadgeSurfaceOffline = '#26c281';
185
187
  export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
186
188
  export const bpSurfaceBadgeSurfacePages = '#ff9500';
187
189
  export const bpSurfaceBadgeSurfacePdf = '#d0021b';
190
+ export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
188
191
  export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
192
+ export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
193
+ export const bpSurfaceBadgeSurfacePresentation = '#d97417';
189
194
  export const bpSurfaceBadgeSurfaceProgress = '#f5b31b';
190
195
  export const bpSurfaceBadgeSurfaceRejected = '#d5324e';
191
196
  export const bpSurfaceBadgeSurfaceRelay = '#1d6bca';
192
197
  export const bpSurfaceBadgeSurfaceSheets = '#21a464';
193
198
  export const bpSurfaceBadgeSurfaceSlides = '#f7ba00';
199
+ export const bpSurfaceBadgeSurfaceSpreadsheet = '#3fb87f';
194
200
  export const bpSurfaceBadgeSurfaceTask = '#2486fc';
195
201
  export const bpSurfaceBadgeSurfaceTaskapproval = '#1d6bca';
202
+ export const bpSurfaceBadgeSurfaceText = '#0061d5';
203
+ export const bpSurfaceBadgeSurfaceThreeD = '#d97417';
204
+ export const bpSurfaceBadgeSurfaceVector = '#d97417';
196
205
  export const bpSurfaceBadgeSurfaceVideo = '#009aed';
197
- export const bpSurfaceBadgeTextSurface = '#0061d5';
198
- export const bpSurfaceBadgeThreeDSurface = '#d97417';
199
- export const bpSurfaceBadgeVectorSurface = '#d97417';
200
- export const bpSurfaceBadgeWordSurface = '#185abd';
201
- export const bpSurfaceBadgeZipSurface = '#6f6f6f';
206
+ export const bpSurfaceBadgeSurfaceWord = '#185abd';
207
+ export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
202
208
  export const bpSurfaceCalendarSurface = '#ffffff';
203
209
  export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
204
210
  export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
@@ -295,12 +301,16 @@ export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
295
301
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
296
302
  export const bpSurfaceGhostSurface = '#fbfbfb';
297
303
  export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
304
+ export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
305
+ export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
306
+ export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
298
307
  export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
299
308
  export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
300
309
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
301
310
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
302
311
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
303
312
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
313
+ export const bpSurfaceInlineTableSurface = '#ffffff';
304
314
  export const bpSurfaceInputSurface = '#ffffff';
305
315
  export const bpSurfaceInputSurfaceError = '#ffffff';
306
316
  export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -355,6 +365,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
355
365
  export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
356
366
  export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
357
367
  export const bpSurfaceSelectSurface = '#ffffff';
368
+ export const bpSurfaceSidePanelSurface = '#fbfbfb';
358
369
  export const bpSurfaceSliderThumbSurface = '#0061d5';
359
370
  export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
360
371
  export const bpSurfaceSliderTrackSurface = '#6f6f6f';
@@ -398,8 +409,8 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
398
409
  export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
399
410
  export const bpSurfaceSwitchSurfaceOn = '#0061d5';
400
411
  export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
401
- export const bpSurfaceTabSurfaceHover = '#f4f4f4';
402
- export const bpSurfaceTabSurfacePressed = '#e8e8e8';
412
+ export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
413
+ export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
403
414
  export const bpSurfaceTextHighlightSurface = '#fff7cc';
404
415
  export const bpSurfaceToggleSurface = '#ffffff';
405
416
  export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
@@ -416,11 +427,12 @@ export const bpSurfaceToggleTextSurfaceOffPressed = '#e8e8e8';
416
427
  export const bpSurfaceToggleTextSurfaceOn = '#e5effa';
417
428
  export const bpSurfaceToggleTextSurfaceOnHover = '#ccdff7';
418
429
  export const bpSurfaceToggleTextSurfaceOnPressed = '#b2cff2';
419
- export const bpSurfaceToolbarSurface = '#222222';
420
- export const bpSurfaceTooltipSurface = 'rgba(0, 0, 0, 0.9)';
421
- export const bpSurfaceTooltipSurfaceError = 'rgba(237, 55, 87, 0.2)';
430
+ export const bpSurfaceToolbarSurface = '#ffffff';
431
+ export const bpSurfaceTooltipSurface = '#222222';
432
+ export const bpSurfaceTooltipSurfaceError = '#fac3cd';
422
433
  export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
423
434
  export const bpSurfaceSurface = '#ffffff';
435
+ export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
424
436
  export const bpSurfaceSurfaceBrand = '#0061d5';
425
437
  export const bpSurfaceSurfaceBrandBusy = '#0061d5';
426
438
  export const bpSurfaceSurfaceBrandDisabled = '#0061d5';