@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.
- 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
package/dist/tokens/tokens.js
CHANGED
|
@@ -843,7 +843,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
|
|
|
843
843
|
export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
|
|
844
844
|
export const bpBorderBadgeBorder = '#ffffff';
|
|
845
845
|
export const bpBorderCardBorder = '#e8e8e8';
|
|
846
|
-
export const bpBorderCardBorderFocus = '#0061d5';
|
|
847
846
|
export const bpBorderCardBorderHover = '#e8e8e8';
|
|
848
847
|
export const bpBorderCardBorderPressed = '#e8e8e8';
|
|
849
848
|
export const bpBorderCheckboxBorder = '#6f6f6f';
|
|
@@ -855,14 +854,9 @@ export const bpBorderComboboxBorder = '#909090';
|
|
|
855
854
|
export const bpBorderComboboxBorderHover = '#6f6f6f';
|
|
856
855
|
export const bpBorderContentButtonBorderHoverActive = '#909090';
|
|
857
856
|
export const bpBorderContentButtonBorderSelected = '#909090';
|
|
858
|
-
export const
|
|
857
|
+
export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
|
|
859
858
|
export const bpBorderCtaBorderOutlineDisabled = '#646464';
|
|
860
|
-
export const
|
|
861
|
-
export const bpBorderCtaBorderOutlinePressed = '#000000';
|
|
862
|
-
export const bpBorderCtaBorderSecondary = '#bcbcbc';
|
|
863
|
-
export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
|
|
864
|
-
export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
|
|
865
|
-
export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
|
|
859
|
+
export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
|
|
866
860
|
export const bpBorderDatePickerDayBorderFocus = '#2486fc';
|
|
867
861
|
export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
|
|
868
862
|
export const bpBorderDatePickerBorderActive = '#2486fc';
|
|
@@ -884,6 +878,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
|
|
|
884
878
|
export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
|
|
885
879
|
export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
|
|
886
880
|
export const bpBorderGridThumbnailBorder = '#e8e8e8';
|
|
881
|
+
export const bpBorderHeaderBorder = '#e8e8e8';
|
|
887
882
|
export const bpBorderInlineTableBorder = '#e8e8e8';
|
|
888
883
|
export const bpBorderInputBorder = '#909090';
|
|
889
884
|
export const bpBorderInputBorderError = '#ed3757';
|
|
@@ -892,10 +887,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
|
|
|
892
887
|
export const bpBorderInputBorderFocus = '#2486fc';
|
|
893
888
|
export const bpBorderInputBorderHover = '#6f6f6f';
|
|
894
889
|
export const bpBorderInputChipBorderError = '#ed3757';
|
|
890
|
+
export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
|
|
895
891
|
export const bpBorderItemSmallBorderSelected = '#0061d5';
|
|
896
892
|
export const bpBorderItemBorderHover = '#e8e8e8';
|
|
897
893
|
export const bpBorderItemBorderSelected = '#0061d5';
|
|
898
894
|
export const bpBorderListItemBorder = '#e8e8e8';
|
|
895
|
+
export const bpBorderListItemBorderQuote = '#909090';
|
|
899
896
|
export const bpBorderListItemBorderSelected = '#0061d5';
|
|
900
897
|
export const bpBorderMenuBorder = '#e8e8e8';
|
|
901
898
|
export const bpBorderMessageBorderError = '#ed3757';
|
|
@@ -936,6 +933,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
|
|
|
936
933
|
export const bpBorderTabBorderSelected = '#0061d5';
|
|
937
934
|
export const bpBorderTabBorderSelectedFocus = '#0061d5';
|
|
938
935
|
export const bpBorderTabBorderSelectedHover = '#0061d5';
|
|
936
|
+
export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
|
|
939
937
|
export const bpBorderToggleBorder = '#bcbcbc';
|
|
940
938
|
export const bpBorderToggleBorderOff = '#ffffff';
|
|
941
939
|
export const bpBorderToggleBorderOn = '#99c0ee';
|
|
@@ -947,6 +945,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
|
|
|
947
945
|
export const bpBorderToggleTextBorderOnHover = '#99c0ee';
|
|
948
946
|
export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
|
|
949
947
|
export const bpBorderToolbarBorder = '#e8e8e8';
|
|
948
|
+
export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
|
|
950
949
|
export const bpBorderTooltipBorderError = '#f69bab';
|
|
951
950
|
export const bpBorderBorderAccordionHover = '#e8e8e8';
|
|
952
951
|
export const bpBorder00 = '0';
|
|
@@ -958,12 +957,12 @@ export const bpBorder05 = '0.3125rem';
|
|
|
958
957
|
export const bpBorder06 = '0.375rem';
|
|
959
958
|
export const bpBorder07 = '0.4375rem';
|
|
960
959
|
export const bpBorder08 = '0.5rem';
|
|
961
|
-
export const bpIconCtaIcon = '
|
|
962
|
-
export const
|
|
963
|
-
export const
|
|
964
|
-
export const
|
|
965
|
-
export const
|
|
966
|
-
export const bpIconCtaIconPressed = '
|
|
960
|
+
export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
|
|
961
|
+
export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
|
|
962
|
+
export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
|
|
963
|
+
export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
|
|
964
|
+
export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
|
|
965
|
+
export const bpIconCtaIconPressed = 'rgba(0, 0, 0, 0.9)';
|
|
967
966
|
export const bpIconCtaIconUtility = '#4e4e4e';
|
|
968
967
|
export const bpIconCtaIconUtilityHover = '#000000';
|
|
969
968
|
export const bpIconCtaIconUtilityPressed = '#000000';
|
|
@@ -1022,6 +1021,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
|
|
|
1022
1021
|
export const bpSurfaceBadgeSurfaceIndesign = '#131415';
|
|
1023
1022
|
export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
|
|
1024
1023
|
export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
|
|
1024
|
+
export const bpSurfaceBadgeSurfaceModified = '#2486fc';
|
|
1025
1025
|
export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
|
|
1026
1026
|
export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
|
|
1027
1027
|
export const bpSurfaceBadgeSurfaceOffline = '#26c281';
|
|
@@ -1047,7 +1047,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
|
|
|
1047
1047
|
export const bpSurfaceBadgeSurfaceWord = '#185abd';
|
|
1048
1048
|
export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
|
|
1049
1049
|
export const bpSurfaceCalendarSurface = '#ffffff';
|
|
1050
|
-
export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.
|
|
1050
|
+
export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
|
|
1051
1051
|
export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
|
|
1052
1052
|
export const bpSurfaceCardSurfaceHover = '#ffffff';
|
|
1053
1053
|
export const bpSurfaceCardSurfacePressed = '#fbfbfb';
|
|
@@ -1066,11 +1066,8 @@ export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
|
|
|
1066
1066
|
export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
|
|
1067
1067
|
export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
|
|
1068
1068
|
export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
|
|
1069
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
|
|
1070
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
|
|
1071
1069
|
export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
|
|
1072
1070
|
export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
|
|
1073
|
-
export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
|
|
1074
1071
|
export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
|
|
1075
1072
|
export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
|
|
1076
1073
|
export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
|
|
@@ -1085,15 +1082,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
|
|
|
1085
1082
|
export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
|
|
1086
1083
|
export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
|
|
1087
1084
|
export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
|
|
1088
|
-
export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
|
|
1089
|
-
export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
|
|
1090
|
-
export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
|
|
1091
|
-
export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
|
|
1092
1085
|
export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
|
|
1093
1086
|
export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
|
|
1094
|
-
export const bpSurfaceCtaSurfaceTertiary = '
|
|
1095
|
-
export const bpSurfaceCtaSurfaceTertiaryHover = '
|
|
1096
|
-
export const bpSurfaceCtaSurfaceTertiaryPressed = '
|
|
1087
|
+
export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
|
|
1088
|
+
export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
|
|
1089
|
+
export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
|
|
1097
1090
|
export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
|
|
1098
1091
|
export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
|
|
1099
1092
|
export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
|
|
@@ -1167,8 +1160,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
|
|
|
1167
1160
|
export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
1168
1161
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
1169
1162
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
1170
|
-
export const bpSurfaceListItemSurfaceHover = '#
|
|
1163
|
+
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
1164
|
+
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
1171
1165
|
export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
|
|
1166
|
+
export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
|
|
1172
1167
|
export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
|
|
1173
1168
|
export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
|
|
1174
1169
|
export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
|
|
@@ -1180,6 +1175,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
|
|
|
1180
1175
|
export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
|
|
1181
1176
|
export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
|
|
1182
1177
|
export const bpSurfaceModalSurface = '#ffffff';
|
|
1178
|
+
export const bpSurfaceModalSurfaceGray = '#f4f4f4';
|
|
1183
1179
|
export const bpSurfaceNavSurfaceBrand = '#0061d5';
|
|
1184
1180
|
export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
1185
1181
|
export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -1248,6 +1244,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
|
|
|
1248
1244
|
export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
|
|
1249
1245
|
export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
|
|
1250
1246
|
export const bpSurfaceTextHighlightSurface = '#fff7cc';
|
|
1247
|
+
export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0)';
|
|
1248
|
+
export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
|
|
1249
|
+
export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
|
|
1251
1250
|
export const bpSurfaceToggleSurface = '#ffffff';
|
|
1252
1251
|
export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
|
|
1253
1252
|
export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
|
|
@@ -1268,7 +1267,6 @@ export const bpSurfaceTooltipSurface = '#222222';
|
|
|
1268
1267
|
export const bpSurfaceTooltipSurfaceError = '#fac3cd';
|
|
1269
1268
|
export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
|
|
1270
1269
|
export const bpSurfaceSurface = '#ffffff';
|
|
1271
|
-
export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
|
|
1272
1270
|
export const bpSurfaceSurfaceBrand = '#0061d5';
|
|
1273
1271
|
export const bpSurfaceSurfaceBrandBusy = '#0061d5';
|
|
1274
1272
|
export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
|
package/dist/tokens/tokens.json
CHANGED
|
@@ -824,7 +824,6 @@
|
|
|
824
824
|
"BpBorderAvatarBorderPressed": "rgba(0, 0, 0, 0.08)",
|
|
825
825
|
"BpBorderBadgeBorder": "#ffffff",
|
|
826
826
|
"BpBorderCardBorder": "#e8e8e8",
|
|
827
|
-
"BpBorderCardBorderFocus": "#0061d5",
|
|
828
827
|
"BpBorderCardBorderHover": "#e8e8e8",
|
|
829
828
|
"BpBorderCardBorderPressed": "#e8e8e8",
|
|
830
829
|
"BpBorderCheckboxBorder": "#6f6f6f",
|
|
@@ -836,14 +835,9 @@
|
|
|
836
835
|
"BpBorderComboboxBorderHover": "#6f6f6f",
|
|
837
836
|
"BpBorderContentButtonBorderHoverActive": "#909090",
|
|
838
837
|
"BpBorderContentButtonBorderSelected": "#909090",
|
|
839
|
-
"
|
|
838
|
+
"BpBorderCtaBorderHighContrast": "rgba(0, 0, 0, 0.9)",
|
|
840
839
|
"BpBorderCtaBorderOutlineDisabled": "#646464",
|
|
841
|
-
"
|
|
842
|
-
"BpBorderCtaBorderOutlinePressed": "#000000",
|
|
843
|
-
"BpBorderCtaBorderSecondary": "#bcbcbc",
|
|
844
|
-
"BpBorderCtaBorderSecondaryDisabled": "#e8e8e8",
|
|
845
|
-
"BpBorderCtaBorderSecondaryHover": "#bcbcbc",
|
|
846
|
-
"BpBorderCtaBorderSecondaryPressed": "#bcbcbc",
|
|
840
|
+
"BpBorderCtaBorderSecondary": "rgba(0, 0, 0, 0.08)",
|
|
847
841
|
"BpBorderDatePickerDayBorderFocus": "#2486fc",
|
|
848
842
|
"BpBorderDatePickerDayBorderSelectedFocus": "#2486fc",
|
|
849
843
|
"BpBorderDatePickerBorderActive": "#2486fc",
|
|
@@ -865,6 +859,7 @@
|
|
|
865
859
|
"BpBorderFilterChipBorderMultiOn": "#99c0ee",
|
|
866
860
|
"BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
|
|
867
861
|
"BpBorderGridThumbnailBorder": "#e8e8e8",
|
|
862
|
+
"BpBorderHeaderBorder": "#e8e8e8",
|
|
868
863
|
"BpBorderInlineTableBorder": "#e8e8e8",
|
|
869
864
|
"BpBorderInputBorder": "#909090",
|
|
870
865
|
"BpBorderInputBorderError": "#ed3757",
|
|
@@ -873,10 +868,12 @@
|
|
|
873
868
|
"BpBorderInputBorderFocus": "#2486fc",
|
|
874
869
|
"BpBorderInputBorderHover": "#6f6f6f",
|
|
875
870
|
"BpBorderInputChipBorderError": "#ed3757",
|
|
871
|
+
"BpBorderInputChipBorderShadow": "rgba(0, 0, 0, 0.04)",
|
|
876
872
|
"BpBorderItemSmallBorderSelected": "#0061d5",
|
|
877
873
|
"BpBorderItemBorderHover": "#e8e8e8",
|
|
878
874
|
"BpBorderItemBorderSelected": "#0061d5",
|
|
879
875
|
"BpBorderListItemBorder": "#e8e8e8",
|
|
876
|
+
"BpBorderListItemBorderQuote": "#909090",
|
|
880
877
|
"BpBorderListItemBorderSelected": "#0061d5",
|
|
881
878
|
"BpBorderMenuBorder": "#e8e8e8",
|
|
882
879
|
"BpBorderMessageBorderError": "#ed3757",
|
|
@@ -917,6 +914,7 @@
|
|
|
917
914
|
"BpBorderTabBorderSelected": "#0061d5",
|
|
918
915
|
"BpBorderTabBorderSelectedFocus": "#0061d5",
|
|
919
916
|
"BpBorderTabBorderSelectedHover": "#0061d5",
|
|
917
|
+
"BpBorderTimePickerBorderSelectedFocus": "#0061d5",
|
|
920
918
|
"BpBorderToggleBorder": "#bcbcbc",
|
|
921
919
|
"BpBorderToggleBorderOff": "#ffffff",
|
|
922
920
|
"BpBorderToggleBorderOn": "#99c0ee",
|
|
@@ -928,6 +926,7 @@
|
|
|
928
926
|
"BpBorderToggleTextBorderOnHover": "#99c0ee",
|
|
929
927
|
"BpBorderToggleTextBorderOnPressed": "#99c0ee",
|
|
930
928
|
"BpBorderToolbarBorder": "#e8e8e8",
|
|
929
|
+
"BpBorderTooltipBorder": "rgba(255, 255, 255, 0.16)",
|
|
931
930
|
"BpBorderTooltipBorderError": "#f69bab",
|
|
932
931
|
"BpBorderBorderAccordionHover": "#e8e8e8",
|
|
933
932
|
"BpBorder00": "0",
|
|
@@ -939,12 +938,12 @@
|
|
|
939
938
|
"BpBorder06": "0.375rem",
|
|
940
939
|
"BpBorder07": "0.4375rem",
|
|
941
940
|
"BpBorder08": "0.5rem",
|
|
942
|
-
"BpIconCtaIcon": "
|
|
943
|
-
"
|
|
944
|
-
"
|
|
945
|
-
"
|
|
946
|
-
"
|
|
947
|
-
"BpIconCtaIconPressed": "
|
|
941
|
+
"BpIconCtaIcon": "rgba(0, 0, 0, 0.6)",
|
|
942
|
+
"BpIconCtaIconHighContrast": "rgba(0, 0, 0, 0.9)",
|
|
943
|
+
"BpIconCtaIconHighContrastHover": "rgba(0, 0, 0, 0.9)",
|
|
944
|
+
"BpIconCtaIconHighContrastPressed": "rgba(0, 0, 0, 0.9)",
|
|
945
|
+
"BpIconCtaIconHover": "rgba(0, 0, 0, 0.9)",
|
|
946
|
+
"BpIconCtaIconPressed": "rgba(0, 0, 0, 0.9)",
|
|
948
947
|
"BpIconCtaIconUtility": "#4e4e4e",
|
|
949
948
|
"BpIconCtaIconUtilityHover": "#000000",
|
|
950
949
|
"BpIconCtaIconUtilityPressed": "#000000",
|
|
@@ -1003,6 +1002,7 @@
|
|
|
1003
1002
|
"BpSurfaceBadgeSurfaceIndesign": "#131415",
|
|
1004
1003
|
"BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
|
|
1005
1004
|
"BpSurfaceBadgeSurfaceMention": "#1d6bca",
|
|
1005
|
+
"BpSurfaceBadgeSurfaceModified": "#2486fc",
|
|
1006
1006
|
"BpSurfaceBadgeSurfaceNotification": "#d5324e",
|
|
1007
1007
|
"BpSurfaceBadgeSurfaceNumbers": "#00a650",
|
|
1008
1008
|
"BpSurfaceBadgeSurfaceOffline": "#26c281",
|
|
@@ -1028,7 +1028,7 @@
|
|
|
1028
1028
|
"BpSurfaceBadgeSurfaceWord": "#185abd",
|
|
1029
1029
|
"BpSurfaceBadgeSurfaceZip": "#6f6f6f",
|
|
1030
1030
|
"BpSurfaceCalendarSurface": "#ffffff",
|
|
1031
|
-
"BpSurfaceCardSurface": "rgba(255, 255, 255, 0.
|
|
1031
|
+
"BpSurfaceCardSurface": "rgba(255, 255, 255, 0.9)",
|
|
1032
1032
|
"BpSurfaceCardSurfaceFocus": "#f2f7fd",
|
|
1033
1033
|
"BpSurfaceCardSurfaceHover": "#ffffff",
|
|
1034
1034
|
"BpSurfaceCardSurfacePressed": "#fbfbfb",
|
|
@@ -1047,11 +1047,10 @@
|
|
|
1047
1047
|
"BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
|
|
1048
1048
|
"BpSurfaceContentButtonSurfaceSelected": "#ffffff",
|
|
1049
1049
|
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
1050
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "
|
|
1051
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "
|
|
1050
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
1051
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
1052
1052
|
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
1053
1053
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
1054
|
-
"BpSurfaceCtaSurfaceIconDisabled": "rgba(0, 0, 0, 0)",
|
|
1055
1054
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
1056
1055
|
"BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
|
|
1057
1056
|
"BpSurfaceCtaSurfaceIconUtility": "#e8e8e8",
|
|
@@ -1066,15 +1065,11 @@
|
|
|
1066
1065
|
"BpSurfaceCtaSurfacePromoHover": "#4826c2",
|
|
1067
1066
|
"BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
|
|
1068
1067
|
"BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.7)",
|
|
1069
|
-
"BpSurfaceCtaSurfaceSecondaryBusy": "rgba(255, 255, 255, 0.7)",
|
|
1070
|
-
"BpSurfaceCtaSurfaceSecondaryDisabled": "rgba(255, 255, 255, 0.7)",
|
|
1071
|
-
"BpSurfaceCtaSurfaceSecondaryFocus": "rgba(0, 0, 0, 0.04)",
|
|
1072
|
-
"BpSurfaceCtaSurfaceSecondaryFocusPressed": "rgba(0, 0, 0, 0.08)",
|
|
1073
1068
|
"BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
|
|
1074
1069
|
"BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
|
|
1075
|
-
"BpSurfaceCtaSurfaceTertiary": "
|
|
1076
|
-
"BpSurfaceCtaSurfaceTertiaryHover": "
|
|
1077
|
-
"BpSurfaceCtaSurfaceTertiaryPressed": "
|
|
1070
|
+
"BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
|
|
1071
|
+
"BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
|
|
1072
|
+
"BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
|
|
1078
1073
|
"BpSurfaceCtaSurfaceTertiaryPromo": "#ece9f8",
|
|
1079
1074
|
"BpSurfaceCtaSurfaceTertiaryPromoFocus": "#f6f4fc",
|
|
1080
1075
|
"BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
|
|
@@ -1148,8 +1143,10 @@
|
|
|
1148
1143
|
"BpSurfaceItemSurfaceHover": "#ffffff",
|
|
1149
1144
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
1150
1145
|
"BpSurfaceListItemSurface": "#ffffff",
|
|
1151
|
-
"BpSurfaceListItemSurfaceHover": "#
|
|
1146
|
+
"BpSurfaceListItemSurfaceHover": "#ffffff",
|
|
1147
|
+
"BpSurfaceListItemSurfaceLoading": "#f4f4f4",
|
|
1152
1148
|
"BpSurfaceListItemSurfaceSelected": "#f2f7fd",
|
|
1149
|
+
"BpSurfaceListItemSurfaceThumbnail": "#ffffff",
|
|
1153
1150
|
"BpSurfaceLoadingIndicatorSurface": "#0061d5",
|
|
1154
1151
|
"BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
|
|
1155
1152
|
"BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
|
|
@@ -1166,6 +1163,7 @@
|
|
|
1166
1163
|
"BpSurfaceMenuItemSurfaceLoading": "#ffffff",
|
|
1167
1164
|
"BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
|
|
1168
1165
|
"BpSurfaceModalSurface": "#ffffff",
|
|
1166
|
+
"BpSurfaceModalSurfaceGray": "#f4f4f4",
|
|
1169
1167
|
"BpSurfaceNavSurfaceBrand": "#0061d5",
|
|
1170
1168
|
"BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
1171
1169
|
"BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
|
|
@@ -1234,6 +1232,9 @@
|
|
|
1234
1232
|
"BpSurfaceTabSurfaceHover": "rgba(0, 0, 0, 0)",
|
|
1235
1233
|
"BpSurfaceTabSurfacePressed": "rgba(0, 0, 0, 0)",
|
|
1236
1234
|
"BpSurfaceTextHighlightSurface": "#fff7cc",
|
|
1235
|
+
"BpSurfaceTimePickerSurface": "rgba(255, 255, 255, 0)",
|
|
1236
|
+
"BpSurfaceTimePickerSurfaceSelected": "#0061d5",
|
|
1237
|
+
"BpSurfaceTimePickerSurfaceSelectedFocus": "#f2f7fd",
|
|
1237
1238
|
"BpSurfaceToggleSurface": "#ffffff",
|
|
1238
1239
|
"BpSurfaceToggleSurfaceHover": "#f4f4f4",
|
|
1239
1240
|
"BpSurfaceToggleSurfaceOffHover": "#f4f4f4",
|
|
@@ -1254,7 +1255,6 @@
|
|
|
1254
1255
|
"BpSurfaceTooltipSurfaceError": "#fac3cd",
|
|
1255
1256
|
"BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
|
|
1256
1257
|
"BpSurfaceSurface": "#ffffff",
|
|
1257
|
-
"BpSurfaceSurfaceAvatar": "rgba(0, 0, 0, 0.04)",
|
|
1258
1258
|
"BpSurfaceSurfaceBrand": "#0061d5",
|
|
1259
1259
|
"BpSurfaceSurfaceBrandBusy": "#0061d5",
|
|
1260
1260
|
"BpSurfaceSurfaceBrandDisabled": "#0061d5",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.66.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
}
|
|
132
132
|
},
|
|
133
133
|
"devDependencies": {
|
|
134
|
-
"@box/storybook-utils": "^0.14.
|
|
134
|
+
"@box/storybook-utils": "^0.14.2",
|
|
135
135
|
"@types/react": "^18.0.0",
|
|
136
136
|
"@types/react-dom": "^18.0.0",
|
|
137
137
|
"chalk": "4.1.2",
|