@box/blueprint-web-assets 4.67.13 → 4.68.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 (95) hide show
  1. package/dist/icons/Logo/AgentCustomExtract.js +1 -1
  2. package/dist/icons/Logo/ExtractionJob.js +1 -1
  3. package/dist/icons/Medium/ArrowArchedRight.js +5 -0
  4. package/dist/icons/Medium/ArrowDown.js +5 -0
  5. package/dist/icons/Medium/ArrowLeft.d.ts +3 -0
  6. package/dist/icons/Medium/ArrowLeft.js +5 -0
  7. package/dist/icons/Medium/ArrowRight.d.ts +3 -0
  8. package/dist/icons/Medium/ArrowRight.js +5 -0
  9. package/dist/icons/Medium/ArrowUp.d.ts +3 -0
  10. package/dist/icons/Medium/ArrowUp.js +5 -0
  11. package/dist/icons/Medium/ArrowUpRightSquare.d.ts +3 -0
  12. package/dist/icons/Medium/ArrowUpRightSquare.js +5 -0
  13. package/dist/icons/Medium/ArrowsMaximize.d.ts +3 -0
  14. package/dist/icons/Medium/ArrowsMaximize.js +5 -0
  15. package/dist/icons/Medium/ArrowsMinimize.d.ts +3 -0
  16. package/dist/icons/Medium/ArrowsMinimize.js +5 -0
  17. package/dist/icons/Medium/AvatarCircle.d.ts +3 -0
  18. package/dist/icons/Medium/AvatarCircle.js +5 -0
  19. package/dist/icons/Medium/BoldUnderlineItalic.d.ts +3 -0
  20. package/dist/icons/Medium/BoldUnderlineItalic.js +5 -0
  21. package/dist/icons/Medium/BoxLeftArrow.d.ts +3 -0
  22. package/dist/icons/Medium/BoxLeftArrow.js +5 -0
  23. package/dist/icons/Medium/ConditionalSplit.d.ts +3 -0
  24. package/dist/icons/Medium/ConditionalSplit.js +5 -0
  25. package/dist/icons/Medium/DashedSquareBubble.d.ts +3 -0
  26. package/dist/icons/Medium/DashedSquareBubble.js +5 -0
  27. package/dist/icons/Medium/Duplicate.d.ts +3 -0
  28. package/dist/icons/Medium/Duplicate.js +5 -0
  29. package/dist/icons/Medium/FileSearch.d.ts +3 -0
  30. package/dist/icons/Medium/FileSearch.js +5 -0
  31. package/dist/icons/Medium/GridView.js +1 -1
  32. package/dist/icons/Medium/Heading.d.ts +3 -0
  33. package/dist/icons/Medium/Heading.js +5 -0
  34. package/dist/icons/Medium/LargeListView.d.ts +3 -0
  35. package/dist/icons/Medium/LargeListView.js +5 -0
  36. package/dist/icons/Medium/Layout.d.ts +3 -0
  37. package/dist/icons/Medium/Layout.js +5 -0
  38. package/dist/icons/Medium/ListView.js +2 -2
  39. package/dist/icons/Medium/Merge.d.ts +3 -0
  40. package/dist/icons/Medium/Merge.js +5 -0
  41. package/dist/icons/Medium/Minus.d.ts +3 -0
  42. package/dist/icons/Medium/Minus.js +5 -0
  43. package/dist/icons/Medium/Page.d.ts +3 -0
  44. package/dist/icons/Medium/Page.js +5 -0
  45. package/dist/icons/Medium/PencilScribble.d.ts +3 -0
  46. package/dist/icons/Medium/PencilScribble.js +5 -0
  47. package/dist/icons/Medium/Plus.js +1 -1
  48. package/dist/icons/Medium/Puzzle.d.ts +3 -0
  49. package/dist/icons/Medium/Puzzle.js +5 -0
  50. package/dist/icons/Medium/RelayAdvanced.d.ts +3 -0
  51. package/dist/icons/Medium/RelayAdvanced.js +5 -0
  52. package/dist/icons/Medium/Split.d.ts +3 -0
  53. package/dist/icons/Medium/Split.js +5 -0
  54. package/dist/icons/Medium/TextHighlight.d.ts +3 -0
  55. package/dist/icons/Medium/TextHighlight.js +5 -0
  56. package/dist/icons/Medium/XMark.js +1 -1
  57. package/dist/icons/Medium/index.d.ts +26 -2
  58. package/dist/icons/Medium/index.js +26 -2
  59. package/dist/icons/MediumFilled/ArrowArchedRight.d.ts +3 -0
  60. package/dist/icons/MediumFilled/ArrowArchedRight.js +5 -0
  61. package/dist/icons/MediumFilled/AvatarCircle.d.ts +3 -0
  62. package/dist/icons/MediumFilled/AvatarCircle.js +5 -0
  63. package/dist/icons/MediumFilled/Duplicate.d.ts +3 -0
  64. package/dist/icons/MediumFilled/Duplicate.js +5 -0
  65. package/dist/icons/MediumFilled/Layout.d.ts +3 -0
  66. package/dist/icons/MediumFilled/Layout.js +5 -0
  67. package/dist/icons/MediumFilled/Page.d.ts +3 -0
  68. package/dist/icons/MediumFilled/Page.js +5 -0
  69. package/dist/icons/MediumFilled/Puzzle.d.ts +3 -0
  70. package/dist/icons/MediumFilled/Puzzle.js +5 -0
  71. package/dist/icons/MediumFilled/index.d.ts +6 -0
  72. package/dist/icons/MediumFilled/index.js +6 -0
  73. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +9 -18
  74. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +27 -36
  75. package/dist/tokens/BP2/dark_mode_value/tokens.css +27 -36
  76. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +9 -18
  77. package/dist/tokens/BP2/dark_mode_value/tokens.js +27 -36
  78. package/dist/tokens/BP2/dark_mode_value/tokens.json +27 -36
  79. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +9 -18
  80. package/dist/tokens/BP2/light_mode_value/px-tokens.js +24 -33
  81. package/dist/tokens/BP2/light_mode_value/tokens.css +24 -33
  82. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +9 -18
  83. package/dist/tokens/BP2/light_mode_value/tokens.js +24 -33
  84. package/dist/tokens/BP2/light_mode_value/tokens.json +24 -33
  85. package/dist/tokens/px-tokens.d.ts +9 -18
  86. package/dist/tokens/px-tokens.js +24 -33
  87. package/dist/tokens/tokens-css-vars.scss +24 -33
  88. package/dist/tokens/tokens.d.ts +9 -18
  89. package/dist/tokens/tokens.js +24 -33
  90. package/dist/tokens/tokens.json +24 -33
  91. package/package.json +2 -2
  92. package/dist/icons/Medium/BoxAiAdvancedColor.js +0 -5
  93. package/dist/icons/Medium/BoxAiColor.js +0 -5
  94. /package/dist/icons/Medium/{BoxAiAdvancedColor.d.ts → ArrowArchedRight.d.ts} +0 -0
  95. /package/dist/icons/Medium/{BoxAiColor.d.ts → ArrowDown.d.ts} +0 -0
package/dist/tokens/BP2/dark_mode_value/tokens.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export const bpBorderAccordionBorderHover: string;
1
2
  export const bpBorderAvatarBorderHover: string;
2
3
  export const bpBorderAvatarBorderPressed: string;
3
4
  export const bpBorderBadgeBorder: string;
@@ -11,8 +12,7 @@ export const bpBorderCheckboxBorderSelectedHover: string;
11
12
  export const bpBorderCollapsibleSectionBorder: string;
12
13
  export const bpBorderComboboxBorder: string;
13
14
  export const bpBorderComboboxBorderHover: string;
14
- export const bpBorderContentButtonBorderHoverActive: string;
15
- export const bpBorderContentButtonBorderSelected: string;
15
+ export const bpBorderContentSwitcherBorder: string;
16
16
  export const bpBorderCtaBorderHighContrast: string;
17
17
  export const bpBorderCtaBorderOutlineDisabled: string;
18
18
  export const bpBorderCtaBorderSecondary: string;
@@ -30,10 +30,6 @@ export const bpBorderDividerBorderBrand: string;
30
30
  export const bpBorderDropdownSecondaryBorder: string;
31
31
  export const bpBorderDropdownBorder: string;
32
32
  export const bpBorderDropdownBorderError: string;
33
- export const bpBorderDropdownBorderErrorFocus: string;
34
- export const bpBorderDropdownBorderErrorHover: string;
35
- export const bpBorderDropdownBorderFocus: string;
36
- export const bpBorderDropdownBorderHover: string;
37
33
  export const bpBorderFilterChipBorderMultiOn: string;
38
34
  export const bpBorderFilterChipBorderMultiOnHover: string;
39
35
  export const bpBorderGridThumbnailBorder: string;
@@ -45,6 +41,7 @@ export const bpBorderInputBorderErrorFocus: string;
45
41
  export const bpBorderInputBorderErrorHover: string;
46
42
  export const bpBorderInputBorderFocus: string;
47
43
  export const bpBorderInputBorderHover: string;
44
+ export const bpBorderInputBorderReadOnly: string;
48
45
  export const bpBorderInputChipBorderError: string;
49
46
  export const bpBorderInputChipBorderShadow: string;
50
47
  export const bpBorderItemSmallBorderSelected: string;
@@ -106,7 +103,6 @@ export const bpBorderToggleTextBorderOnPressed: string;
106
103
  export const bpBorderToolbarBorder: string;
107
104
  export const bpBorderTooltipBorder: string;
108
105
  export const bpBorderTooltipBorderError: string;
109
- export const bpBorderBorderAccordionHover: string;
110
106
  export const bpBorder00: string;
111
107
  export const bpBorder01: string;
112
108
  export const bpBorder02: string;
@@ -219,12 +215,9 @@ export const bpSurfaceChipButtonSurface: string;
219
215
  export const bpSurfaceChipButtonSurfaceHover: string;
220
216
  export const bpSurfaceCollapsibleSectionSurface: string;
221
217
  export const bpSurfaceComboboxSurface: string;
222
- export const bpSurfaceContentButtonSurfaceFocusDefault: string;
223
- export const bpSurfaceContentButtonSurfaceFocusSelected: string;
224
- export const bpSurfaceContentButtonSurfaceHoverDefault: string;
225
- export const bpSurfaceContentButtonSurfaceHoverSelected: string;
226
- export const bpSurfaceContentButtonSurfaceSelected: string;
227
218
  export const bpSurfaceContentSwitcherSurface: string;
219
+ export const bpSurfaceContentSwitcherSurfaceHover: string;
220
+ export const bpSurfaceContentSwitcherSurfaceSelected: string;
228
221
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
229
222
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
230
223
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
@@ -268,18 +261,12 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
268
261
  export const bpSurfaceDatePickerSurfaceError: string;
269
262
  export const bpSurfaceDatePickerSurfaceFocus: string;
270
263
  export const bpSurfaceDatePickerSurfaceHover: string;
271
- export const bpSurfaceDropdownPrimarySurfaceHover: string;
272
- export const bpSurfaceDropdownPrimarySurfacePressed: string;
273
264
  export const bpSurfaceDropdownSecondarySurface: string;
274
265
  export const bpSurfaceDropdownSecondarySurfaceHover: string;
275
266
  export const bpSurfaceDropdownSecondarySurfacePressed: string;
276
267
  export const bpSurfaceDropdownTertiarySurfaceHover: string;
277
268
  export const bpSurfaceDropdownTertiarySurfacePressed: string;
278
269
  export const bpSurfaceDropdownSurface: string;
279
- export const bpSurfaceDropdownSurfaceError: string;
280
- export const bpSurfaceDropdownSurfaceErrorFocus: string;
281
- export const bpSurfaceDropdownSurfaceErrorHover: string;
282
- export const bpSurfaceDropdownSurfaceFocus: string;
283
270
  export const bpSurfaceDropdownSurfaceHover: string;
284
271
  export const bpSurfaceFilterSurface: string;
285
272
  export const bpSurfaceFilterSurfaceFocus: string;
@@ -312,6 +299,7 @@ export const bpSurfaceInputSurfaceErrorFocus: string;
312
299
  export const bpSurfaceInputSurfaceErrorHover: string;
313
300
  export const bpSurfaceInputSurfaceFocus: string;
314
301
  export const bpSurfaceInputSurfaceHover: string;
302
+ export const bpSurfaceInputSurfaceReadOnly: string;
315
303
  export const bpSurfaceInputChipSurface: string;
316
304
  export const bpSurfaceInputChipSurfaceError: string;
317
305
  export const bpSurfaceInputChipSurfaceHover: string;
@@ -320,6 +308,9 @@ export const bpSurfaceItemSmallSurfaceHover: string;
320
308
  export const bpSurfaceItemSmallSurfaceSelected: string;
321
309
  export const bpSurfaceItemSurfaceHover: string;
322
310
  export const bpSurfaceItemSurfaceSelected: string;
311
+ export const bpSurfaceListItemSmallSurface: string;
312
+ export const bpSurfaceListItemSmallSurfaceHover: string;
313
+ export const bpSurfaceListItemSmallSurfacePressed: string;
323
314
  export const bpSurfaceListItemSurface: string;
324
315
  export const bpSurfaceListItemSurfaceHover: string;
325
316
  export const bpSurfaceListItemSurfaceLoading: string;
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -1,3 +1,4 @@
1
+ export const bpBorderAccordionBorderHover = '#e8e8e8';
1
2
  export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
2
3
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
3
4
  export const bpBorderBadgeBorder = '#ffffff';
@@ -11,8 +12,7 @@ export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
11
12
  export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
12
13
  export const bpBorderComboboxBorder = '#909090';
13
14
  export const bpBorderComboboxBorderHover = '#6f6f6f';
14
- export const bpBorderContentButtonBorderHoverActive = '#909090';
15
- export const bpBorderContentButtonBorderSelected = '#909090';
15
+ export const bpBorderContentSwitcherBorder = '#909090';
16
16
  export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
17
17
  export const bpBorderCtaBorderOutlineDisabled = '#646464';
18
18
  export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
@@ -27,13 +27,9 @@ export const bpBorderDatePickerBorderFocus = '#2486fc';
27
27
  export const bpBorderDatePickerBorderHover = '#6f6f6f';
28
28
  export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
29
29
  export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
30
- export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
31
- export const bpBorderDropdownBorder = '#bcbcbc';
30
+ export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
31
+ export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
32
32
  export const bpBorderDropdownBorderError = '#ed3757';
33
- export const bpBorderDropdownBorderErrorFocus = '#ed3757';
34
- export const bpBorderDropdownBorderErrorHover = '#ed3757';
35
- export const bpBorderDropdownBorderFocus = '#0061d5';
36
- export const bpBorderDropdownBorderHover = '#6f6f6f';
37
33
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
38
34
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
39
35
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -45,6 +41,7 @@ export const bpBorderInputBorderErrorFocus = '#ed3757';
45
41
  export const bpBorderInputBorderErrorHover = '#ed3757';
46
42
  export const bpBorderInputBorderFocus = '#2486fc';
47
43
  export const bpBorderInputBorderHover = '#6f6f6f';
44
+ export const bpBorderInputBorderReadOnly = '#d3d3d3';
48
45
  export const bpBorderInputChipBorderError = '#ed3757';
49
46
  export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
50
47
  export const bpBorderItemSmallBorderSelected = '#0061d5';
@@ -106,7 +103,6 @@ export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
106
103
  export const bpBorderToolbarBorder = '#e8e8e8';
107
104
  export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
108
105
  export const bpBorderTooltipBorderError = '#f69bab';
109
- export const bpBorderBorderAccordionHover = '#e8e8e8';
110
106
  export const bpBorder00 = '0';
111
107
  export const bpBorder01 = '0.0625rem';
112
108
  export const bpBorder02 = '0.125rem';
@@ -206,7 +202,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
206
202
  export const bpSurfaceBadgeSurfaceWord = '#185abd';
207
203
  export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
208
204
  export const bpSurfaceCalendarSurface = '#ffffff';
209
- export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
205
+ export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
210
206
  export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
211
207
  export const bpSurfaceCardSurfaceHover = '#ffffff';
212
208
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -219,14 +215,11 @@ export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
219
215
  export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
220
216
  export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
221
217
  export const bpSurfaceComboboxSurface = '#ffffff';
222
- export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
223
- export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
224
- export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
225
- export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
226
- export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
227
218
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
228
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
229
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
219
+ export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
220
+ export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
221
+ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
222
+ export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
230
223
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
231
224
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
232
225
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
@@ -242,10 +235,10 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
242
235
  export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
243
236
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
244
237
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
245
- export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
238
+ export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
246
239
  export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
247
240
  export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
248
- export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
241
+ export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
249
242
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
250
243
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
251
244
  export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
@@ -268,19 +261,13 @@ export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
268
261
  export const bpSurfaceDatePickerSurfaceError = '#ffffff';
269
262
  export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
270
263
  export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
271
- export const bpSurfaceDropdownPrimarySurfaceHover = '#f4f4f4';
272
- export const bpSurfaceDropdownPrimarySurfacePressed = '#e8e8e8';
273
- export const bpSurfaceDropdownSecondarySurface = '#ffffff';
274
- export const bpSurfaceDropdownSecondarySurfaceHover = '#f4f4f4';
275
- export const bpSurfaceDropdownSecondarySurfacePressed = '#e8e8e8';
276
- export const bpSurfaceDropdownTertiarySurfaceHover = '#f4f4f4';
277
- export const bpSurfaceDropdownTertiarySurfacePressed = '#e8e8e8';
278
- export const bpSurfaceDropdownSurface = '#ffffff';
279
- export const bpSurfaceDropdownSurfaceError = '#ffffff';
280
- export const bpSurfaceDropdownSurfaceErrorFocus = '#ffffff';
281
- export const bpSurfaceDropdownSurfaceErrorHover = '#ffffff';
282
- export const bpSurfaceDropdownSurfaceFocus = '#ffffff';
283
- export const bpSurfaceDropdownSurfaceHover = '#ffffff';
264
+ export const bpSurfaceDropdownSecondarySurface = 'rgba(255, 255, 255, 0.7)';
265
+ export const bpSurfaceDropdownSecondarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
266
+ export const bpSurfaceDropdownSecondarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
267
+ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
268
+ export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
269
+ export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
270
+ export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
284
271
  export const bpSurfaceFilterSurface = '#0061d5';
285
272
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
286
273
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -312,6 +299,7 @@ export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
312
299
  export const bpSurfaceInputSurfaceErrorHover = '#ffffff';
313
300
  export const bpSurfaceInputSurfaceFocus = '#ffffff';
314
301
  export const bpSurfaceInputSurfaceHover = '#ffffff';
302
+ export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
315
303
  export const bpSurfaceInputChipSurface = '#e8e8e8';
316
304
  export const bpSurfaceInputChipSurfaceError = '#fdebee';
317
305
  export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
@@ -320,6 +308,9 @@ export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
320
308
  export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
321
309
  export const bpSurfaceItemSurfaceHover = '#ffffff';
322
310
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
311
+ export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
312
+ export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
313
+ export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
323
314
  export const bpSurfaceListItemSurface = '#ffffff';
324
315
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
325
316
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -336,10 +327,10 @@ export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)'
336
327
  export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
337
328
  export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
338
329
  export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
339
- export const bpSurfaceMenuItemSurface = '#ffffff';
340
- export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
341
- export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
342
- export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
330
+ export const bpSurfaceMenuItemSurface = 'rgba(255, 255, 255, 0)';
331
+ export const bpSurfaceMenuItemSurfaceHover = 'rgba(0, 0, 0, 0.04)';
332
+ export const bpSurfaceMenuItemSurfaceLoading = 'rgba(255, 255, 255, 0)';
333
+ export const bpSurfaceMenuItemSurfacePressed = 'rgba(0, 0, 0, 0.08)';
343
334
  export const bpSurfaceModalSurface = '#ffffff';
344
335
  export const bpSurfaceModalSurfaceGray = '#f4f4f4';
345
336
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
package/dist/tokens/BP2/dark_mode_value/tokens.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "BpBorderAccordionBorderHover": "#e8e8e8",
2
3
  "BpBorderAvatarBorderHover": "rgba(0, 0, 0, 0.04)",
3
4
  "BpBorderAvatarBorderPressed": "rgba(0, 0, 0, 0.08)",
4
5
  "BpBorderBadgeBorder": "#ffffff",
@@ -12,8 +13,7 @@
12
13
  "BpBorderCollapsibleSectionBorder": "#d3d3d3",
13
14
  "BpBorderComboboxBorder": "#909090",
14
15
  "BpBorderComboboxBorderHover": "#6f6f6f",
15
- "BpBorderContentButtonBorderHoverActive": "#909090",
16
- "BpBorderContentButtonBorderSelected": "#909090",
16
+ "BpBorderContentSwitcherBorder": "#909090",
17
17
  "BpBorderCtaBorderHighContrast": "rgba(0, 0, 0, 0.9)",
18
18
  "BpBorderCtaBorderOutlineDisabled": "#646464",
19
19
  "BpBorderCtaBorderSecondary": "rgba(0, 0, 0, 0.08)",
@@ -28,13 +28,9 @@
28
28
  "BpBorderDatePickerBorderHover": "#6f6f6f",
29
29
  "BpBorderDividerBorder": "rgba(0, 0, 0, 0.04)",
30
30
  "BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
31
- "BpBorderDropdownSecondaryBorder": "#bcbcbc",
32
- "BpBorderDropdownBorder": "#bcbcbc",
31
+ "BpBorderDropdownSecondaryBorder": "rgba(0, 0, 0, 0.08)",
32
+ "BpBorderDropdownBorder": "rgba(0, 0, 0, 0.08)",
33
33
  "BpBorderDropdownBorderError": "#ed3757",
34
- "BpBorderDropdownBorderErrorFocus": "#ed3757",
35
- "BpBorderDropdownBorderErrorHover": "#ed3757",
36
- "BpBorderDropdownBorderFocus": "#0061d5",
37
- "BpBorderDropdownBorderHover": "#6f6f6f",
38
34
  "BpBorderFilterChipBorderMultiOn": "#99c0ee",
39
35
  "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
40
36
  "BpBorderGridThumbnailBorder": "#e8e8e8",
@@ -46,6 +42,7 @@
46
42
  "BpBorderInputBorderErrorHover": "#ed3757",
47
43
  "BpBorderInputBorderFocus": "#2486fc",
48
44
  "BpBorderInputBorderHover": "#6f6f6f",
45
+ "BpBorderInputBorderReadOnly": "#d3d3d3",
49
46
  "BpBorderInputChipBorderError": "#ed3757",
50
47
  "BpBorderInputChipBorderShadow": "rgba(0, 0, 0, 0.04)",
51
48
  "BpBorderItemSmallBorderSelected": "#0061d5",
@@ -107,7 +104,6 @@
107
104
  "BpBorderToolbarBorder": "#e8e8e8",
108
105
  "BpBorderTooltipBorder": "rgba(255, 255, 255, 0.16)",
109
106
  "BpBorderTooltipBorderError": "#f69bab",
110
- "BpBorderBorderAccordionHover": "#e8e8e8",
111
107
  "BpBorder00": "0",
112
108
  "BpBorder01": "0.0625rem",
113
109
  "BpBorder02": "0.125rem",
@@ -207,7 +203,7 @@
207
203
  "BpSurfaceBadgeSurfaceWord": "#185abd",
208
204
  "BpSurfaceBadgeSurfaceZip": "#6f6f6f",
209
205
  "BpSurfaceCalendarSurface": "#ffffff",
210
- "BpSurfaceCardSurface": "rgba(255, 255, 255, 0.7)",
206
+ "BpSurfaceCardSurface": "rgba(255, 255, 255, 0.9)",
211
207
  "BpSurfaceCardSurfaceFocus": "#f2f7fd",
212
208
  "BpSurfaceCardSurfaceHover": "#ffffff",
213
209
  "BpSurfaceCardSurfacePressed": "#fbfbfb",
@@ -220,14 +216,11 @@
220
216
  "BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
221
217
  "BpSurfaceCollapsibleSectionSurface": "#ffffff",
222
218
  "BpSurfaceComboboxSurface": "#ffffff",
223
- "BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
224
- "BpSurfaceContentButtonSurfaceFocusSelected": "#ffffff",
225
- "BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
226
- "BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
227
- "BpSurfaceContentButtonSurfaceSelected": "#ffffff",
228
219
  "BpSurfaceContentSwitcherSurface": "#e8e8e8",
229
- "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
230
- "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "#fdebee",
220
+ "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
221
+ "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
222
+ "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
223
+ "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
231
224
  "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
232
225
  "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
233
226
  "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
@@ -243,10 +236,10 @@
243
236
  "BpSurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
244
237
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
245
238
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
246
- "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.7)",
239
+ "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
247
240
  "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
248
241
  "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
249
- "BpSurfaceCtaSurfaceTertiary": "#ffffff",
242
+ "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
250
243
  "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
251
244
  "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
252
245
  "BpSurfaceCtaSurfaceTertiaryPromo": "#ece9f8",
@@ -269,19 +262,13 @@
269
262
  "BpSurfaceDatePickerSurfaceError": "#ffffff",
270
263
  "BpSurfaceDatePickerSurfaceFocus": "#ffffff",
271
264
  "BpSurfaceDatePickerSurfaceHover": "#ffffff",
272
- "BpSurfaceDropdownPrimarySurfaceHover": "#f4f4f4",
273
- "BpSurfaceDropdownPrimarySurfacePressed": "#e8e8e8",
274
- "BpSurfaceDropdownSecondarySurface": "#ffffff",
275
- "BpSurfaceDropdownSecondarySurfaceHover": "#f4f4f4",
276
- "BpSurfaceDropdownSecondarySurfacePressed": "#e8e8e8",
277
- "BpSurfaceDropdownTertiarySurfaceHover": "#f4f4f4",
278
- "BpSurfaceDropdownTertiarySurfacePressed": "#e8e8e8",
279
- "BpSurfaceDropdownSurface": "#ffffff",
280
- "BpSurfaceDropdownSurfaceError": "#ffffff",
281
- "BpSurfaceDropdownSurfaceErrorFocus": "#ffffff",
282
- "BpSurfaceDropdownSurfaceErrorHover": "#ffffff",
283
- "BpSurfaceDropdownSurfaceFocus": "#ffffff",
284
- "BpSurfaceDropdownSurfaceHover": "#ffffff",
265
+ "BpSurfaceDropdownSecondarySurface": "rgba(255, 255, 255, 0.7)",
266
+ "BpSurfaceDropdownSecondarySurfaceHover": "rgba(0, 0, 0, 0.04)",
267
+ "BpSurfaceDropdownSecondarySurfacePressed": "rgba(0, 0, 0, 0.08)",
268
+ "BpSurfaceDropdownTertiarySurfaceHover": "rgba(0, 0, 0, 0.04)",
269
+ "BpSurfaceDropdownTertiarySurfacePressed": "rgba(0, 0, 0, 0.08)",
270
+ "BpSurfaceDropdownSurface": "rgba(255, 255, 255, 0.7)",
271
+ "BpSurfaceDropdownSurfaceHover": "rgba(0, 0, 0, 0.04)",
285
272
  "BpSurfaceFilterSurface": "#0061d5",
286
273
  "BpSurfaceFilterSurfaceFocus": "#0061d5",
287
274
  "BpSurfaceFilterSurfaceHover": "#0061d5",
@@ -313,6 +300,7 @@
313
300
  "BpSurfaceInputSurfaceErrorHover": "#ffffff",
314
301
  "BpSurfaceInputSurfaceFocus": "#ffffff",
315
302
  "BpSurfaceInputSurfaceHover": "#ffffff",
303
+ "BpSurfaceInputSurfaceReadOnly": "#fbfbfb",
316
304
  "BpSurfaceInputChipSurface": "#e8e8e8",
317
305
  "BpSurfaceInputChipSurfaceError": "#fdebee",
318
306
  "BpSurfaceInputChipSurfaceHover": "#e8e8e8",
@@ -321,6 +309,9 @@
321
309
  "BpSurfaceItemSmallSurfaceSelected": "#f2f7fd",
322
310
  "BpSurfaceItemSurfaceHover": "#ffffff",
323
311
  "BpSurfaceItemSurfaceSelected": "#f2f7fd",
312
+ "BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
313
+ "BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
314
+ "BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
324
315
  "BpSurfaceListItemSurface": "#ffffff",
325
316
  "BpSurfaceListItemSurfaceHover": "#ffffff",
326
317
  "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
@@ -337,10 +328,10 @@
337
328
  "BpSurfaceLoadingIndicatorSurfaceTertiary": "rgba(0, 97, 213, 0.3)",
338
329
  "BpSurfaceMenuSurfaceDropdown": "rgba(255, 255, 255, 0.9)",
339
330
  "BpSurfaceMenuSurfaceFullscreen": "rgba(255, 255, 255, 0.9)",
340
- "BpSurfaceMenuItemSurface": "#ffffff",
341
- "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
342
- "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
343
- "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
331
+ "BpSurfaceMenuItemSurface": "rgba(255, 255, 255, 0)",
332
+ "BpSurfaceMenuItemSurfaceHover": "rgba(0, 0, 0, 0.04)",
333
+ "BpSurfaceMenuItemSurfaceLoading": "rgba(255, 255, 255, 0)",
334
+ "BpSurfaceMenuItemSurfacePressed": "rgba(0, 0, 0, 0.08)",
344
335
  "BpSurfaceModalSurface": "#ffffff",
345
336
  "BpSurfaceModalSurfaceGray": "#f4f4f4",
346
337
  "BpSurfaceNavSurfaceBrand": "#0061d5",
package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
 
5
5
  export const bpBackgroundBackground: string;
6
+ export const bpBorderAccordionBorderHover: string;
6
7
  export const bpBorderAvatarBorderHover: string;
7
8
  export const bpBorderAvatarBorderPressed: string;
8
9
  export const bpBorderBadgeBorder: string;
@@ -16,8 +17,7 @@ export const bpBorderCheckboxBorderSelectedHover: string;
16
17
  export const bpBorderCollapsibleSectionBorder: string;
17
18
  export const bpBorderComboboxBorder: string;
18
19
  export const bpBorderComboboxBorderHover: string;
19
- export const bpBorderContentButtonBorderHoverActive: string;
20
- export const bpBorderContentButtonBorderSelected: string;
20
+ export const bpBorderContentSwitcherBorder: string;
21
21
  export const bpBorderCtaBorderHighContrast: string;
22
22
  export const bpBorderCtaBorderOutlineDisabled: string;
23
23
  export const bpBorderCtaBorderSecondary: string;
@@ -35,10 +35,6 @@ export const bpBorderDividerBorderBrand: string;
35
35
  export const bpBorderDropdownSecondaryBorder: string;
36
36
  export const bpBorderDropdownBorder: string;
37
37
  export const bpBorderDropdownBorderError: string;
38
- export const bpBorderDropdownBorderErrorFocus: string;
39
- export const bpBorderDropdownBorderErrorHover: string;
40
- export const bpBorderDropdownBorderFocus: string;
41
- export const bpBorderDropdownBorderHover: string;
42
38
  export const bpBorderFilterChipBorderMultiOn: string;
43
39
  export const bpBorderFilterChipBorderMultiOnHover: string;
44
40
  export const bpBorderGridThumbnailBorder: string;
@@ -50,6 +46,7 @@ export const bpBorderInputBorderErrorFocus: string;
50
46
  export const bpBorderInputBorderErrorHover: string;
51
47
  export const bpBorderInputBorderFocus: string;
52
48
  export const bpBorderInputBorderHover: string;
49
+ export const bpBorderInputBorderReadOnly: string;
53
50
  export const bpBorderInputChipBorderError: string;
54
51
  export const bpBorderInputChipBorderShadow: string;
55
52
  export const bpBorderItemSmallBorderSelected: string;
@@ -111,7 +108,6 @@ export const bpBorderToggleTextBorderOnPressed: string;
111
108
  export const bpBorderToolbarBorder: string;
112
109
  export const bpBorderTooltipBorder: string;
113
110
  export const bpBorderTooltipBorderError: string;
114
- export const bpBorderBorderAccordionHover: string;
115
111
  export const bpBorder00: string;
116
112
  export const bpBorder01: string;
117
113
  export const bpBorder02: string;
@@ -224,12 +220,9 @@ export const bpSurfaceChipButtonSurface: string;
224
220
  export const bpSurfaceChipButtonSurfaceHover: string;
225
221
  export const bpSurfaceCollapsibleSectionSurface: string;
226
222
  export const bpSurfaceComboboxSurface: string;
227
- export const bpSurfaceContentButtonSurfaceFocusDefault: string;
228
- export const bpSurfaceContentButtonSurfaceFocusSelected: string;
229
- export const bpSurfaceContentButtonSurfaceHoverDefault: string;
230
- export const bpSurfaceContentButtonSurfaceHoverSelected: string;
231
- export const bpSurfaceContentButtonSurfaceSelected: string;
232
223
  export const bpSurfaceContentSwitcherSurface: string;
224
+ export const bpSurfaceContentSwitcherSurfaceHover: string;
225
+ export const bpSurfaceContentSwitcherSurfaceSelected: string;
233
226
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
234
227
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
235
228
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
@@ -273,18 +266,12 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
273
266
  export const bpSurfaceDatePickerSurfaceError: string;
274
267
  export const bpSurfaceDatePickerSurfaceFocus: string;
275
268
  export const bpSurfaceDatePickerSurfaceHover: string;
276
- export const bpSurfaceDropdownPrimarySurfaceHover: string;
277
- export const bpSurfaceDropdownPrimarySurfacePressed: string;
278
269
  export const bpSurfaceDropdownSecondarySurface: string;
279
270
  export const bpSurfaceDropdownSecondarySurfaceHover: string;
280
271
  export const bpSurfaceDropdownSecondarySurfacePressed: string;
281
272
  export const bpSurfaceDropdownTertiarySurfaceHover: string;
282
273
  export const bpSurfaceDropdownTertiarySurfacePressed: string;
283
274
  export const bpSurfaceDropdownSurface: string;
284
- export const bpSurfaceDropdownSurfaceError: string;
285
- export const bpSurfaceDropdownSurfaceErrorFocus: string;
286
- export const bpSurfaceDropdownSurfaceErrorHover: string;
287
- export const bpSurfaceDropdownSurfaceFocus: string;
288
275
  export const bpSurfaceDropdownSurfaceHover: string;
289
276
  export const bpSurfaceFilterSurface: string;
290
277
  export const bpSurfaceFilterSurfaceFocus: string;
@@ -317,6 +304,7 @@ export const bpSurfaceInputSurfaceErrorFocus: string;
317
304
  export const bpSurfaceInputSurfaceErrorHover: string;
318
305
  export const bpSurfaceInputSurfaceFocus: string;
319
306
  export const bpSurfaceInputSurfaceHover: string;
307
+ export const bpSurfaceInputSurfaceReadOnly: string;
320
308
  export const bpSurfaceInputChipSurface: string;
321
309
  export const bpSurfaceInputChipSurfaceError: string;
322
310
  export const bpSurfaceInputChipSurfaceHover: string;
@@ -325,6 +313,9 @@ export const bpSurfaceItemSmallSurfaceHover: string;
325
313
  export const bpSurfaceItemSmallSurfaceSelected: string;
326
314
  export const bpSurfaceItemSurfaceHover: string;
327
315
  export const bpSurfaceItemSurfaceSelected: string;
316
+ export const bpSurfaceListItemSmallSurface: string;
317
+ export const bpSurfaceListItemSmallSurfaceHover: string;
318
+ export const bpSurfaceListItemSmallSurfacePressed: string;
328
319
  export const bpSurfaceListItemSurface: string;
329
320
  export const bpSurfaceListItemSurfaceHover: string;
330
321
  export const bpSurfaceListItemSurfaceLoading: string;
package/dist/tokens/BP2/light_mode_value/px-tokens.js CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
 
5
5
  export const bpBackgroundBackground = '#ffffff';
6
+ export const bpBorderAccordionBorderHover = '#e8e8e8';
6
7
  export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
7
8
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
8
9
  export const bpBorderBadgeBorder = '#ffffff';
@@ -16,8 +17,7 @@ export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
16
17
  export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
17
18
  export const bpBorderComboboxBorder = '#909090';
18
19
  export const bpBorderComboboxBorderHover = '#6f6f6f';
19
- export const bpBorderContentButtonBorderHoverActive = '#909090';
20
- export const bpBorderContentButtonBorderSelected = '#909090';
20
+ export const bpBorderContentSwitcherBorder = '#909090';
21
21
  export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
22
22
  export const bpBorderCtaBorderOutlineDisabled = '#646464';
23
23
  export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
@@ -30,15 +30,11 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
30
30
  export const bpBorderDatePickerBorderError = '#ed3757';
31
31
  export const bpBorderDatePickerBorderFocus = '#2486fc';
32
32
  export const bpBorderDatePickerBorderHover = '#6f6f6f';
33
- export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
33
+ export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.08)';
34
34
  export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
35
- export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
36
- export const bpBorderDropdownBorder = '#bcbcbc';
35
+ export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
36
+ export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
37
37
  export const bpBorderDropdownBorderError = '#ed3757';
38
- export const bpBorderDropdownBorderErrorFocus = '#ed3757';
39
- export const bpBorderDropdownBorderErrorHover = '#ed3757';
40
- export const bpBorderDropdownBorderFocus = '#0061d5';
41
- export const bpBorderDropdownBorderHover = '#6f6f6f';
42
38
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
43
39
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
44
40
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -50,6 +46,7 @@ export const bpBorderInputBorderErrorFocus = '#ed3757';
50
46
  export const bpBorderInputBorderErrorHover = '#ed3757';
51
47
  export const bpBorderInputBorderFocus = '#2486fc';
52
48
  export const bpBorderInputBorderHover = '#6f6f6f';
49
+ export const bpBorderInputBorderReadOnly = '#d3d3d3';
53
50
  export const bpBorderInputChipBorderError = '#ed3757';
54
51
  export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
55
52
  export const bpBorderItemSmallBorderSelected = '#0061d5';
@@ -111,7 +108,6 @@ export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
111
108
  export const bpBorderToolbarBorder = '#e8e8e8';
112
109
  export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
113
110
  export const bpBorderTooltipBorderError = '#f69bab';
114
- export const bpBorderBorderAccordionHover = '#e8e8e8';
115
111
  export const bpBorder00 = '0px';
116
112
  export const bpBorder01 = '1px';
117
113
  export const bpBorder02 = '2px';
@@ -224,12 +220,9 @@ export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
224
220
  export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
225
221
  export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
226
222
  export const bpSurfaceComboboxSurface = '#ffffff';
227
- export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
228
- export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
229
- export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
230
- export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
231
- export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
232
223
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
224
+ export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
225
+ export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
233
226
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
234
227
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
235
228
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
@@ -247,7 +240,7 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
247
240
  export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
248
241
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
249
242
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
250
- export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
243
+ export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
251
244
  export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
252
245
  export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
253
246
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
@@ -273,19 +266,13 @@ export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
273
266
  export const bpSurfaceDatePickerSurfaceError = '#ffffff';
274
267
  export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
275
268
  export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
276
- export const bpSurfaceDropdownPrimarySurfaceHover = '#f4f4f4';
277
- export const bpSurfaceDropdownPrimarySurfacePressed = '#e8e8e8';
278
- export const bpSurfaceDropdownSecondarySurface = '#ffffff';
279
- export const bpSurfaceDropdownSecondarySurfaceHover = '#f4f4f4';
280
- export const bpSurfaceDropdownSecondarySurfacePressed = '#e8e8e8';
281
- export const bpSurfaceDropdownTertiarySurfaceHover = '#f4f4f4';
282
- export const bpSurfaceDropdownTertiarySurfacePressed = '#e8e8e8';
283
- export const bpSurfaceDropdownSurface = '#ffffff';
284
- export const bpSurfaceDropdownSurfaceError = '#ffffff';
285
- export const bpSurfaceDropdownSurfaceErrorFocus = '#ffffff';
286
- export const bpSurfaceDropdownSurfaceErrorHover = '#ffffff';
287
- export const bpSurfaceDropdownSurfaceFocus = '#ffffff';
288
- export const bpSurfaceDropdownSurfaceHover = '#ffffff';
269
+ export const bpSurfaceDropdownSecondarySurface = 'rgba(255, 255, 255, 0.7)';
270
+ export const bpSurfaceDropdownSecondarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
271
+ export const bpSurfaceDropdownSecondarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
272
+ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
273
+ export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
274
+ export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
275
+ export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
289
276
  export const bpSurfaceFilterSurface = '#0061d5';
290
277
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
291
278
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -317,6 +304,7 @@ export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
317
304
  export const bpSurfaceInputSurfaceErrorHover = '#ffffff';
318
305
  export const bpSurfaceInputSurfaceFocus = '#ffffff';
319
306
  export const bpSurfaceInputSurfaceHover = '#ffffff';
307
+ export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
320
308
  export const bpSurfaceInputChipSurface = '#e8e8e8';
321
309
  export const bpSurfaceInputChipSurfaceError = '#fdebee';
322
310
  export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
@@ -325,6 +313,9 @@ export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
325
313
  export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
326
314
  export const bpSurfaceItemSurfaceHover = '#ffffff';
327
315
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
316
+ export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
317
+ export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
318
+ export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
328
319
  export const bpSurfaceListItemSurface = '#ffffff';
329
320
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
330
321
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -341,10 +332,10 @@ export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)'
341
332
  export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
342
333
  export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
343
334
  export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
344
- export const bpSurfaceMenuItemSurface = '#ffffff';
345
- export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
346
- export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
347
- export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
335
+ export const bpSurfaceMenuItemSurface = 'rgba(255, 255, 255, 0)';
336
+ export const bpSurfaceMenuItemSurfaceHover = 'rgba(0, 0, 0, 0.04)';
337
+ export const bpSurfaceMenuItemSurfaceLoading = 'rgba(255, 255, 255, 0)';
338
+ export const bpSurfaceMenuItemSurfacePressed = 'rgba(0, 0, 0, 0.08)';
348
339
  export const bpSurfaceModalSurface = '#ffffff';
349
340
  export const bpSurfaceModalSurfaceGray = '#f4f4f4';
350
341
  export const bpSurfaceNavSurfaceBrand = '#0061d5';