@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.
- package/dist/icons/Logo/MicrosoftExcel.js +1 -1
- package/dist/icons/Logo/index.d.ts +1 -1
- package/dist/icons/Logo/index.js +1 -1
- package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +16 -16
- package/dist/tokens/BP2/dark_mode_value/px-tokens.js +22 -22
- package/dist/tokens/BP2/dark_mode_value/tokens.css +23 -23
- package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +16 -16
- package/dist/tokens/BP2/dark_mode_value/tokens.js +22 -22
- package/dist/tokens/BP2/dark_mode_value/tokens.json +22 -22
- package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +16 -16
- package/dist/tokens/BP2/light_mode_value/px-tokens.js +27 -27
- package/dist/tokens/BP2/light_mode_value/tokens.css +27 -27
- package/dist/tokens/BP2/light_mode_value/tokens.d.ts +16 -16
- package/dist/tokens/BP2/light_mode_value/tokens.js +27 -27
- package/dist/tokens/BP2/light_mode_value/tokens.json +27 -27
- package/dist/tokens/px-tokens.d.ts +16 -16
- package/dist/tokens/px-tokens.js +25 -27
- package/dist/tokens/tokens-css-vars.scss +27 -27
- package/dist/tokens/tokens.d.ts +16 -16
- package/dist/tokens/tokens.js +25 -27
- package/dist/tokens/tokens.json +27 -27
- package/package.json +2 -2
|
@@ -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
|
|
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;
|
package/dist/tokens/px-tokens.js
CHANGED
|
@@ -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
|
|
861
|
+
export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
|
|
863
862
|
export const bpBorderCtaBorderOutlineDisabled = '#646464';
|
|
864
|
-
export const
|
|
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 = '
|
|
966
|
-
export const
|
|
967
|
-
export const
|
|
968
|
-
export const
|
|
969
|
-
export const
|
|
970
|
-
export const bpIconCtaIconPressed = '
|
|
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.
|
|
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 = '
|
|
1099
|
-
export const bpSurfaceCtaSurfaceTertiaryHover = '
|
|
1100
|
-
export const bpSurfaceCtaSurfaceTertiaryPressed = '
|
|
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 = '#
|
|
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-
|
|
1384
|
-
--bp-border-cta-border-
|
|
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-
|
|
1476
|
-
--bp-icon-cta-icon-
|
|
1477
|
-
--bp-icon-cta-icon-
|
|
1478
|
-
--bp-icon-cta-icon-
|
|
1479
|
-
--bp-icon-cta-icon-
|
|
1480
|
-
--bp-icon-cta-icon-pressed: var(--bp-
|
|
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-
|
|
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-
|
|
1565
|
-
--bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-
|
|
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-
|
|
1590
|
-
--bp-surface-cta-surface-tertiary-hover: var(--bp-
|
|
1591
|
-
--bp-surface-cta-surface-tertiary-pressed: var(--bp-
|
|
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-
|
|
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);
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -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
|
|
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;
|