@box/blueprint-web-assets 4.65.3 → 4.66.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 (22) hide show
  1. package/dist/icons/Logo/MicrosoftExcel.js +1 -1
  2. package/dist/icons/Logo/index.d.ts +1 -1
  3. package/dist/icons/Logo/index.js +1 -1
  4. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +16 -16
  5. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +22 -22
  6. package/dist/tokens/BP2/dark_mode_value/tokens.css +23 -23
  7. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +16 -16
  8. package/dist/tokens/BP2/dark_mode_value/tokens.js +22 -22
  9. package/dist/tokens/BP2/dark_mode_value/tokens.json +22 -22
  10. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +16 -16
  11. package/dist/tokens/BP2/light_mode_value/px-tokens.js +27 -27
  12. package/dist/tokens/BP2/light_mode_value/tokens.css +27 -27
  13. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +16 -16
  14. package/dist/tokens/BP2/light_mode_value/tokens.js +27 -27
  15. package/dist/tokens/BP2/light_mode_value/tokens.json +27 -27
  16. package/dist/tokens/px-tokens.d.ts +16 -16
  17. package/dist/tokens/px-tokens.js +25 -27
  18. package/dist/tokens/tokens-css-vars.scss +27 -27
  19. package/dist/tokens/tokens.d.ts +16 -16
  20. package/dist/tokens/tokens.js +25 -27
  21. package/dist/tokens/tokens.json +27 -27
  22. package/package.json +2 -2
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -2,7 +2,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
2
2
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
3
3
  export const bpBorderBadgeBorder = '#ffffff';
4
4
  export const bpBorderCardBorder = '#e8e8e8';
5
- export const bpBorderCardBorderFocus = '#0061d5';
6
5
  export const bpBorderCardBorderHover = '#e8e8e8';
7
6
  export const bpBorderCardBorderPressed = '#e8e8e8';
8
7
  export const bpBorderCheckboxBorder = '#6f6f6f';
@@ -14,14 +13,9 @@ export const bpBorderComboboxBorder = '#909090';
14
13
  export const bpBorderComboboxBorderHover = '#6f6f6f';
15
14
  export const bpBorderContentButtonBorderHoverActive = '#909090';
16
15
  export const bpBorderContentButtonBorderSelected = '#909090';
17
- export const bpBorderCtaBorderOutline = '#000000';
16
+ export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
18
17
  export const bpBorderCtaBorderOutlineDisabled = '#646464';
19
- export const bpBorderCtaBorderOutlineHover = '#000000';
20
- export const bpBorderCtaBorderOutlinePressed = '#000000';
21
- export const bpBorderCtaBorderSecondary = '#bcbcbc';
22
- export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
23
- export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
24
- export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
18
+ export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
25
19
  export const bpBorderDatePickerDayBorderFocus = '#2486fc';
26
20
  export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
27
21
  export const bpBorderDatePickerBorderActive = '#2486fc';
@@ -43,6 +37,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
43
37
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
44
38
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
45
39
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
40
+ export const bpBorderHeaderBorder = '#e8e8e8';
46
41
  export const bpBorderInlineTableBorder = '#e8e8e8';
47
42
  export const bpBorderInputBorder = '#909090';
48
43
  export const bpBorderInputBorderError = '#ed3757';
@@ -51,10 +46,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
51
46
  export const bpBorderInputBorderFocus = '#2486fc';
52
47
  export const bpBorderInputBorderHover = '#6f6f6f';
53
48
  export const bpBorderInputChipBorderError = '#ed3757';
49
+ export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
54
50
  export const bpBorderItemSmallBorderSelected = '#0061d5';
55
51
  export const bpBorderItemBorderHover = '#e8e8e8';
56
52
  export const bpBorderItemBorderSelected = '#0061d5';
57
53
  export const bpBorderListItemBorder = '#e8e8e8';
54
+ export const bpBorderListItemBorderQuote = '#909090';
58
55
  export const bpBorderListItemBorderSelected = '#0061d5';
59
56
  export const bpBorderMenuBorder = '#e8e8e8';
60
57
  export const bpBorderMessageBorderError = '#ed3757';
@@ -95,6 +92,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
95
92
  export const bpBorderTabBorderSelected = '#0061d5';
96
93
  export const bpBorderTabBorderSelectedFocus = '#0061d5';
97
94
  export const bpBorderTabBorderSelectedHover = '#0061d5';
95
+ export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
98
96
  export const bpBorderToggleBorder = '#bcbcbc';
99
97
  export const bpBorderToggleBorderOff = '#ffffff';
100
98
  export const bpBorderToggleBorderOn = '#99c0ee';
@@ -106,6 +104,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
106
104
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
107
105
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
108
106
  export const bpBorderToolbarBorder = '#e8e8e8';
107
+ export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
109
108
  export const bpBorderTooltipBorderError = '#f69bab';
110
109
  export const bpBorderBorderAccordionHover = '#e8e8e8';
111
110
  export const bpBorder00 = '0';
@@ -117,11 +116,11 @@ export const bpBorder05 = '0.3125rem';
117
116
  export const bpBorder06 = '0.375rem';
118
117
  export const bpBorder07 = '0.4375rem';
119
118
  export const bpBorder08 = '0.5rem';
120
- export const bpIconCtaIcon = '#6f6f6f';
121
- export const bpIconCtaIconHover = '#222222';
122
- export const bpIconCtaIconOnColor = '#000000';
123
- export const bpIconCtaIconOnColorHover = '#000000';
124
- export const bpIconCtaIconOnColorPressed = '#000000';
119
+ export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
120
+ export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
121
+ export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
122
+ export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
123
+ export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
125
124
  export const bpIconCtaIconPressed = '#222222';
126
125
  export const bpIconCtaIconUtility = '#4e4e4e';
127
126
  export const bpIconCtaIconUtilityHover = '#000000';
@@ -181,6 +180,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
181
180
  export const bpSurfaceBadgeSurfaceIndesign = '#131415';
182
181
  export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
183
182
  export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
183
+ export const bpSurfaceBadgeSurfaceModified = '#2486fc';
184
184
  export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
185
185
  export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
186
186
  export const bpSurfaceBadgeSurfaceOffline = '#26c281';
@@ -229,7 +229,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
229
229
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
230
230
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
231
231
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
232
- export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
233
232
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
234
233
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
235
234
  export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
@@ -244,15 +243,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
244
243
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
245
244
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
246
245
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
247
- export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
248
- export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
249
- export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
250
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
251
246
  export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
252
247
  export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
253
248
  export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
254
- export const bpSurfaceCtaSurfaceTertiaryHover = '#f4f4f4';
255
- export const bpSurfaceCtaSurfaceTertiaryPressed = '#e8e8e8';
249
+ export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
250
+ export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
256
251
  export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
257
252
  export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
258
253
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
@@ -326,8 +321,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
326
321
  export const bpSurfaceItemSurfaceHover = '#ffffff';
327
322
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
328
323
  export const bpSurfaceListItemSurface = '#ffffff';
329
- export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
324
+ export const bpSurfaceListItemSurfaceHover = '#ffffff';
325
+ export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
330
326
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
327
+ export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
331
328
  export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
332
329
  export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
333
330
  export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
@@ -344,6 +341,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
344
341
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
345
342
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
346
343
  export const bpSurfaceModalSurface = '#ffffff';
344
+ export const bpSurfaceModalSurfaceGray = '#f4f4f4';
347
345
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
348
346
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
349
347
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -412,6 +410,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
412
410
  export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
413
411
  export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
414
412
  export const bpSurfaceTextHighlightSurface = '#fff7cc';
413
+ export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0.9)';
414
+ export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
415
+ export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
415
416
  export const bpSurfaceToggleSurface = '#ffffff';
416
417
  export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
417
418
  export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
@@ -432,7 +433,6 @@ export const bpSurfaceTooltipSurface = '#222222';
432
433
  export const bpSurfaceTooltipSurfaceError = '#fac3cd';
433
434
  export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
434
435
  export const bpSurfaceSurface = '#ffffff';
435
- export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
436
436
  export const bpSurfaceSurfaceBrand = '#0061d5';
437
437
  export const bpSurfaceSurfaceBrandBusy = '#0061d5';
438
438
  export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
package/dist/tokens/BP2/dark_mode_value/tokens.json CHANGED
@@ -3,7 +3,6 @@
3
3
  "BpBorderAvatarBorderPressed": "rgba(0, 0, 0, 0.08)",
4
4
  "BpBorderBadgeBorder": "#ffffff",
5
5
  "BpBorderCardBorder": "#e8e8e8",
6
- "BpBorderCardBorderFocus": "#0061d5",
7
6
  "BpBorderCardBorderHover": "#e8e8e8",
8
7
  "BpBorderCardBorderPressed": "#e8e8e8",
9
8
  "BpBorderCheckboxBorder": "#6f6f6f",
@@ -15,14 +14,9 @@
15
14
  "BpBorderComboboxBorderHover": "#6f6f6f",
16
15
  "BpBorderContentButtonBorderHoverActive": "#909090",
17
16
  "BpBorderContentButtonBorderSelected": "#909090",
18
- "BpBorderCtaBorderOutline": "#000000",
17
+ "BpBorderCtaBorderHighContrast": "rgba(0, 0, 0, 0.9)",
19
18
  "BpBorderCtaBorderOutlineDisabled": "#646464",
20
- "BpBorderCtaBorderOutlineHover": "#000000",
21
- "BpBorderCtaBorderOutlinePressed": "#000000",
22
- "BpBorderCtaBorderSecondary": "#bcbcbc",
23
- "BpBorderCtaBorderSecondaryDisabled": "#e8e8e8",
24
- "BpBorderCtaBorderSecondaryHover": "#bcbcbc",
25
- "BpBorderCtaBorderSecondaryPressed": "#bcbcbc",
19
+ "BpBorderCtaBorderSecondary": "rgba(0, 0, 0, 0.08)",
26
20
  "BpBorderDatePickerDayBorderFocus": "#2486fc",
27
21
  "BpBorderDatePickerDayBorderSelectedFocus": "#2486fc",
28
22
  "BpBorderDatePickerBorderActive": "#2486fc",
@@ -44,6 +38,7 @@
44
38
  "BpBorderFilterChipBorderMultiOn": "#99c0ee",
45
39
  "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
46
40
  "BpBorderGridThumbnailBorder": "#e8e8e8",
41
+ "BpBorderHeaderBorder": "#e8e8e8",
47
42
  "BpBorderInlineTableBorder": "#e8e8e8",
48
43
  "BpBorderInputBorder": "#909090",
49
44
  "BpBorderInputBorderError": "#ed3757",
@@ -52,10 +47,12 @@
52
47
  "BpBorderInputBorderFocus": "#2486fc",
53
48
  "BpBorderInputBorderHover": "#6f6f6f",
54
49
  "BpBorderInputChipBorderError": "#ed3757",
50
+ "BpBorderInputChipBorderShadow": "rgba(0, 0, 0, 0.04)",
55
51
  "BpBorderItemSmallBorderSelected": "#0061d5",
56
52
  "BpBorderItemBorderHover": "#e8e8e8",
57
53
  "BpBorderItemBorderSelected": "#0061d5",
58
54
  "BpBorderListItemBorder": "#e8e8e8",
55
+ "BpBorderListItemBorderQuote": "#909090",
59
56
  "BpBorderListItemBorderSelected": "#0061d5",
60
57
  "BpBorderMenuBorder": "#e8e8e8",
61
58
  "BpBorderMessageBorderError": "#ed3757",
@@ -96,6 +93,7 @@
96
93
  "BpBorderTabBorderSelected": "#0061d5",
97
94
  "BpBorderTabBorderSelectedFocus": "#0061d5",
98
95
  "BpBorderTabBorderSelectedHover": "#0061d5",
96
+ "BpBorderTimePickerBorderSelectedFocus": "#0061d5",
99
97
  "BpBorderToggleBorder": "#bcbcbc",
100
98
  "BpBorderToggleBorderOff": "#ffffff",
101
99
  "BpBorderToggleBorderOn": "#99c0ee",
@@ -107,6 +105,7 @@
107
105
  "BpBorderToggleTextBorderOnHover": "#99c0ee",
108
106
  "BpBorderToggleTextBorderOnPressed": "#99c0ee",
109
107
  "BpBorderToolbarBorder": "#e8e8e8",
108
+ "BpBorderTooltipBorder": "rgba(255, 255, 255, 0.16)",
110
109
  "BpBorderTooltipBorderError": "#f69bab",
111
110
  "BpBorderBorderAccordionHover": "#e8e8e8",
112
111
  "BpBorder00": "0",
@@ -118,11 +117,11 @@
118
117
  "BpBorder06": "0.375rem",
119
118
  "BpBorder07": "0.4375rem",
120
119
  "BpBorder08": "0.5rem",
121
- "BpIconCtaIcon": "#6f6f6f",
122
- "BpIconCtaIconHover": "#222222",
123
- "BpIconCtaIconOnColor": "#000000",
124
- "BpIconCtaIconOnColorHover": "#000000",
125
- "BpIconCtaIconOnColorPressed": "#000000",
120
+ "BpIconCtaIcon": "rgba(0, 0, 0, 0.6)",
121
+ "BpIconCtaIconHighContrast": "rgba(0, 0, 0, 0.9)",
122
+ "BpIconCtaIconHighContrastHover": "rgba(0, 0, 0, 0.9)",
123
+ "BpIconCtaIconHighContrastPressed": "rgba(0, 0, 0, 0.9)",
124
+ "BpIconCtaIconHover": "rgba(0, 0, 0, 0.9)",
126
125
  "BpIconCtaIconPressed": "#222222",
127
126
  "BpIconCtaIconUtility": "#4e4e4e",
128
127
  "BpIconCtaIconUtilityHover": "#000000",
@@ -182,6 +181,7 @@
182
181
  "BpSurfaceBadgeSurfaceIndesign": "#131415",
183
182
  "BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
184
183
  "BpSurfaceBadgeSurfaceMention": "#1d6bca",
184
+ "BpSurfaceBadgeSurfaceModified": "#2486fc",
185
185
  "BpSurfaceBadgeSurfaceNotification": "#d5324e",
186
186
  "BpSurfaceBadgeSurfaceNumbers": "#00a650",
187
187
  "BpSurfaceBadgeSurfaceOffline": "#26c281",
@@ -230,7 +230,6 @@
230
230
  "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "#fdebee",
231
231
  "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
232
232
  "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
233
- "BpSurfaceCtaSurfaceIconDisabled": "rgba(0, 0, 0, 0)",
234
233
  "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
235
234
  "BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
236
235
  "BpSurfaceCtaSurfaceIconUtility": "#e8e8e8",
@@ -245,15 +244,11 @@
245
244
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
246
245
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
247
246
  "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.7)",
248
- "BpSurfaceCtaSurfaceSecondaryBusy": "rgba(255, 255, 255, 0.7)",
249
- "BpSurfaceCtaSurfaceSecondaryDisabled": "rgba(255, 255, 255, 0.7)",
250
- "BpSurfaceCtaSurfaceSecondaryFocus": "rgba(0, 0, 0, 0.04)",
251
- "BpSurfaceCtaSurfaceSecondaryFocusPressed": "rgba(0, 0, 0, 0.08)",
252
247
  "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
253
248
  "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
254
249
  "BpSurfaceCtaSurfaceTertiary": "#ffffff",
255
- "BpSurfaceCtaSurfaceTertiaryHover": "#f4f4f4",
256
- "BpSurfaceCtaSurfaceTertiaryPressed": "#e8e8e8",
250
+ "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
251
+ "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
257
252
  "BpSurfaceCtaSurfaceTertiaryPromo": "#ece9f8",
258
253
  "BpSurfaceCtaSurfaceTertiaryPromoFocus": "#f6f4fc",
259
254
  "BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
@@ -327,8 +322,10 @@
327
322
  "BpSurfaceItemSurfaceHover": "#ffffff",
328
323
  "BpSurfaceItemSurfaceSelected": "#f2f7fd",
329
324
  "BpSurfaceListItemSurface": "#ffffff",
330
- "BpSurfaceListItemSurfaceHover": "#f4f4f4",
325
+ "BpSurfaceListItemSurfaceHover": "#ffffff",
326
+ "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
331
327
  "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
328
+ "BpSurfaceListItemSurfaceThumbnail": "#ffffff",
332
329
  "BpSurfaceLoadingIndicatorSurface": "#0061d5",
333
330
  "BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
334
331
  "BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
@@ -345,6 +342,7 @@
345
342
  "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
346
343
  "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
347
344
  "BpSurfaceModalSurface": "#ffffff",
345
+ "BpSurfaceModalSurfaceGray": "#f4f4f4",
348
346
  "BpSurfaceNavSurfaceBrand": "#0061d5",
349
347
  "BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
350
348
  "BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
@@ -413,6 +411,9 @@
413
411
  "BpSurfaceTabSurfaceHover": "rgba(255, 255, 255, 0)",
414
412
  "BpSurfaceTabSurfacePressed": "rgba(255, 255, 255, 0)",
415
413
  "BpSurfaceTextHighlightSurface": "#fff7cc",
414
+ "BpSurfaceTimePickerSurface": "rgba(255, 255, 255, 0.9)",
415
+ "BpSurfaceTimePickerSurfaceSelected": "#0061d5",
416
+ "BpSurfaceTimePickerSurfaceSelectedFocus": "#f2f7fd",
416
417
  "BpSurfaceToggleSurface": "#ffffff",
417
418
  "BpSurfaceToggleSurfaceHover": "#f4f4f4",
418
419
  "BpSurfaceToggleSurfaceOffHover": "#f4f4f4",
@@ -433,7 +434,6 @@
433
434
  "BpSurfaceTooltipSurfaceError": "#fac3cd",
434
435
  "BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
435
436
  "BpSurfaceSurface": "#ffffff",
436
- "BpSurfaceSurfaceAvatar": "rgba(0, 0, 0, 0.04)",
437
437
  "BpSurfaceSurfaceBrand": "#0061d5",
438
438
  "BpSurfaceSurfaceBrandBusy": "#0061d5",
439
439
  "BpSurfaceSurfaceBrandDisabled": "#0061d5",
package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts CHANGED
@@ -7,7 +7,6 @@ export const bpBorderAvatarBorderHover: string;
7
7
  export const bpBorderAvatarBorderPressed: string;
8
8
  export const bpBorderBadgeBorder: string;
9
9
  export const bpBorderCardBorder: string;
10
- export const bpBorderCardBorderFocus: string;
11
10
  export const bpBorderCardBorderHover: string;
12
11
  export const bpBorderCardBorderPressed: string;
13
12
  export const bpBorderCheckboxBorder: string;
@@ -19,14 +18,9 @@ export const bpBorderComboboxBorder: string;
19
18
  export const bpBorderComboboxBorderHover: string;
20
19
  export const bpBorderContentButtonBorderHoverActive: string;
21
20
  export const bpBorderContentButtonBorderSelected: string;
22
- export const bpBorderCtaBorderOutline: string;
21
+ export const bpBorderCtaBorderHighContrast: string;
23
22
  export const bpBorderCtaBorderOutlineDisabled: string;
24
- export const bpBorderCtaBorderOutlineHover: string;
25
- export const bpBorderCtaBorderOutlinePressed: string;
26
23
  export const bpBorderCtaBorderSecondary: string;
27
- export const bpBorderCtaBorderSecondaryDisabled: string;
28
- export const bpBorderCtaBorderSecondaryHover: string;
29
- export const bpBorderCtaBorderSecondaryPressed: string;
30
24
  export const bpBorderDatePickerDayBorderFocus: string;
31
25
  export const bpBorderDatePickerDayBorderSelectedFocus: string;
32
26
  export const bpBorderDatePickerBorderActive: string;
@@ -48,6 +42,7 @@ export const bpBorderDropdownBorderHover: string;
48
42
  export const bpBorderFilterChipBorderMultiOn: string;
49
43
  export const bpBorderFilterChipBorderMultiOnHover: string;
50
44
  export const bpBorderGridThumbnailBorder: string;
45
+ export const bpBorderHeaderBorder: string;
51
46
  export const bpBorderInlineTableBorder: string;
52
47
  export const bpBorderInputBorder: string;
53
48
  export const bpBorderInputBorderError: string;
@@ -56,10 +51,12 @@ export const bpBorderInputBorderErrorHover: string;
56
51
  export const bpBorderInputBorderFocus: string;
57
52
  export const bpBorderInputBorderHover: string;
58
53
  export const bpBorderInputChipBorderError: string;
54
+ export const bpBorderInputChipBorderShadow: string;
59
55
  export const bpBorderItemSmallBorderSelected: string;
60
56
  export const bpBorderItemBorderHover: string;
61
57
  export const bpBorderItemBorderSelected: string;
62
58
  export const bpBorderListItemBorder: string;
59
+ export const bpBorderListItemBorderQuote: string;
63
60
  export const bpBorderListItemBorderSelected: string;
64
61
  export const bpBorderMenuBorder: string;
65
62
  export const bpBorderMessageBorderError: string;
@@ -100,6 +97,7 @@ export const bpBorderTabBorderHover: string;
100
97
  export const bpBorderTabBorderSelected: string;
101
98
  export const bpBorderTabBorderSelectedFocus: string;
102
99
  export const bpBorderTabBorderSelectedHover: string;
100
+ export const bpBorderTimePickerBorderSelectedFocus: string;
103
101
  export const bpBorderToggleBorder: string;
104
102
  export const bpBorderToggleBorderOff: string;
105
103
  export const bpBorderToggleBorderOn: string;
@@ -111,6 +109,7 @@ export const bpBorderToggleTextBorderOn: string;
111
109
  export const bpBorderToggleTextBorderOnHover: string;
112
110
  export const bpBorderToggleTextBorderOnPressed: string;
113
111
  export const bpBorderToolbarBorder: string;
112
+ export const bpBorderTooltipBorder: string;
114
113
  export const bpBorderTooltipBorderError: string;
115
114
  export const bpBorderBorderAccordionHover: string;
116
115
  export const bpBorder00: string;
@@ -123,10 +122,10 @@ export const bpBorder06: string;
123
122
  export const bpBorder07: string;
124
123
  export const bpBorder08: string;
125
124
  export const bpIconCtaIcon: string;
125
+ export const bpIconCtaIconHighContrast: string;
126
+ export const bpIconCtaIconHighContrastHover: string;
127
+ export const bpIconCtaIconHighContrastPressed: string;
126
128
  export const bpIconCtaIconHover: string;
127
- export const bpIconCtaIconOnColor: string;
128
- export const bpIconCtaIconOnColorHover: string;
129
- export const bpIconCtaIconOnColorPressed: string;
130
129
  export const bpIconCtaIconPressed: string;
131
130
  export const bpIconCtaIconUtility: string;
132
131
  export const bpIconCtaIconUtilityHover: string;
@@ -186,6 +185,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
186
185
  export const bpSurfaceBadgeSurfaceIndesign: string;
187
186
  export const bpSurfaceBadgeSurfaceKeynote: string;
188
187
  export const bpSurfaceBadgeSurfaceMention: string;
188
+ export const bpSurfaceBadgeSurfaceModified: string;
189
189
  export const bpSurfaceBadgeSurfaceNotification: string;
190
190
  export const bpSurfaceBadgeSurfaceNumbers: string;
191
191
  export const bpSurfaceBadgeSurfaceOffline: string;
@@ -234,7 +234,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
234
234
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
235
235
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
236
236
  export const bpSurfaceCtaSurfaceIcon: string;
237
- export const bpSurfaceCtaSurfaceIconDisabled: string;
238
237
  export const bpSurfaceCtaSurfaceIconHover: string;
239
238
  export const bpSurfaceCtaSurfaceIconPressed: string;
240
239
  export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -249,10 +248,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
249
248
  export const bpSurfaceCtaSurfacePromoHover: string;
250
249
  export const bpSurfaceCtaSurfacePromoPressed: string;
251
250
  export const bpSurfaceCtaSurfaceSecondary: string;
252
- export const bpSurfaceCtaSurfaceSecondaryBusy: string;
253
- export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
254
- export const bpSurfaceCtaSurfaceSecondaryFocus: string;
255
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
256
251
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
257
252
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
258
253
  export const bpSurfaceCtaSurfaceTertiary: string;
@@ -332,7 +327,9 @@ export const bpSurfaceItemSurfaceHover: string;
332
327
  export const bpSurfaceItemSurfaceSelected: string;
333
328
  export const bpSurfaceListItemSurface: string;
334
329
  export const bpSurfaceListItemSurfaceHover: string;
330
+ export const bpSurfaceListItemSurfaceLoading: string;
335
331
  export const bpSurfaceListItemSurfaceSelected: string;
332
+ export const bpSurfaceListItemSurfaceThumbnail: string;
336
333
  export const bpSurfaceLoadingIndicatorSurface: string;
337
334
  export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
338
335
  export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -349,6 +346,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
349
346
  export const bpSurfaceMenuItemSurfaceLoading: string;
350
347
  export const bpSurfaceMenuItemSurfacePressed: string;
351
348
  export const bpSurfaceModalSurface: string;
349
+ export const bpSurfaceModalSurfaceGray: string;
352
350
  export const bpSurfaceNavSurfaceBrand: string;
353
351
  export const bpSurfaceOptionGridSurfaceHover: string;
354
352
  export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -417,6 +415,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
417
415
  export const bpSurfaceTabSurfaceHover: string;
418
416
  export const bpSurfaceTabSurfacePressed: string;
419
417
  export const bpSurfaceTextHighlightSurface: string;
418
+ export const bpSurfaceTimePickerSurface: string;
419
+ export const bpSurfaceTimePickerSurfaceSelected: string;
420
+ export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
420
421
  export const bpSurfaceToggleSurface: string;
421
422
  export const bpSurfaceToggleSurfaceHover: string;
422
423
  export const bpSurfaceToggleSurfaceOffHover: string;
@@ -437,7 +438,6 @@ export const bpSurfaceTooltipSurface: string;
437
438
  export const bpSurfaceTooltipSurfaceError: string;
438
439
  export const bpSurfaceUploadSurfaceBrandNeutral: string;
439
440
  export const bpSurfaceSurface: string;
440
- export const bpSurfaceSurfaceAvatar: string;
441
441
  export const bpSurfaceSurfaceBrand: string;
442
442
  export const bpSurfaceSurfaceBrandBusy: string;
443
443
  export const bpSurfaceSurfaceBrandDisabled: string;
package/dist/tokens/BP2/light_mode_value/px-tokens.js CHANGED
@@ -7,7 +7,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
7
7
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
8
8
  export const bpBorderBadgeBorder = '#ffffff';
9
9
  export const bpBorderCardBorder = '#e8e8e8';
10
- export const bpBorderCardBorderFocus = '#0061d5';
11
10
  export const bpBorderCardBorderHover = '#e8e8e8';
12
11
  export const bpBorderCardBorderPressed = '#e8e8e8';
13
12
  export const bpBorderCheckboxBorder = '#6f6f6f';
@@ -19,14 +18,9 @@ export const bpBorderComboboxBorder = '#909090';
19
18
  export const bpBorderComboboxBorderHover = '#6f6f6f';
20
19
  export const bpBorderContentButtonBorderHoverActive = '#909090';
21
20
  export const bpBorderContentButtonBorderSelected = '#909090';
22
- export const bpBorderCtaBorderOutline = '#000000';
21
+ export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
23
22
  export const bpBorderCtaBorderOutlineDisabled = '#646464';
24
- export const bpBorderCtaBorderOutlineHover = '#000000';
25
- export const bpBorderCtaBorderOutlinePressed = '#000000';
26
- export const bpBorderCtaBorderSecondary = '#bcbcbc';
27
- export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
28
- export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
29
- export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
23
+ export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
30
24
  export const bpBorderDatePickerDayBorderFocus = '#2486fc';
31
25
  export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
32
26
  export const bpBorderDatePickerBorderActive = '#2486fc';
@@ -48,6 +42,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
48
42
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
49
43
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
50
44
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
45
+ export const bpBorderHeaderBorder = '#e8e8e8';
51
46
  export const bpBorderInlineTableBorder = '#e8e8e8';
52
47
  export const bpBorderInputBorder = '#909090';
53
48
  export const bpBorderInputBorderError = '#ed3757';
@@ -56,10 +51,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
56
51
  export const bpBorderInputBorderFocus = '#2486fc';
57
52
  export const bpBorderInputBorderHover = '#6f6f6f';
58
53
  export const bpBorderInputChipBorderError = '#ed3757';
54
+ export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
59
55
  export const bpBorderItemSmallBorderSelected = '#0061d5';
60
56
  export const bpBorderItemBorderHover = '#e8e8e8';
61
57
  export const bpBorderItemBorderSelected = '#0061d5';
62
58
  export const bpBorderListItemBorder = '#e8e8e8';
59
+ export const bpBorderListItemBorderQuote = '#909090';
63
60
  export const bpBorderListItemBorderSelected = '#0061d5';
64
61
  export const bpBorderMenuBorder = '#e8e8e8';
65
62
  export const bpBorderMessageBorderError = '#ed3757';
@@ -100,6 +97,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
100
97
  export const bpBorderTabBorderSelected = '#0061d5';
101
98
  export const bpBorderTabBorderSelectedFocus = '#0061d5';
102
99
  export const bpBorderTabBorderSelectedHover = '#0061d5';
100
+ export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
103
101
  export const bpBorderToggleBorder = '#bcbcbc';
104
102
  export const bpBorderToggleBorderOff = '#ffffff';
105
103
  export const bpBorderToggleBorderOn = '#99c0ee';
@@ -111,6 +109,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
111
109
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
112
110
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
113
111
  export const bpBorderToolbarBorder = '#e8e8e8';
112
+ export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
114
113
  export const bpBorderTooltipBorderError = '#f69bab';
115
114
  export const bpBorderBorderAccordionHover = '#e8e8e8';
116
115
  export const bpBorder00 = '0px';
@@ -122,12 +121,12 @@ export const bpBorder05 = '5px';
122
121
  export const bpBorder06 = '6px';
123
122
  export const bpBorder07 = '7px';
124
123
  export const bpBorder08 = '8px';
125
- export const bpIconCtaIcon = '#6f6f6f';
126
- export const bpIconCtaIconHover = '#222222';
127
- export const bpIconCtaIconOnColor = '#000000';
128
- export const bpIconCtaIconOnColorHover = '#000000';
129
- export const bpIconCtaIconOnColorPressed = '#000000';
130
- export const bpIconCtaIconPressed = '#222222';
124
+ export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
125
+ export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
126
+ export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
127
+ export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
128
+ export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
129
+ export const bpIconCtaIconPressed = 'rgba(0, 0, 0, 0.9)';
131
130
  export const bpIconCtaIconUtility = '#4e4e4e';
132
131
  export const bpIconCtaIconUtilityHover = '#000000';
133
132
  export const bpIconCtaIconUtilityPressed = '#000000';
@@ -186,6 +185,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
186
185
  export const bpSurfaceBadgeSurfaceIndesign = '#131415';
187
186
  export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
188
187
  export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
188
+ export const bpSurfaceBadgeSurfaceModified = '#2486fc';
189
189
  export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
190
190
  export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
191
191
  export const bpSurfaceBadgeSurfaceOffline = '#26c281';
@@ -211,7 +211,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
211
211
  export const bpSurfaceBadgeSurfaceWord = '#185abd';
212
212
  export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
213
213
  export const bpSurfaceCalendarSurface = '#ffffff';
214
- export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
214
+ export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
215
215
  export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
216
216
  export const bpSurfaceCardSurfaceHover = '#ffffff';
217
217
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -230,11 +230,10 @@ export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
230
230
  export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
231
231
  export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
232
232
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
233
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
234
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
233
+ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
234
+ export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
235
235
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
236
236
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
237
- export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
238
237
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
239
238
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
240
239
  export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
@@ -249,15 +248,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
249
248
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
250
249
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
251
250
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
252
- export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
253
- export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
254
- export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
255
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
256
251
  export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
257
252
  export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
258
- export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
259
- export const bpSurfaceCtaSurfaceTertiaryHover = '#f4f4f4';
260
- export const bpSurfaceCtaSurfaceTertiaryPressed = '#e8e8e8';
253
+ export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
254
+ export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
255
+ export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
261
256
  export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
262
257
  export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
263
258
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
@@ -331,8 +326,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
331
326
  export const bpSurfaceItemSurfaceHover = '#ffffff';
332
327
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
333
328
  export const bpSurfaceListItemSurface = '#ffffff';
334
- export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
329
+ export const bpSurfaceListItemSurfaceHover = '#ffffff';
330
+ export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
335
331
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
332
+ export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
336
333
  export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
337
334
  export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
338
335
  export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
@@ -349,6 +346,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
349
346
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
350
347
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
351
348
  export const bpSurfaceModalSurface = '#ffffff';
349
+ export const bpSurfaceModalSurfaceGray = '#f4f4f4';
352
350
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
353
351
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
354
352
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -417,6 +415,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
417
415
  export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
418
416
  export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
419
417
  export const bpSurfaceTextHighlightSurface = '#fff7cc';
418
+ export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0)';
419
+ export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
420
+ export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
420
421
  export const bpSurfaceToggleSurface = '#ffffff';
421
422
  export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
422
423
  export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
@@ -437,7 +438,6 @@ export const bpSurfaceTooltipSurface = '#222222';
437
438
  export const bpSurfaceTooltipSurfaceError = '#fac3cd';
438
439
  export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
439
440
  export const bpSurfaceSurface = '#ffffff';
440
- export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
441
441
  export const bpSurfaceSurfaceBrand = '#0061d5';
442
442
  export const bpSurfaceSurfaceBrandBusy = '#0061d5';
443
443
  export const bpSurfaceSurfaceBrandDisabled = '#0061d5';