@box/blueprint-web-assets 4.65.4 → 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.
@@ -829,7 +829,6 @@ export const bpBorderAvatarBorderHover: string;
829
829
  export const bpBorderAvatarBorderPressed: string;
830
830
  export const bpBorderBadgeBorder: string;
831
831
  export const bpBorderCardBorder: string;
832
- export const bpBorderCardBorderFocus: string;
833
832
  export const bpBorderCardBorderHover: string;
834
833
  export const bpBorderCardBorderPressed: string;
835
834
  export const bpBorderCheckboxBorder: string;
@@ -841,14 +840,9 @@ export const bpBorderComboboxBorder: string;
841
840
  export const bpBorderComboboxBorderHover: string;
842
841
  export const bpBorderContentButtonBorderHoverActive: string;
843
842
  export const bpBorderContentButtonBorderSelected: string;
844
- export const bpBorderCtaBorderOutline: string;
843
+ export const bpBorderCtaBorderHighContrast: string;
845
844
  export const bpBorderCtaBorderOutlineDisabled: string;
846
- export const bpBorderCtaBorderOutlineHover: string;
847
- export const bpBorderCtaBorderOutlinePressed: string;
848
845
  export const bpBorderCtaBorderSecondary: string;
849
- export const bpBorderCtaBorderSecondaryDisabled: string;
850
- export const bpBorderCtaBorderSecondaryHover: string;
851
- export const bpBorderCtaBorderSecondaryPressed: string;
852
846
  export const bpBorderDatePickerDayBorderFocus: string;
853
847
  export const bpBorderDatePickerDayBorderSelectedFocus: string;
854
848
  export const bpBorderDatePickerBorderActive: string;
@@ -870,6 +864,7 @@ export const bpBorderDropdownBorderHover: string;
870
864
  export const bpBorderFilterChipBorderMultiOn: string;
871
865
  export const bpBorderFilterChipBorderMultiOnHover: string;
872
866
  export const bpBorderGridThumbnailBorder: string;
867
+ export const bpBorderHeaderBorder: string;
873
868
  export const bpBorderInlineTableBorder: string;
874
869
  export const bpBorderInputBorder: string;
875
870
  export const bpBorderInputBorderError: string;
@@ -878,10 +873,12 @@ export const bpBorderInputBorderErrorHover: string;
878
873
  export const bpBorderInputBorderFocus: string;
879
874
  export const bpBorderInputBorderHover: string;
880
875
  export const bpBorderInputChipBorderError: string;
876
+ export const bpBorderInputChipBorderShadow: string;
881
877
  export const bpBorderItemSmallBorderSelected: string;
882
878
  export const bpBorderItemBorderHover: string;
883
879
  export const bpBorderItemBorderSelected: string;
884
880
  export const bpBorderListItemBorder: string;
881
+ export const bpBorderListItemBorderQuote: string;
885
882
  export const bpBorderListItemBorderSelected: string;
886
883
  export const bpBorderMenuBorder: string;
887
884
  export const bpBorderMessageBorderError: string;
@@ -922,6 +919,7 @@ export const bpBorderTabBorderHover: string;
922
919
  export const bpBorderTabBorderSelected: string;
923
920
  export const bpBorderTabBorderSelectedFocus: string;
924
921
  export const bpBorderTabBorderSelectedHover: string;
922
+ export const bpBorderTimePickerBorderSelectedFocus: string;
925
923
  export const bpBorderToggleBorder: string;
926
924
  export const bpBorderToggleBorderOff: string;
927
925
  export const bpBorderToggleBorderOn: string;
@@ -933,6 +931,7 @@ export const bpBorderToggleTextBorderOn: string;
933
931
  export const bpBorderToggleTextBorderOnHover: string;
934
932
  export const bpBorderToggleTextBorderOnPressed: string;
935
933
  export const bpBorderToolbarBorder: string;
934
+ export const bpBorderTooltipBorder: string;
936
935
  export const bpBorderTooltipBorderError: string;
937
936
  export const bpBorderBorderAccordionHover: string;
938
937
  export const bpBorder00: string;
@@ -945,10 +944,10 @@ export const bpBorder06: string;
945
944
  export const bpBorder07: string;
946
945
  export const bpBorder08: string;
947
946
  export const bpIconCtaIcon: string;
947
+ export const bpIconCtaIconHighContrast: string;
948
+ export const bpIconCtaIconHighContrastHover: string;
949
+ export const bpIconCtaIconHighContrastPressed: string;
948
950
  export const bpIconCtaIconHover: string;
949
- export const bpIconCtaIconOnColor: string;
950
- export const bpIconCtaIconOnColorHover: string;
951
- export const bpIconCtaIconOnColorPressed: string;
952
951
  export const bpIconCtaIconPressed: string;
953
952
  export const bpIconCtaIconUtility: string;
954
953
  export const bpIconCtaIconUtilityHover: string;
@@ -1008,6 +1007,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
1008
1007
  export const bpSurfaceBadgeSurfaceIndesign: string;
1009
1008
  export const bpSurfaceBadgeSurfaceKeynote: string;
1010
1009
  export const bpSurfaceBadgeSurfaceMention: string;
1010
+ export const bpSurfaceBadgeSurfaceModified: string;
1011
1011
  export const bpSurfaceBadgeSurfaceNotification: string;
1012
1012
  export const bpSurfaceBadgeSurfaceNumbers: string;
1013
1013
  export const bpSurfaceBadgeSurfaceOffline: string;
@@ -1056,7 +1056,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
1056
1056
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
1057
1057
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
1058
1058
  export const bpSurfaceCtaSurfaceIcon: string;
1059
- export const bpSurfaceCtaSurfaceIconDisabled: string;
1060
1059
  export const bpSurfaceCtaSurfaceIconHover: string;
1061
1060
  export const bpSurfaceCtaSurfaceIconPressed: string;
1062
1061
  export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -1071,10 +1070,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
1071
1070
  export const bpSurfaceCtaSurfacePromoHover: string;
1072
1071
  export const bpSurfaceCtaSurfacePromoPressed: string;
1073
1072
  export const bpSurfaceCtaSurfaceSecondary: string;
1074
- export const bpSurfaceCtaSurfaceSecondaryBusy: string;
1075
- export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
1076
- export const bpSurfaceCtaSurfaceSecondaryFocus: string;
1077
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
1078
1073
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
1079
1074
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
1080
1075
  export const bpSurfaceCtaSurfaceTertiary: string;
@@ -1154,7 +1149,9 @@ export const bpSurfaceItemSurfaceHover: string;
1154
1149
  export const bpSurfaceItemSurfaceSelected: string;
1155
1150
  export const bpSurfaceListItemSurface: string;
1156
1151
  export const bpSurfaceListItemSurfaceHover: string;
1152
+ export const bpSurfaceListItemSurfaceLoading: string;
1157
1153
  export const bpSurfaceListItemSurfaceSelected: string;
1154
+ export const bpSurfaceListItemSurfaceThumbnail: string;
1158
1155
  export const bpSurfaceLoadingIndicatorSurface: string;
1159
1156
  export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
1160
1157
  export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -1171,6 +1168,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
1171
1168
  export const bpSurfaceMenuItemSurfaceLoading: string;
1172
1169
  export const bpSurfaceMenuItemSurfacePressed: string;
1173
1170
  export const bpSurfaceModalSurface: string;
1171
+ export const bpSurfaceModalSurfaceGray: string;
1174
1172
  export const bpSurfaceNavSurfaceBrand: string;
1175
1173
  export const bpSurfaceOptionGridSurfaceHover: string;
1176
1174
  export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -1239,6 +1237,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
1239
1237
  export const bpSurfaceTabSurfaceHover: string;
1240
1238
  export const bpSurfaceTabSurfacePressed: string;
1241
1239
  export const bpSurfaceTextHighlightSurface: string;
1240
+ export const bpSurfaceTimePickerSurface: string;
1241
+ export const bpSurfaceTimePickerSurfaceSelected: string;
1242
+ export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
1242
1243
  export const bpSurfaceToggleSurface: string;
1243
1244
  export const bpSurfaceToggleSurfaceHover: string;
1244
1245
  export const bpSurfaceToggleSurfaceOffHover: string;
@@ -1259,7 +1260,6 @@ export const bpSurfaceTooltipSurface: string;
1259
1260
  export const bpSurfaceTooltipSurfaceError: string;
1260
1261
  export const bpSurfaceUploadSurfaceBrandNeutral: string;
1261
1262
  export const bpSurfaceSurface: string;
1262
- export const bpSurfaceSurfaceAvatar: string;
1263
1263
  export const bpSurfaceSurfaceBrand: string;
1264
1264
  export const bpSurfaceSurfaceBrandBusy: string;
1265
1265
  export const bpSurfaceSurfaceBrandDisabled: string;
@@ -847,7 +847,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
847
847
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
848
848
  export const bpBorderBadgeBorder = '#ffffff';
849
849
  export const bpBorderCardBorder = '#e8e8e8';
850
- export const bpBorderCardBorderFocus = '#0061d5';
851
850
  export const bpBorderCardBorderHover = '#e8e8e8';
852
851
  export const bpBorderCardBorderPressed = '#e8e8e8';
853
852
  export const bpBorderCheckboxBorder = '#6f6f6f';
@@ -859,14 +858,9 @@ export const bpBorderComboboxBorder = '#909090';
859
858
  export const bpBorderComboboxBorderHover = '#6f6f6f';
860
859
  export const bpBorderContentButtonBorderHoverActive = '#909090';
861
860
  export const bpBorderContentButtonBorderSelected = '#909090';
862
- export const bpBorderCtaBorderOutline = '#000000';
861
+ export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
863
862
  export const bpBorderCtaBorderOutlineDisabled = '#646464';
864
- export const bpBorderCtaBorderOutlineHover = '#000000';
865
- export const bpBorderCtaBorderOutlinePressed = '#000000';
866
- export const bpBorderCtaBorderSecondary = '#bcbcbc';
867
- export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
868
- export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
869
- export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
863
+ export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
870
864
  export const bpBorderDatePickerDayBorderFocus = '#2486fc';
871
865
  export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
872
866
  export const bpBorderDatePickerBorderActive = '#2486fc';
@@ -888,6 +882,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
888
882
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
889
883
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
890
884
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
885
+ export const bpBorderHeaderBorder = '#e8e8e8';
891
886
  export const bpBorderInlineTableBorder = '#e8e8e8';
892
887
  export const bpBorderInputBorder = '#909090';
893
888
  export const bpBorderInputBorderError = '#ed3757';
@@ -896,10 +891,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
896
891
  export const bpBorderInputBorderFocus = '#2486fc';
897
892
  export const bpBorderInputBorderHover = '#6f6f6f';
898
893
  export const bpBorderInputChipBorderError = '#ed3757';
894
+ export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
899
895
  export const bpBorderItemSmallBorderSelected = '#0061d5';
900
896
  export const bpBorderItemBorderHover = '#e8e8e8';
901
897
  export const bpBorderItemBorderSelected = '#0061d5';
902
898
  export const bpBorderListItemBorder = '#e8e8e8';
899
+ export const bpBorderListItemBorderQuote = '#909090';
903
900
  export const bpBorderListItemBorderSelected = '#0061d5';
904
901
  export const bpBorderMenuBorder = '#e8e8e8';
905
902
  export const bpBorderMessageBorderError = '#ed3757';
@@ -940,6 +937,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
940
937
  export const bpBorderTabBorderSelected = '#0061d5';
941
938
  export const bpBorderTabBorderSelectedFocus = '#0061d5';
942
939
  export const bpBorderTabBorderSelectedHover = '#0061d5';
940
+ export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
943
941
  export const bpBorderToggleBorder = '#bcbcbc';
944
942
  export const bpBorderToggleBorderOff = '#ffffff';
945
943
  export const bpBorderToggleBorderOn = '#99c0ee';
@@ -951,6 +949,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
951
949
  export const bpBorderToggleTextBorderOnHover = '#99c0ee';
952
950
  export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
953
951
  export const bpBorderToolbarBorder = '#e8e8e8';
952
+ export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
954
953
  export const bpBorderTooltipBorderError = '#f69bab';
955
954
  export const bpBorderBorderAccordionHover = '#e8e8e8';
956
955
  export const bpBorder00 = '0px';
@@ -962,12 +961,12 @@ export const bpBorder05 = '5px';
962
961
  export const bpBorder06 = '6px';
963
962
  export const bpBorder07 = '7px';
964
963
  export const bpBorder08 = '8px';
965
- export const bpIconCtaIcon = '#6f6f6f';
966
- export const bpIconCtaIconHover = '#222222';
967
- export const bpIconCtaIconOnColor = '#000000';
968
- export const bpIconCtaIconOnColorHover = '#000000';
969
- export const bpIconCtaIconOnColorPressed = '#000000';
970
- export const bpIconCtaIconPressed = '#222222';
964
+ export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
965
+ export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
966
+ export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
967
+ export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
968
+ export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
969
+ export const bpIconCtaIconPressed = 'rgba(0, 0, 0, 0.9)';
971
970
  export const bpIconCtaIconUtility = '#4e4e4e';
972
971
  export const bpIconCtaIconUtilityHover = '#000000';
973
972
  export const bpIconCtaIconUtilityPressed = '#000000';
@@ -1026,6 +1025,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
1026
1025
  export const bpSurfaceBadgeSurfaceIndesign = '#131415';
1027
1026
  export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
1028
1027
  export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
1028
+ export const bpSurfaceBadgeSurfaceModified = '#2486fc';
1029
1029
  export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
1030
1030
  export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
1031
1031
  export const bpSurfaceBadgeSurfaceOffline = '#26c281';
@@ -1051,7 +1051,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
1051
1051
  export const bpSurfaceBadgeSurfaceWord = '#185abd';
1052
1052
  export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
1053
1053
  export const bpSurfaceCalendarSurface = '#ffffff';
1054
- export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
1054
+ export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
1055
1055
  export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
1056
1056
  export const bpSurfaceCardSurfaceHover = '#ffffff';
1057
1057
  export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -1070,11 +1070,8 @@ export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
1070
1070
  export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
1071
1071
  export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
1072
1072
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
1073
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
1074
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
1075
1073
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
1076
1074
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
1077
- export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
1078
1075
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
1079
1076
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
1080
1077
  export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
@@ -1089,15 +1086,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
1089
1086
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
1090
1087
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
1091
1088
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
1092
- export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
1093
- export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
1094
- export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
1095
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
1096
1089
  export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
1097
1090
  export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
1098
- export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
1099
- export const bpSurfaceCtaSurfaceTertiaryHover = '#f4f4f4';
1100
- export const bpSurfaceCtaSurfaceTertiaryPressed = '#e8e8e8';
1091
+ export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
1092
+ export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
1093
+ export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
1101
1094
  export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
1102
1095
  export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
1103
1096
  export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
@@ -1171,8 +1164,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
1171
1164
  export const bpSurfaceItemSurfaceHover = '#ffffff';
1172
1165
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
1173
1166
  export const bpSurfaceListItemSurface = '#ffffff';
1174
- export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
1167
+ export const bpSurfaceListItemSurfaceHover = '#ffffff';
1168
+ export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
1175
1169
  export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
1170
+ export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
1176
1171
  export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
1177
1172
  export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
1178
1173
  export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
@@ -1184,6 +1179,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
1184
1179
  export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
1185
1180
  export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
1186
1181
  export const bpSurfaceModalSurface = '#ffffff';
1182
+ export const bpSurfaceModalSurfaceGray = '#f4f4f4';
1187
1183
  export const bpSurfaceNavSurfaceBrand = '#0061d5';
1188
1184
  export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1189
1185
  export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -1252,6 +1248,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
1252
1248
  export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
1253
1249
  export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
1254
1250
  export const bpSurfaceTextHighlightSurface = '#fff7cc';
1251
+ export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0)';
1252
+ export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
1253
+ export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
1255
1254
  export const bpSurfaceToggleSurface = '#ffffff';
1256
1255
  export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
1257
1256
  export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
@@ -1272,7 +1271,6 @@ export const bpSurfaceTooltipSurface = '#222222';
1272
1271
  export const bpSurfaceTooltipSurfaceError = '#fac3cd';
1273
1272
  export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
1274
1273
  export const bpSurfaceSurface = '#ffffff';
1275
- export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
1276
1274
  export const bpSurfaceSurfaceBrand = '#0061d5';
1277
1275
  export const bpSurfaceSurfaceBrandBusy = '#0061d5';
1278
1276
  export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
@@ -1368,7 +1368,6 @@
1368
1368
  --bp-border-avatar-border-pressed: var(--bp-black-opacity-08);
1369
1369
  --bp-border-badge-border: var(--bp-gray-white);
1370
1370
  --bp-border-card-border: var(--bp-gray-10);
1371
- --bp-border-card-border-focus: var(--bp-box-blue-100);
1372
1371
  --bp-border-card-border-hover: var(--bp-gray-10);
1373
1372
  --bp-border-card-border-pressed: var(--bp-gray-10);
1374
1373
  --bp-border-checkbox-border: var(--bp-gray-65);
@@ -1380,13 +1379,8 @@
1380
1379
  --bp-border-combobox-border-hover: var(--bp-gray-65);
1381
1380
  --bp-border-content-button-border-hover-active: var(--bp-gray-50);
1382
1381
  --bp-border-content-button-border-selected: var(--bp-gray-50);
1383
- --bp-border-cta-border-outline: var(--bp-gray-black);
1384
- --bp-border-cta-border-outline-hover: var(--bp-gray-black);
1385
- --bp-border-cta-border-outline-pressed: var(--bp-gray-black);
1386
- --bp-border-cta-border-secondary: var(--bp-gray-30);
1387
- --bp-border-cta-border-secondary-disabled: var(--bp-gray-10);
1388
- --bp-border-cta-border-secondary-hover: var(--bp-gray-30);
1389
- --bp-border-cta-border-secondary-pressed: var(--bp-gray-30);
1382
+ --bp-border-cta-border-high-contrast: var(--bp-black-opacity-90);
1383
+ --bp-border-cta-border-secondary: var(--bp-black-opacity-08);
1390
1384
  --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
1391
1385
  --bp-border-date-picker-day-border-selected-focus: var(--bp-light-blue-100);
1392
1386
  --bp-border-date-picker-border-active: var(--bp-light-blue-100);
@@ -1407,6 +1401,7 @@
1407
1401
  --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
1408
1402
  --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
1409
1403
  --bp-border-grid-thumbnail-border: var(--bp-gray-10);
1404
+ --bp-border-header-border: var(--bp-gray-10);
1410
1405
  --bp-border-inline-table-border: var(--bp-gray-10);
1411
1406
  --bp-border-input-border: var(--bp-gray-50);
1412
1407
  --bp-border-input-border-error: var(--bp-watermelon-red-100);
@@ -1415,10 +1410,12 @@
1415
1410
  --bp-border-input-border-focus: var(--bp-light-blue-100);
1416
1411
  --bp-border-input-border-hover: var(--bp-gray-65);
1417
1412
  --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
1413
+ --bp-border-input-chip-border-shadow: var(--bp-black-opacity-04);
1418
1414
  --bp-border-item-small-border-selected: var(--bp-box-blue-100);
1419
1415
  --bp-border-item-border-hover: var(--bp-gray-10);
1420
1416
  --bp-border-item-border-selected: var(--bp-box-blue-100);
1421
1417
  --bp-border-list-item-border: var(--bp-gray-10);
1418
+ --bp-border-list-item-border-quote: var(--bp-gray-50);
1422
1419
  --bp-border-list-item-border-selected: var(--bp-box-blue-100);
1423
1420
  --bp-border-menu-border: var(--bp-gray-10);
1424
1421
  --bp-border-message-border-error: var(--bp-watermelon-red-100);
@@ -1459,6 +1456,7 @@
1459
1456
  --bp-border-tab-border-selected: var(--bp-box-blue-100);
1460
1457
  --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
1461
1458
  --bp-border-tab-border-selected-hover: var(--bp-box-blue-100);
1459
+ --bp-border-time-picker-border-selected-focus: var(--bp-box-blue-100);
1462
1460
  --bp-border-toggle-border: var(--bp-gray-30);
1463
1461
  --bp-border-toggle-border-off: var(--bp-gray-white);
1464
1462
  --bp-border-toggle-border-on: var(--bp-box-blue-40);
@@ -1470,14 +1468,15 @@
1470
1468
  --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
1471
1469
  --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
1472
1470
  --bp-border-toolbar-border: var(--bp-gray-10);
1471
+ --bp-border-tooltip-border: var(--bp-white-opacity-16);
1473
1472
  --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
1474
1473
  --bp-border-border-accordion-hover: var(--bp-gray-10);
1475
- --bp-icon-cta-icon: var(--bp-gray-65);
1476
- --bp-icon-cta-icon-hover: var(--bp-gray-100);
1477
- --bp-icon-cta-icon-on-color: var(--bp-gray-black);
1478
- --bp-icon-cta-icon-on-color-hover: var(--bp-gray-black);
1479
- --bp-icon-cta-icon-on-color-pressed: var(--bp-gray-black);
1480
- --bp-icon-cta-icon-pressed: var(--bp-gray-100);
1474
+ --bp-icon-cta-icon: var(--bp-black-opacity-60);
1475
+ --bp-icon-cta-icon-high-contrast: var(--bp-black-opacity-90);
1476
+ --bp-icon-cta-icon-high-contrast-hover: var(--bp-black-opacity-90);
1477
+ --bp-icon-cta-icon-high-contrast-pressed: var(--bp-black-opacity-90);
1478
+ --bp-icon-cta-icon-hover: var(--bp-black-opacity-90);
1479
+ --bp-icon-cta-icon-pressed: var(--bp-black-opacity-90);
1481
1480
  --bp-icon-cta-icon-utility: var(--bp-gray-80);
1482
1481
  --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
1483
1482
  --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
@@ -1527,6 +1526,7 @@
1527
1526
  --bp-surface-badge-surface-image: var(--bp-green-light-120);
1528
1527
  --bp-surface-badge-surface-in-progress: var(--bp-light-blue-100);
1529
1528
  --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
1529
+ --bp-surface-badge-surface-modified: var(--bp-light-blue-100);
1530
1530
  --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
1531
1531
  --bp-surface-badge-surface-offline: var(--bp-green-light-100);
1532
1532
  --bp-surface-badge-surface-online: var(--bp-green-light-120);
@@ -1542,7 +1542,7 @@
1542
1542
  --bp-surface-badge-surface-vector: var(--bp-orange-110);
1543
1543
  --bp-surface-badge-surface-zip: var(--bp-gray-65);
1544
1544
  --bp-surface-calendar-surface: var(--bp-gray-white);
1545
- --bp-surface-card-surface: var(--bp-white-opacity-70);
1545
+ --bp-surface-card-surface: var(--bp-white-opacity-90);
1546
1546
  --bp-surface-card-surface-focus: var(--bp-box-blue-05);
1547
1547
  --bp-surface-card-surface-hover: var(--bp-gray-white);
1548
1548
  --bp-surface-card-surface-pressed: var(--bp-gray-02);
@@ -1561,11 +1561,10 @@
1561
1561
  --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
1562
1562
  --bp-surface-content-button-surface-selected: var(--bp-gray-white);
1563
1563
  --bp-surface-content-switcher-surface: var(--bp-gray-10);
1564
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
1565
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
1564
+ --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
1565
+ --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
1566
1566
  --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
1567
1567
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
1568
- --bp-surface-cta-surface-icon-disabled: var(--bp-black-opacity-00);
1569
1568
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
1570
1569
  --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
1571
1570
  --bp-surface-cta-surface-icon-utility: var(--bp-gray-10);
@@ -1580,15 +1579,11 @@
1580
1579
  --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
1581
1580
  --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
1582
1581
  --bp-surface-cta-surface-secondary: var(--bp-white-opacity-70);
1583
- --bp-surface-cta-surface-secondary-busy: var(--bp-white-opacity-70);
1584
- --bp-surface-cta-surface-secondary-disabled: var(--bp-white-opacity-70);
1585
- --bp-surface-cta-surface-secondary-focus: var(--bp-black-opacity-04);
1586
- --bp-surface-cta-surface-secondary-focus-pressed: var(--bp-black-opacity-08);
1587
1582
  --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
1588
1583
  --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
1589
- --bp-surface-cta-surface-tertiary: var(--bp-gray-white);
1590
- --bp-surface-cta-surface-tertiary-hover: var(--bp-gray-05);
1591
- --bp-surface-cta-surface-tertiary-pressed: var(--bp-gray-10);
1584
+ --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
1585
+ --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
1586
+ --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
1592
1587
  --bp-surface-cta-surface-tertiary-promo: var(--bp-grimace-10);
1593
1588
  --bp-surface-cta-surface-tertiary-promo-focus: var(--bp-grimace-05);
1594
1589
  --bp-surface-cta-surface-tertiary-promo-focus-pressed: var(--bp-grimace-20);
@@ -1661,8 +1656,10 @@
1661
1656
  --bp-surface-item-surface-hover: var(--bp-gray-white);
1662
1657
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
1663
1658
  --bp-surface-list-item-surface: var(--bp-gray-white);
1664
- --bp-surface-list-item-surface-hover: var(--bp-gray-05);
1659
+ --bp-surface-list-item-surface-hover: var(--bp-gray-white);
1660
+ --bp-surface-list-item-surface-loading: var(--bp-gray-05);
1665
1661
  --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
1662
+ --bp-surface-list-item-surface-thumbnail: var(--bp-gray-white);
1666
1663
  --bp-surface-loading-indicator-surface: var(--bp-box-blue-100);
1667
1664
  --bp-surface-loading-indicator-surface-on-dark: var(--bp-gray-white);
1668
1665
  --bp-surface-loading-indicator-surface-on-dark-secondary: var(--bp-white-opacity-70);
@@ -1679,6 +1676,7 @@
1679
1676
  --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
1680
1677
  --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
1681
1678
  --bp-surface-modal-surface: var(--bp-gray-white);
1679
+ --bp-surface-modal-surface-gray: var(--bp-gray-05);
1682
1680
  --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
1683
1681
  --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
1684
1682
  --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -1747,6 +1745,9 @@
1747
1745
  --bp-surface-tab-surface-hover: var(--bp-black-opacity-00);
1748
1746
  --bp-surface-tab-surface-pressed: var(--bp-black-opacity-00);
1749
1747
  --bp-surface-text-highlight-surface: var(--bp-yellow-20);
1748
+ --bp-surface-time-picker-surface: var(--bp-white-opacity-00);
1749
+ --bp-surface-time-picker-surface-selected: var(--bp-box-blue-100);
1750
+ --bp-surface-time-picker-surface-selected-focus: var(--bp-box-blue-05);
1750
1751
  --bp-surface-toggle-surface: var(--bp-gray-white);
1751
1752
  --bp-surface-toggle-surface-hover: var(--bp-gray-05);
1752
1753
  --bp-surface-toggle-surface-off-hover: var(--bp-gray-05);
@@ -1766,7 +1767,6 @@
1766
1767
  --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-30);
1767
1768
  --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
1768
1769
  --bp-surface-surface: var(--bp-gray-white);
1769
- --bp-surface-surface-avatar: var(--bp-black-opacity-04);
1770
1770
  --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
1771
1771
  --bp-surface-surface-hover: var(--bp-gray-05);
1772
1772
  --bp-surface-surface-quaternary: var(--bp-gray-20);
@@ -825,7 +825,6 @@ export const bpBorderAvatarBorderHover: string;
825
825
  export const bpBorderAvatarBorderPressed: string;
826
826
  export const bpBorderBadgeBorder: string;
827
827
  export const bpBorderCardBorder: string;
828
- export const bpBorderCardBorderFocus: string;
829
828
  export const bpBorderCardBorderHover: string;
830
829
  export const bpBorderCardBorderPressed: string;
831
830
  export const bpBorderCheckboxBorder: string;
@@ -837,14 +836,9 @@ export const bpBorderComboboxBorder: string;
837
836
  export const bpBorderComboboxBorderHover: string;
838
837
  export const bpBorderContentButtonBorderHoverActive: string;
839
838
  export const bpBorderContentButtonBorderSelected: string;
840
- export const bpBorderCtaBorderOutline: string;
839
+ export const bpBorderCtaBorderHighContrast: string;
841
840
  export const bpBorderCtaBorderOutlineDisabled: string;
842
- export const bpBorderCtaBorderOutlineHover: string;
843
- export const bpBorderCtaBorderOutlinePressed: string;
844
841
  export const bpBorderCtaBorderSecondary: string;
845
- export const bpBorderCtaBorderSecondaryDisabled: string;
846
- export const bpBorderCtaBorderSecondaryHover: string;
847
- export const bpBorderCtaBorderSecondaryPressed: string;
848
842
  export const bpBorderDatePickerDayBorderFocus: string;
849
843
  export const bpBorderDatePickerDayBorderSelectedFocus: string;
850
844
  export const bpBorderDatePickerBorderActive: string;
@@ -866,6 +860,7 @@ export const bpBorderDropdownBorderHover: string;
866
860
  export const bpBorderFilterChipBorderMultiOn: string;
867
861
  export const bpBorderFilterChipBorderMultiOnHover: string;
868
862
  export const bpBorderGridThumbnailBorder: string;
863
+ export const bpBorderHeaderBorder: string;
869
864
  export const bpBorderInlineTableBorder: string;
870
865
  export const bpBorderInputBorder: string;
871
866
  export const bpBorderInputBorderError: string;
@@ -874,10 +869,12 @@ export const bpBorderInputBorderErrorHover: string;
874
869
  export const bpBorderInputBorderFocus: string;
875
870
  export const bpBorderInputBorderHover: string;
876
871
  export const bpBorderInputChipBorderError: string;
872
+ export const bpBorderInputChipBorderShadow: string;
877
873
  export const bpBorderItemSmallBorderSelected: string;
878
874
  export const bpBorderItemBorderHover: string;
879
875
  export const bpBorderItemBorderSelected: string;
880
876
  export const bpBorderListItemBorder: string;
877
+ export const bpBorderListItemBorderQuote: string;
881
878
  export const bpBorderListItemBorderSelected: string;
882
879
  export const bpBorderMenuBorder: string;
883
880
  export const bpBorderMessageBorderError: string;
@@ -918,6 +915,7 @@ export const bpBorderTabBorderHover: string;
918
915
  export const bpBorderTabBorderSelected: string;
919
916
  export const bpBorderTabBorderSelectedFocus: string;
920
917
  export const bpBorderTabBorderSelectedHover: string;
918
+ export const bpBorderTimePickerBorderSelectedFocus: string;
921
919
  export const bpBorderToggleBorder: string;
922
920
  export const bpBorderToggleBorderOff: string;
923
921
  export const bpBorderToggleBorderOn: string;
@@ -929,6 +927,7 @@ export const bpBorderToggleTextBorderOn: string;
929
927
  export const bpBorderToggleTextBorderOnHover: string;
930
928
  export const bpBorderToggleTextBorderOnPressed: string;
931
929
  export const bpBorderToolbarBorder: string;
930
+ export const bpBorderTooltipBorder: string;
932
931
  export const bpBorderTooltipBorderError: string;
933
932
  export const bpBorderBorderAccordionHover: string;
934
933
  export const bpBorder00: string;
@@ -941,10 +940,10 @@ export const bpBorder06: string;
941
940
  export const bpBorder07: string;
942
941
  export const bpBorder08: string;
943
942
  export const bpIconCtaIcon: string;
943
+ export const bpIconCtaIconHighContrast: string;
944
+ export const bpIconCtaIconHighContrastHover: string;
945
+ export const bpIconCtaIconHighContrastPressed: string;
944
946
  export const bpIconCtaIconHover: string;
945
- export const bpIconCtaIconOnColor: string;
946
- export const bpIconCtaIconOnColorHover: string;
947
- export const bpIconCtaIconOnColorPressed: string;
948
947
  export const bpIconCtaIconPressed: string;
949
948
  export const bpIconCtaIconUtility: string;
950
949
  export const bpIconCtaIconUtilityHover: string;
@@ -1004,6 +1003,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
1004
1003
  export const bpSurfaceBadgeSurfaceIndesign: string;
1005
1004
  export const bpSurfaceBadgeSurfaceKeynote: string;
1006
1005
  export const bpSurfaceBadgeSurfaceMention: string;
1006
+ export const bpSurfaceBadgeSurfaceModified: string;
1007
1007
  export const bpSurfaceBadgeSurfaceNotification: string;
1008
1008
  export const bpSurfaceBadgeSurfaceNumbers: string;
1009
1009
  export const bpSurfaceBadgeSurfaceOffline: string;
@@ -1052,7 +1052,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
1052
1052
  export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
1053
1053
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
1054
1054
  export const bpSurfaceCtaSurfaceIcon: string;
1055
- export const bpSurfaceCtaSurfaceIconDisabled: string;
1056
1055
  export const bpSurfaceCtaSurfaceIconHover: string;
1057
1056
  export const bpSurfaceCtaSurfaceIconPressed: string;
1058
1057
  export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -1067,10 +1066,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
1067
1066
  export const bpSurfaceCtaSurfacePromoHover: string;
1068
1067
  export const bpSurfaceCtaSurfacePromoPressed: string;
1069
1068
  export const bpSurfaceCtaSurfaceSecondary: string;
1070
- export const bpSurfaceCtaSurfaceSecondaryBusy: string;
1071
- export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
1072
- export const bpSurfaceCtaSurfaceSecondaryFocus: string;
1073
- export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
1074
1069
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
1075
1070
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
1076
1071
  export const bpSurfaceCtaSurfaceTertiary: string;
@@ -1150,7 +1145,9 @@ export const bpSurfaceItemSurfaceHover: string;
1150
1145
  export const bpSurfaceItemSurfaceSelected: string;
1151
1146
  export const bpSurfaceListItemSurface: string;
1152
1147
  export const bpSurfaceListItemSurfaceHover: string;
1148
+ export const bpSurfaceListItemSurfaceLoading: string;
1153
1149
  export const bpSurfaceListItemSurfaceSelected: string;
1150
+ export const bpSurfaceListItemSurfaceThumbnail: string;
1154
1151
  export const bpSurfaceLoadingIndicatorSurface: string;
1155
1152
  export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
1156
1153
  export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -1167,6 +1164,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
1167
1164
  export const bpSurfaceMenuItemSurfaceLoading: string;
1168
1165
  export const bpSurfaceMenuItemSurfacePressed: string;
1169
1166
  export const bpSurfaceModalSurface: string;
1167
+ export const bpSurfaceModalSurfaceGray: string;
1170
1168
  export const bpSurfaceNavSurfaceBrand: string;
1171
1169
  export const bpSurfaceOptionGridSurfaceHover: string;
1172
1170
  export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -1235,6 +1233,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
1235
1233
  export const bpSurfaceTabSurfaceHover: string;
1236
1234
  export const bpSurfaceTabSurfacePressed: string;
1237
1235
  export const bpSurfaceTextHighlightSurface: string;
1236
+ export const bpSurfaceTimePickerSurface: string;
1237
+ export const bpSurfaceTimePickerSurfaceSelected: string;
1238
+ export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
1238
1239
  export const bpSurfaceToggleSurface: string;
1239
1240
  export const bpSurfaceToggleSurfaceHover: string;
1240
1241
  export const bpSurfaceToggleSurfaceOffHover: string;
@@ -1255,7 +1256,6 @@ export const bpSurfaceTooltipSurface: string;
1255
1256
  export const bpSurfaceTooltipSurfaceError: string;
1256
1257
  export const bpSurfaceUploadSurfaceBrandNeutral: string;
1257
1258
  export const bpSurfaceSurface: string;
1258
- export const bpSurfaceSurfaceAvatar: string;
1259
1259
  export const bpSurfaceSurfaceBrand: string;
1260
1260
  export const bpSurfaceSurfaceBrandBusy: string;
1261
1261
  export const bpSurfaceSurfaceBrandDisabled: string;