@box/blueprint-web-assets 4.56.8 → 4.57.2
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/Medium/ChevronDown.d.ts +3 -0
- package/dist/icons/Medium/ChevronDown.js +5 -0
- package/dist/icons/Medium/ChevronLeft.d.ts +3 -0
- package/dist/icons/Medium/ChevronLeft.js +5 -0
- package/dist/icons/Medium/ChevronRight.d.ts +3 -0
- package/dist/icons/Medium/ChevronRight.js +5 -0
- package/dist/icons/Medium/ChevronUp.d.ts +3 -0
- package/dist/icons/Medium/ChevronUp.js +5 -0
- package/dist/icons/Medium/index.d.ts +4 -0
- package/dist/icons/Medium/index.js +4 -0
- package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +187 -114
- package/dist/tokens/BP2/dark_mode_value/px-tokens.js +199 -126
- package/dist/tokens/BP2/dark_mode_value/tokens.css +195 -122
- package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +187 -114
- package/dist/tokens/BP2/dark_mode_value/tokens.js +199 -126
- package/dist/tokens/BP2/dark_mode_value/tokens.json +199 -126
- package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +187 -114
- package/dist/tokens/BP2/light_mode_value/px-tokens.js +199 -126
- package/dist/tokens/BP2/light_mode_value/tokens.css +194 -121
- package/dist/tokens/BP2/light_mode_value/tokens.d.ts +187 -114
- package/dist/tokens/BP2/light_mode_value/tokens.js +199 -126
- package/dist/tokens/BP2/light_mode_value/tokens.json +199 -126
- package/dist/tokens/px-tokens.js +199 -126
- package/dist/tokens/tokens-css-vars.scss +194 -121
- package/dist/tokens/tokens.js +199 -126
- package/dist/tokens/tokens.json +199 -126
- package/package.json +2 -2
package/dist/tokens/tokens.json
CHANGED
|
@@ -828,8 +828,9 @@
|
|
|
828
828
|
"BpBorderCheckboxBorderHover": "#4e4e4e",
|
|
829
829
|
"BpBorderCheckboxBorderSelected": "#0061d5",
|
|
830
830
|
"BpBorderCheckboxBorderSelectedHover": "#2079e3",
|
|
831
|
-
"
|
|
832
|
-
"
|
|
831
|
+
"BpBorderCollapsibleSectionBorder": "#d3d3d3",
|
|
832
|
+
"BpBorderContentButtonBorderHoverActive": "#909090",
|
|
833
|
+
"BpBorderContentButtonBorderSelected": "#909090",
|
|
833
834
|
"BpBorderCtaBorderOutline": "#000000",
|
|
834
835
|
"BpBorderCtaBorderOutlineDisabled": "#646464",
|
|
835
836
|
"BpBorderCtaBorderOutlineHover": "#000000",
|
|
@@ -838,47 +839,66 @@
|
|
|
838
839
|
"BpBorderCtaBorderSecondaryDisabled": "#e8e8e8",
|
|
839
840
|
"BpBorderCtaBorderSecondaryHover": "#bcbcbc",
|
|
840
841
|
"BpBorderCtaBorderSecondaryPressed": "#bcbcbc",
|
|
842
|
+
"BpBorderDatePickerDayBorderFocus": "#2486fc",
|
|
843
|
+
"BpBorderDatePickerDayBorderSelectedFocus": "#2486fc",
|
|
844
|
+
"BpBorderDatePickerBorderActive": "#2486fc",
|
|
845
|
+
"BpBorderDatePickerBorderComplete": "#909090",
|
|
846
|
+
"BpBorderDatePickerBorderDefault": "#909090",
|
|
847
|
+
"BpBorderDatePickerBorderDisabled": "#909090",
|
|
848
|
+
"BpBorderDatePickerBorderError": "#ed3757",
|
|
849
|
+
"BpBorderDatePickerBorderFocus": "#2486fc",
|
|
850
|
+
"BpBorderDatePickerBorderHover": "#6f6f6f",
|
|
841
851
|
"BpBorderDividerBorder": "#e8e8e8",
|
|
842
852
|
"BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
|
|
853
|
+
"BpBorderDropdownSecondaryBorder": "#bcbcbc",
|
|
843
854
|
"BpBorderDropdownBorder": "#bcbcbc",
|
|
844
855
|
"BpBorderDropdownBorderError": "#ed3757",
|
|
845
856
|
"BpBorderDropdownBorderErrorFocus": "#ed3757",
|
|
846
857
|
"BpBorderDropdownBorderErrorHover": "#ed3757",
|
|
847
858
|
"BpBorderDropdownBorderFocus": "#0061d5",
|
|
848
859
|
"BpBorderDropdownBorderHover": "#6f6f6f",
|
|
849
|
-
"
|
|
850
|
-
"
|
|
851
|
-
"
|
|
860
|
+
"BpBorderFilterChipBorderMultiOn": "#99c0ee",
|
|
861
|
+
"BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
|
|
862
|
+
"BpBorderGridThumbnailBorder": "#e8e8e8",
|
|
852
863
|
"BpBorderInputBorder": "#909090",
|
|
853
864
|
"BpBorderInputBorderError": "#ed3757",
|
|
854
865
|
"BpBorderInputBorderErrorFocus": "#ed3757",
|
|
855
866
|
"BpBorderInputBorderErrorHover": "#ed3757",
|
|
856
867
|
"BpBorderInputBorderFocus": "#2486fc",
|
|
857
868
|
"BpBorderInputBorderHover": "#6f6f6f",
|
|
858
|
-
"
|
|
869
|
+
"BpBorderInputChipBorderError": "#ed3757",
|
|
870
|
+
"BpBorderItemSmallBorderSelected": "#0061d5",
|
|
859
871
|
"BpBorderItemBorderHover": "#e8e8e8",
|
|
860
872
|
"BpBorderItemBorderSelected": "#0061d5",
|
|
861
|
-
"
|
|
873
|
+
"BpBorderListItemBorder": "#e8e8e8",
|
|
874
|
+
"BpBorderListItemBorderSelected": "#0061d5",
|
|
875
|
+
"BpBorderMenuBorder": "#e8e8e8",
|
|
862
876
|
"BpBorderMessageBorderError": "#ed3757",
|
|
863
|
-
"BpBorderMessageBorderErrorSecondary": "
|
|
877
|
+
"BpBorderMessageBorderErrorSecondary": "rgba(237, 55, 87, 0.3)",
|
|
864
878
|
"BpBorderMessageBorderGeneric": "#222222",
|
|
865
|
-
"BpBorderMessageBorderGenericSecondary": "
|
|
879
|
+
"BpBorderMessageBorderGenericSecondary": "rgba(0, 0, 0, 0.3)",
|
|
866
880
|
"BpBorderMessageBorderInfo": "#0061d5",
|
|
867
|
-
"BpBorderMessageBorderInfoSecondary": "
|
|
881
|
+
"BpBorderMessageBorderInfoSecondary": "rgba(36, 134, 252, 0.3)",
|
|
868
882
|
"BpBorderMessageBorderSuccess": "#26c281",
|
|
869
|
-
"BpBorderMessageBorderSuccessSecondary": "
|
|
883
|
+
"BpBorderMessageBorderSuccessSecondary": "rgba(38, 194, 129, 0.3)",
|
|
870
884
|
"BpBorderMessageBorderWarning": "#f5b31b",
|
|
871
|
-
"BpBorderMessageBorderWarningSecondary": "
|
|
885
|
+
"BpBorderMessageBorderWarningSecondary": "rgba(245, 179, 27, 0.3)",
|
|
872
886
|
"BpBorderRadioBorder": "#6f6f6f",
|
|
873
887
|
"BpBorderRadioBorderHover": "#4e4e4e",
|
|
874
888
|
"BpBorderRadioBorderSelected": "#0061d5",
|
|
875
889
|
"BpBorderRadioBorderSelectedHover": "#2079e3",
|
|
876
|
-
"
|
|
877
|
-
"
|
|
878
|
-
"
|
|
890
|
+
"BpBorderRadioTileBorder": "#bcbcbc",
|
|
891
|
+
"BpBorderRadioTileBorderHover": "#bcbcbc",
|
|
892
|
+
"BpBorderRadioTileBorderSelected": "#0061d5",
|
|
893
|
+
"BpBorderSearchGlobalBorderHover": "#e8e8e8",
|
|
879
894
|
"BpBorderSearchBorder": "#f4f4f4",
|
|
880
895
|
"BpBorderSearchBorderHover": "#6f6f6f",
|
|
881
|
-
"
|
|
896
|
+
"BpBorderSelectBorderActive": "#2486fc",
|
|
897
|
+
"BpBorderSelectBorderDefault": "#bcbcbc",
|
|
898
|
+
"BpBorderSelectBorderDisabled": "#bcbcbc",
|
|
899
|
+
"BpBorderSelectBorderError": "#d5324e",
|
|
900
|
+
"BpBorderSelectBorderHover": "#6f6f6f",
|
|
901
|
+
"BpBorderSelectBorderReadOnly": "#d3d3d3",
|
|
882
902
|
"BpBorderStatusBorderHover": "rgba(0, 0, 0, 0.04)",
|
|
883
903
|
"BpBorderSwitchBorder": "#bcbcbc",
|
|
884
904
|
"BpBorderSwitchBorderHover": "#bcbcbc",
|
|
@@ -888,14 +908,15 @@
|
|
|
888
908
|
"BpBorderTabBorderSelectedFocus": "#0061d5",
|
|
889
909
|
"BpBorderTabBorderSelectedHover": "#0061d5",
|
|
890
910
|
"BpBorderToggleBorder": "#bcbcbc",
|
|
911
|
+
"BpBorderToggleBorderOff": "#ffffff",
|
|
891
912
|
"BpBorderToggleBorderOn": "#99c0ee",
|
|
892
|
-
"
|
|
893
|
-
"
|
|
894
|
-
"
|
|
895
|
-
"
|
|
896
|
-
"
|
|
897
|
-
"
|
|
898
|
-
"
|
|
913
|
+
"BpBorderToggleTextBorderOff": "#ffffff",
|
|
914
|
+
"BpBorderToggleTextBorderOffAi": "#bcbcbc",
|
|
915
|
+
"BpBorderToggleTextBorderOffHover": "#f4f4f4",
|
|
916
|
+
"BpBorderToggleTextBorderOffPressed": "#e8e8e8",
|
|
917
|
+
"BpBorderToggleTextBorderOn": "#99c0ee",
|
|
918
|
+
"BpBorderToggleTextBorderOnHover": "#99c0ee",
|
|
919
|
+
"BpBorderToggleTextBorderOnPressed": "#99c0ee",
|
|
899
920
|
"BpBorderTooltipBorderError": "#f69bab",
|
|
900
921
|
"BpBorder00": "0",
|
|
901
922
|
"BpBorder01": "0.0625rem",
|
|
@@ -915,14 +936,6 @@
|
|
|
915
936
|
"BpIconCtaIconUtility": "#4e4e4e",
|
|
916
937
|
"BpIconCtaIconUtilityHover": "#000000",
|
|
917
938
|
"BpIconCtaIconUtilityPressed": "#000000",
|
|
918
|
-
"BpIconIconBlue": "#0061d5",
|
|
919
|
-
"BpIconIconDestructiveOnLight": "#d5324e",
|
|
920
|
-
"BpIconIconErrorOnLight": "#d5324e",
|
|
921
|
-
"BpIconIconOnDark": "#ffffff",
|
|
922
|
-
"BpIconIconOnLight": "#222222",
|
|
923
|
-
"BpIconIconOnLightSecondary": "#6f6f6f",
|
|
924
|
-
"BpIconIconOnLightTertiary": "#909090",
|
|
925
|
-
"BpIconIconRequiredOnLight": "#d5324e",
|
|
926
939
|
"BpIconNavIconOnDark": "#ffffff",
|
|
927
940
|
"BpIconNavIconOnDarkFocus": "#ffffff",
|
|
928
941
|
"BpIconNavIconOnDarkHover": "#ffffff",
|
|
@@ -931,41 +944,74 @@
|
|
|
931
944
|
"BpIconNavIconOnLightFocus": "#222222",
|
|
932
945
|
"BpIconNavIconOnLightHover": "#222222",
|
|
933
946
|
"BpIconNavIconOnLightSelected": "#222222",
|
|
947
|
+
"BpIconIconBlue": "#0061d5",
|
|
948
|
+
"BpIconIconDestructiveOnLight": "#d5324e",
|
|
949
|
+
"BpIconIconErrorOnLight": "#d5324e",
|
|
950
|
+
"BpIconIconIllustrator": "#ff9400",
|
|
951
|
+
"BpIconIconIndesign": "#ff57a1",
|
|
952
|
+
"BpIconIconOnDark": "#ffffff",
|
|
953
|
+
"BpIconIconOnLight": "#222222",
|
|
954
|
+
"BpIconIconOnLightSecondary": "#6f6f6f",
|
|
955
|
+
"BpIconIconOnLightTertiary": "#909090",
|
|
956
|
+
"BpIconIconPhotoshop": "#26c9ff",
|
|
957
|
+
"BpIconIconRequiredOnLight": "#d5324e",
|
|
934
958
|
"BpOutlineFocusOnDark": "#ffffff",
|
|
935
959
|
"BpOutlineFocusOnLight": "#2486fc",
|
|
936
960
|
"BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
|
|
937
|
-
"
|
|
961
|
+
"BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
|
|
938
962
|
"BpSurfaceAccordionSurface": "#ffffff",
|
|
939
963
|
"BpSurfaceAccordionSurfaceHover": "#f4f4f4",
|
|
940
|
-
"
|
|
941
|
-
"
|
|
942
|
-
"
|
|
943
|
-
"
|
|
944
|
-
"
|
|
945
|
-
"
|
|
946
|
-
"
|
|
947
|
-
"
|
|
948
|
-
"
|
|
949
|
-
"
|
|
950
|
-
"
|
|
951
|
-
"
|
|
952
|
-
"
|
|
953
|
-
"
|
|
954
|
-
"
|
|
955
|
-
"
|
|
956
|
-
"
|
|
957
|
-
"
|
|
958
|
-
"
|
|
959
|
-
"
|
|
960
|
-
"
|
|
961
|
-
"
|
|
962
|
-
"
|
|
963
|
-
"
|
|
964
|
-
"
|
|
965
|
-
"
|
|
966
|
-
"
|
|
967
|
-
"
|
|
968
|
-
"
|
|
964
|
+
"BpSurfaceBadgeIllustratorSurface": "#051e25",
|
|
965
|
+
"BpSurfaceBadgeIndesignSurface": "#131415",
|
|
966
|
+
"BpSurfaceBadgeNumbersSurface": "#00a650",
|
|
967
|
+
"BpSurfaceBadgePhotoshopSurface": "#131415",
|
|
968
|
+
"BpSurfaceBadgePowerpointSurface": "#c43e1c",
|
|
969
|
+
"BpSurfaceBadgePresentationSurface": "#d97417",
|
|
970
|
+
"BpSurfaceBadgeSpreadsheetSurface": "#3fb87f",
|
|
971
|
+
"BpSurfaceBadgeSurfaceAdmin": "#003c84",
|
|
972
|
+
"BpSurfaceBadgeSurfaceAnnotation": "#f5b31b",
|
|
973
|
+
"BpSurfaceBadgeSurfaceAudio": "#9f3fed",
|
|
974
|
+
"BpSurfaceBadgeSurfaceBookmark": "#0061d5",
|
|
975
|
+
"BpSurfaceBadgeSurfaceBoxapps": "#0061d5",
|
|
976
|
+
"BpSurfaceBadgeSurfaceBoxnote": "#e8e8e8",
|
|
977
|
+
"BpSurfaceBadgeSurfaceCanvas": "#d97417",
|
|
978
|
+
"BpSurfaceBadgeSurfaceCoadmin": "#9f3fed",
|
|
979
|
+
"BpSurfaceBadgeSurfaceCode": "#ed3757",
|
|
980
|
+
"BpSurfaceBadgeSurfaceCollection": "#e8e8e8",
|
|
981
|
+
"BpSurfaceBadgeSurfaceCompleted": "#1e9b67",
|
|
982
|
+
"BpSurfaceBadgeSurfaceDefault": "#6f6f6f",
|
|
983
|
+
"BpSurfaceBadgeSurfaceDocs": "#4083f7",
|
|
984
|
+
"BpSurfaceBadgeSurfaceDrawing": "#009aed",
|
|
985
|
+
"BpSurfaceBadgeSurfaceError": "#d5324e",
|
|
986
|
+
"BpSurfaceBadgeSurfaceExcel": "#107c41",
|
|
987
|
+
"BpSurfaceBadgeSurfaceExternal": "#909090",
|
|
988
|
+
"BpSurfaceBadgeSurfaceFolderexternal": "#6f6f6f",
|
|
989
|
+
"BpSurfaceBadgeSurfaceFoldershared": "#2486fc",
|
|
990
|
+
"BpSurfaceBadgeSurfaceHubs": "#0061d5",
|
|
991
|
+
"BpSurfaceBadgeSurfaceImage": "#1e9b67",
|
|
992
|
+
"BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
|
|
993
|
+
"BpSurfaceBadgeSurfaceMention": "#1d6bca",
|
|
994
|
+
"BpSurfaceBadgeSurfaceNotification": "#d5324e",
|
|
995
|
+
"BpSurfaceBadgeSurfaceOffline": "#26c281",
|
|
996
|
+
"BpSurfaceBadgeSurfaceOnline": "#1e9b67",
|
|
997
|
+
"BpSurfaceBadgeSurfacePages": "#ff9500",
|
|
998
|
+
"BpSurfaceBadgeSurfacePdf": "#d0021b",
|
|
999
|
+
"BpSurfaceBadgeSurfacePin": "#e8e8e8",
|
|
1000
|
+
"BpSurfaceBadgeSurfaceProgress": "#f5b31b",
|
|
1001
|
+
"BpSurfaceBadgeSurfaceRejected": "#d5324e",
|
|
1002
|
+
"BpSurfaceBadgeSurfaceRelay": "#1d6bca",
|
|
1003
|
+
"BpSurfaceBadgeSurfaceSheets": "#21a464",
|
|
1004
|
+
"BpSurfaceBadgeSurfaceSlides": "#f7ba00",
|
|
1005
|
+
"BpSurfaceBadgeSurfaceTask": "#2486fc",
|
|
1006
|
+
"BpSurfaceBadgeSurfaceTaskapproval": "#1d6bca",
|
|
1007
|
+
"BpSurfaceBadgeSurfaceVideo": "#009aed",
|
|
1008
|
+
"BpSurfaceBadgeTextSurface": "#0061d5",
|
|
1009
|
+
"BpSurfaceBadgeThreeDSurface": "#d97417",
|
|
1010
|
+
"BpSurfaceBadgeVectorSurface": "#d97417",
|
|
1011
|
+
"BpSurfaceBadgeWordSurface": "#185abd",
|
|
1012
|
+
"BpSurfaceBadgeZipSurface": "#6f6f6f",
|
|
1013
|
+
"BpSurfaceCalendarSurface": "#ffffff",
|
|
1014
|
+
"BpSurfaceCardSurface": "rgba(255, 255, 255, 0.7)",
|
|
969
1015
|
"BpSurfaceCardSurfaceFocus": "#f2f7fd",
|
|
970
1016
|
"BpSurfaceCardSurfaceHover": "#ffffff",
|
|
971
1017
|
"BpSurfaceCardSurfacePressed": "#fbfbfb",
|
|
@@ -975,9 +1021,16 @@
|
|
|
975
1021
|
"BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
|
|
976
1022
|
"BpSurfaceChipButtonSurface": "rgba(0, 0, 0, 0.04)",
|
|
977
1023
|
"BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
|
|
978
|
-
"
|
|
979
|
-
"
|
|
980
|
-
"
|
|
1024
|
+
"BpSurfaceComboboxSurface": "#ffffff",
|
|
1025
|
+
"BpSurfaceContentButtonSurfaceFocus": "#ffffff",
|
|
1026
|
+
"BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
|
|
1027
|
+
"BpSurfaceContentButtonSurfaceHoverActive": "#f4f4f4",
|
|
1028
|
+
"BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
|
|
1029
|
+
"BpSurfaceContentButtonSurfaceSelected": "#ffffff",
|
|
1030
|
+
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
1031
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
|
|
1032
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "#fdebee",
|
|
1033
|
+
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
981
1034
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
982
1035
|
"BpSurfaceCtaSurfaceIconDisabled": "rgba(0, 0, 0, 0)",
|
|
983
1036
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
@@ -986,7 +1039,6 @@
|
|
|
986
1039
|
"BpSurfaceCtaSurfaceIconUtilityHover": "#d3d3d3",
|
|
987
1040
|
"BpSurfaceCtaSurfaceIconUtilityPressed": "#bcbcbc",
|
|
988
1041
|
"BpSurfaceCtaSurfaceOutline": "rgba(0, 0, 0, 0)",
|
|
989
|
-
"BpSurfaceCtaSurfaceOutline2": "rgba(0, 0, 0, 0)",
|
|
990
1042
|
"BpSurfaceCtaSurfaceOutlineHover": "rgba(0, 0, 0, 0.04)",
|
|
991
1043
|
"BpSurfaceCtaSurfaceOutlinePressed": "rgba(0, 0, 0, 0.08)",
|
|
992
1044
|
"BpSurfaceCtaSurfacePromo": "#4122af",
|
|
@@ -1009,18 +1061,27 @@
|
|
|
1009
1061
|
"BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
|
|
1010
1062
|
"BpSurfaceCtaSurfaceTertiaryPromoHover": "#f6f4fc",
|
|
1011
1063
|
"BpSurfaceCtaSurfaceTertiaryPromoPressed": "#dad4f3",
|
|
1012
|
-
"
|
|
1013
|
-
"
|
|
1014
|
-
"
|
|
1015
|
-
"
|
|
1016
|
-
"
|
|
1017
|
-
"
|
|
1018
|
-
"
|
|
1064
|
+
"BpSurfaceDatePickerDaySurfaceDefault": "#ffffff",
|
|
1065
|
+
"BpSurfaceDatePickerDaySurfaceDisabled": "#ffffff",
|
|
1066
|
+
"BpSurfaceDatePickerDaySurfaceFocus": "#f4f4f4",
|
|
1067
|
+
"BpSurfaceDatePickerDaySurfaceHover": "#f4f4f4",
|
|
1068
|
+
"BpSurfaceDatePickerDaySurfaceSelected": "#0061d5",
|
|
1069
|
+
"BpSurfaceDatePickerDaySurfaceSelectedFocus": "#003c84",
|
|
1070
|
+
"BpSurfaceDatePickerDaySurfaceSelectedHover": "#003c84",
|
|
1071
|
+
"BpSurfaceDatePickerSurfaceActive": "#ffffff",
|
|
1072
|
+
"BpSurfaceDatePickerSurfaceComplete": "#ffffff",
|
|
1073
|
+
"BpSurfaceDatePickerSurfaceDefault": "#ffffff",
|
|
1074
|
+
"BpSurfaceDatePickerSurfaceDisabled": "#ffffff",
|
|
1075
|
+
"BpSurfaceDatePickerSurfaceError": "#ffffff",
|
|
1076
|
+
"BpSurfaceDatePickerSurfaceFocus": "#ffffff",
|
|
1077
|
+
"BpSurfaceDatePickerSurfaceHover": "#ffffff",
|
|
1019
1078
|
"BpSurfaceDropdownPrimarySurfaceHover": "#f4f4f4",
|
|
1020
1079
|
"BpSurfaceDropdownPrimarySurfacePressed": "#e8e8e8",
|
|
1021
1080
|
"BpSurfaceDropdownSecondarySurface": "#ffffff",
|
|
1022
1081
|
"BpSurfaceDropdownSecondarySurfaceHover": "#f4f4f4",
|
|
1023
1082
|
"BpSurfaceDropdownSecondarySurfacePressed": "#e8e8e8",
|
|
1083
|
+
"BpSurfaceDropdownTertiarySurfaceHover": "#f4f4f4",
|
|
1084
|
+
"BpSurfaceDropdownTertiarySurfacePressed": "#e8e8e8",
|
|
1024
1085
|
"BpSurfaceDropdownSurface": "#ffffff",
|
|
1025
1086
|
"BpSurfaceDropdownSurfaceError": "#ffffff",
|
|
1026
1087
|
"BpSurfaceDropdownSurfaceErrorFocus": "#ffffff",
|
|
@@ -1032,43 +1093,47 @@
|
|
|
1032
1093
|
"BpSurfaceFilterSurfaceHover": "#0061d5",
|
|
1033
1094
|
"BpSurfaceFilterSurfaceSelected": "#0061d5",
|
|
1034
1095
|
"BpSurfaceFilterSurfaceSelectedFocus": "#0061d5",
|
|
1035
|
-
"
|
|
1036
|
-
"
|
|
1037
|
-
"
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
"
|
|
1041
|
-
"
|
|
1042
|
-
"
|
|
1096
|
+
"BpSurfaceFilterChipSurfaceMulti": "rgba(0, 0, 0, 0.04)",
|
|
1097
|
+
"BpSurfaceFilterChipSurfaceMultiHover": "rgba(0, 0, 0, 0.08)",
|
|
1098
|
+
"BpSurfaceFilterChipSurfaceMultiOn": "#e5effa",
|
|
1099
|
+
"BpSurfaceFilterChipSurfaceMultiOnHover": "#ccdff7",
|
|
1100
|
+
"BpSurfaceFilterChipSurfaceSingle": "rgba(0, 0, 0, 0.04)",
|
|
1101
|
+
"BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
|
|
1102
|
+
"BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
|
|
1103
|
+
"BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
|
|
1043
1104
|
"BpSurfaceGhostSurface": "#fbfbfb",
|
|
1044
1105
|
"BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
|
|
1045
1106
|
"BpSurfaceIllustrationSurfaceBox": "#0061d5",
|
|
1046
1107
|
"BpSurfaceIllustrationSurfaceBoxNeutral": "#0061d5",
|
|
1108
|
+
"BpSurfaceInlineNoticeSurfaceError": "#fdebee",
|
|
1109
|
+
"BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
|
|
1110
|
+
"BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
|
|
1111
|
+
"BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
|
|
1112
|
+
"BpSurfaceInputSearchSurface": "#f4f4f4",
|
|
1113
|
+
"BpSurfaceInputSearchSurfaceFocus": "#ffffff",
|
|
1114
|
+
"BpSurfaceInputSearchSurfaceFocusPressed": "#ffffff",
|
|
1115
|
+
"BpSurfaceInputSearchSurfaceHover": "#fbfbfb",
|
|
1047
1116
|
"BpSurfaceInputSurface": "#ffffff",
|
|
1048
1117
|
"BpSurfaceInputSurfaceError": "#ffffff",
|
|
1049
1118
|
"BpSurfaceInputSurfaceErrorFocus": "#ffffff",
|
|
1050
1119
|
"BpSurfaceInputSurfaceErrorHover": "#ffffff",
|
|
1051
1120
|
"BpSurfaceInputSurfaceFocus": "#ffffff",
|
|
1052
1121
|
"BpSurfaceInputSurfaceHover": "#ffffff",
|
|
1053
|
-
"
|
|
1054
|
-
"
|
|
1055
|
-
"
|
|
1122
|
+
"BpSurfaceInputChipSurface": "#e8e8e8",
|
|
1123
|
+
"BpSurfaceInputChipSurfaceError": "#fdebee",
|
|
1124
|
+
"BpSurfaceInputChipSurfaceHover": "#e8e8e8",
|
|
1056
1125
|
"BpSurfaceItemSmallSurface": "#ffffff",
|
|
1057
1126
|
"BpSurfaceItemSmallSurfaceHover": "#f4f4f4",
|
|
1058
1127
|
"BpSurfaceItemSmallSurfaceSelected": "#f2f7fd",
|
|
1059
1128
|
"BpSurfaceItemSurfaceHover": "#ffffff",
|
|
1060
1129
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
1130
|
+
"BpSurfaceListItemSurface": "#ffffff",
|
|
1131
|
+
"BpSurfaceListItemSurfaceSelected": "#f2f7fd",
|
|
1061
1132
|
"BpSurfaceMenuSurface": "#ffffff",
|
|
1062
|
-
"
|
|
1063
|
-
"
|
|
1064
|
-
"
|
|
1065
|
-
"
|
|
1066
|
-
"BpSurfaceMessageSurfaceGeneric": "#e8e8e8",
|
|
1067
|
-
"BpSurfaceMessageSurfaceGenericSecondary": "#e8e8e8",
|
|
1068
|
-
"BpSurfaceMessageSurfaceInfoSecondary": "#e9f2fe",
|
|
1069
|
-
"BpSurfaceMessageSurfacePromoSecondary": "#ece9f8",
|
|
1070
|
-
"BpSurfaceMessageSurfaceSuccessSecondary": "#e9f8f2",
|
|
1071
|
-
"BpSurfaceMessageSurfaceWarningSecondary": "#fef7e8",
|
|
1133
|
+
"BpSurfaceMenuItemSurfaceDefault": "#ffffff",
|
|
1134
|
+
"BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
|
|
1135
|
+
"BpSurfaceMenuItemSurfaceLoading": "#ffffff",
|
|
1136
|
+
"BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
|
|
1072
1137
|
"BpSurfaceNavSurfaceBrand": "#0061d5",
|
|
1073
1138
|
"BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
1074
1139
|
"BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
|
|
@@ -1076,22 +1141,28 @@
|
|
|
1076
1141
|
"BpSurfacePillSurface": "#e8e8e8",
|
|
1077
1142
|
"BpSurfacePillSurfaceFocus": "#e8e8e8",
|
|
1078
1143
|
"BpSurfacePillSurfaceHover": "#e8e8e8",
|
|
1079
|
-
"
|
|
1144
|
+
"BpSurfaceProgressBarSurfaceBrand": "#0061d5",
|
|
1080
1145
|
"BpSurfaceRadioSurface": "#ffffff",
|
|
1081
1146
|
"BpSurfaceRadioSurfaceHover": "#ffffff",
|
|
1082
1147
|
"BpSurfaceRadioSurfaceSelected": "#0061d5",
|
|
1083
1148
|
"BpSurfaceRadioSurfaceSelectedHover": "#2079e3",
|
|
1084
|
-
"
|
|
1085
|
-
"
|
|
1086
|
-
"
|
|
1149
|
+
"BpSurfaceRadioTileSurface": "#ffffff",
|
|
1150
|
+
"BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
|
|
1151
|
+
"BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
|
|
1087
1152
|
"BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
|
|
1088
1153
|
"BpSurfaceSearchGlobalSurface": "#f4f4f4",
|
|
1089
1154
|
"BpSurfaceSearchSurface": "#f4f4f4",
|
|
1090
1155
|
"BpSurfaceSearchSurfaceFocused": "#ffffff",
|
|
1091
1156
|
"BpSurfaceSearchSurfaceHover": "#fbfbfb",
|
|
1092
|
-
"
|
|
1093
|
-
"
|
|
1094
|
-
"
|
|
1157
|
+
"BpSurfaceSelectSurfaceActive": "#ffffff",
|
|
1158
|
+
"BpSurfaceSelectSurfaceDefault": "#ffffff",
|
|
1159
|
+
"BpSurfaceSelectSurfaceDisabled": "#ffffff",
|
|
1160
|
+
"BpSurfaceSelectSurfaceError": "#ffffff",
|
|
1161
|
+
"BpSurfaceSelectSurfaceHover": "#ffffff",
|
|
1162
|
+
"BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
|
|
1163
|
+
"BpSurfaceSliderThumbSurface": "#0061d5",
|
|
1164
|
+
"BpSurfaceSliderThumbSurfaceHover": "#2486fc",
|
|
1165
|
+
"BpSurfaceSliderTrackSurface": "#6f6f6f",
|
|
1095
1166
|
"BpSurfaceStatusSurfaceBoxblue": "#0061d5",
|
|
1096
1167
|
"BpSurfaceStatusSurfaceBoxblueFocus": "#0061d5",
|
|
1097
1168
|
"BpSurfaceStatusSurfaceBoxblueHover": "#0061d5",
|
|
@@ -1126,19 +1197,6 @@
|
|
|
1126
1197
|
"BpSurfaceStatusSurfaceYellow": "#ffeb7f",
|
|
1127
1198
|
"BpSurfaceStatusSurfaceYellowFocus": "#ffeb7f",
|
|
1128
1199
|
"BpSurfaceStatusSurfaceYellowHover": "#ffeb7f",
|
|
1129
|
-
"BpSurfaceSurface": "#ffffff",
|
|
1130
|
-
"BpSurfaceSurfaceBrand": "#0061d5",
|
|
1131
|
-
"BpSurfaceSurfaceBrandBusy": "#0061d5",
|
|
1132
|
-
"BpSurfaceSurfaceBrandDisabled": "#0061d5",
|
|
1133
|
-
"BpSurfaceSurfaceBrandHover": "#006ae9",
|
|
1134
|
-
"BpSurfaceSurfaceBrandPressed": "#004eac",
|
|
1135
|
-
"BpSurfaceSurfaceBrandSecondary": "#e5effa",
|
|
1136
|
-
"BpSurfaceSurfaceHover": "#f4f4f4",
|
|
1137
|
-
"BpSurfaceSurfaceQuaternary": "#d3d3d3",
|
|
1138
|
-
"BpSurfaceSurfaceSecondary": "#fbfbfb",
|
|
1139
|
-
"BpSurfaceSurfaceSecondaryFocus": "#fbfbfb",
|
|
1140
|
-
"BpSurfaceSurfaceSecondaryHover": "#f4f4f4",
|
|
1141
|
-
"BpSurfaceSurfaceTertiary": "#e8e8e8",
|
|
1142
1200
|
"BpSurfaceSwitchSurface": "#ffffff",
|
|
1143
1201
|
"BpSurfaceSwitchSurfaceHover": "#ffffff",
|
|
1144
1202
|
"BpSurfaceSwitchSurfaceOff": "#d3d3d3",
|
|
@@ -1157,16 +1215,29 @@
|
|
|
1157
1215
|
"BpSurfaceToggleSurfaceOnPressed": "#b2cff2",
|
|
1158
1216
|
"BpSurfaceToggleSurfacePressed": "#0061d5",
|
|
1159
1217
|
"BpSurfaceToggleSurfacePressedHover": "#3381dd",
|
|
1160
|
-
"
|
|
1161
|
-
"
|
|
1162
|
-
"
|
|
1163
|
-
"
|
|
1164
|
-
"
|
|
1165
|
-
"
|
|
1218
|
+
"BpSurfaceToggleTextSurfaceOff": "#ffffff",
|
|
1219
|
+
"BpSurfaceToggleTextSurfaceOffHover": "#f4f4f4",
|
|
1220
|
+
"BpSurfaceToggleTextSurfaceOffPressed": "#e8e8e8",
|
|
1221
|
+
"BpSurfaceToggleTextSurfaceOn": "#e5effa",
|
|
1222
|
+
"BpSurfaceToggleTextSurfaceOnHover": "#ccdff7",
|
|
1223
|
+
"BpSurfaceToggleTextSurfaceOnPressed": "#b2cff2",
|
|
1166
1224
|
"BpSurfaceToolbarSurface": "#222222",
|
|
1167
|
-
"BpSurfaceTooltipSurface": "
|
|
1168
|
-
"BpSurfaceTooltipSurfaceError": "
|
|
1225
|
+
"BpSurfaceTooltipSurface": "rgba(0, 0, 0, 0.9)",
|
|
1226
|
+
"BpSurfaceTooltipSurfaceError": "rgba(237, 55, 87, 0.2)",
|
|
1169
1227
|
"BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
|
|
1228
|
+
"BpSurfaceSurface": "#ffffff",
|
|
1229
|
+
"BpSurfaceSurfaceBrand": "#0061d5",
|
|
1230
|
+
"BpSurfaceSurfaceBrandBusy": "#0061d5",
|
|
1231
|
+
"BpSurfaceSurfaceBrandDisabled": "#0061d5",
|
|
1232
|
+
"BpSurfaceSurfaceBrandHover": "#006ae9",
|
|
1233
|
+
"BpSurfaceSurfaceBrandPressed": "#004eac",
|
|
1234
|
+
"BpSurfaceSurfaceBrandSecondary": "#e5effa",
|
|
1235
|
+
"BpSurfaceSurfaceHover": "#f4f4f4",
|
|
1236
|
+
"BpSurfaceSurfaceQuaternary": "#d3d3d3",
|
|
1237
|
+
"BpSurfaceSurfaceSecondary": "#fbfbfb",
|
|
1238
|
+
"BpSurfaceSurfaceSecondaryFocus": "#fbfbfb",
|
|
1239
|
+
"BpSurfaceSurfaceSecondaryHover": "#f4f4f4",
|
|
1240
|
+
"BpSurfaceSurfaceTertiary": "#e8e8e8",
|
|
1170
1241
|
"BpTextCtaLink": "#0061d5",
|
|
1171
1242
|
"BpTextCtaLinkDisabled": "#b2cff2",
|
|
1172
1243
|
"BpTextCtaLinkHover": "#1d6bca",
|
|
@@ -1183,6 +1254,7 @@
|
|
|
1183
1254
|
"BpTextNavTextOnLightFocus": "#ffffff",
|
|
1184
1255
|
"BpTextNavTextOnLightHover": "#ffffff",
|
|
1185
1256
|
"BpTextNavTextOnLightSelected": "#ffffff",
|
|
1257
|
+
"BpTextToggleTextText": "#004eaa",
|
|
1186
1258
|
"BpTextTextBrandOnColor": "#ffffff",
|
|
1187
1259
|
"BpTextTextDestructiveOnLight": "#d5324e",
|
|
1188
1260
|
"BpTextTextErrorOnLight": "#d5324e",
|
|
@@ -1192,7 +1264,6 @@
|
|
|
1192
1264
|
"BpTextTextOnLightSecondary": "#6f6f6f",
|
|
1193
1265
|
"BpTextTextOnLightSecondaryHover": "#4e4e4e",
|
|
1194
1266
|
"BpTextTextOnLightTertiary": "#909090",
|
|
1195
|
-
"BpTextToggletextText": "#004eaa",
|
|
1196
1267
|
"BpBoxBlue10": "#e5effa",
|
|
1197
1268
|
"BpBoxBlue20": "#ccdff7",
|
|
1198
1269
|
"BpBoxBlue30": "#b2cff2",
|
|
@@ -1490,15 +1561,17 @@
|
|
|
1490
1561
|
"BpFontLineHeight05": "1.5rem",
|
|
1491
1562
|
"BpFontLineHeight06": "2rem",
|
|
1492
1563
|
"BpFontLineHeight07": "2.75rem",
|
|
1564
|
+
"BpFontSize10": "1.3125rem",
|
|
1565
|
+
"BpFontSize11": "2.25rem",
|
|
1493
1566
|
"BpFontSize01": "0.5625rem",
|
|
1494
1567
|
"BpFontSize02": "0.625rem",
|
|
1495
1568
|
"BpFontSize03": "0.75rem",
|
|
1496
|
-
"BpFontSize04": "0.
|
|
1569
|
+
"BpFontSize04": "0.8125rem",
|
|
1497
1570
|
"BpFontSize05": "0.9375rem",
|
|
1498
1571
|
"BpFontSize06": "1rem",
|
|
1499
|
-
"BpFontSize07": "1.
|
|
1500
|
-
"BpFontSize08": "1.
|
|
1501
|
-
"BpFontSize09": "
|
|
1572
|
+
"BpFontSize07": "1.0625rem",
|
|
1573
|
+
"BpFontSize08": "1.125rem",
|
|
1574
|
+
"BpFontSize09": "1.1875rem",
|
|
1502
1575
|
"BpFontWeightBlack": 900,
|
|
1503
1576
|
"BpFontWeightBold": 700,
|
|
1504
1577
|
"BpFontWeightRegular": 400,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.57.2",
|
|
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",
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
}
|
|
130
130
|
},
|
|
131
131
|
"devDependencies": {
|
|
132
|
-
"@box/storybook-utils": "^0.13.
|
|
132
|
+
"@box/storybook-utils": "^0.13.11",
|
|
133
133
|
"@types/react": "^18.0.0",
|
|
134
134
|
"@types/react-dom": "^18.0.0",
|
|
135
135
|
"chalk": "4.1.2",
|