@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
|
@@ -11,8 +11,9 @@
|
|
|
11
11
|
"BpBorderCheckboxBorderHover": "#4e4e4e",
|
|
12
12
|
"BpBorderCheckboxBorderSelected": "#0061d5",
|
|
13
13
|
"BpBorderCheckboxBorderSelectedHover": "#2079e3",
|
|
14
|
-
"
|
|
15
|
-
"
|
|
14
|
+
"BpBorderCollapsibleSectionBorder": "#d3d3d3",
|
|
15
|
+
"BpBorderContentButtonBorderHoverActive": "#909090",
|
|
16
|
+
"BpBorderContentButtonBorderSelected": "#909090",
|
|
16
17
|
"BpBorderCtaBorderOutline": "#000000",
|
|
17
18
|
"BpBorderCtaBorderOutlineDisabled": "#646464",
|
|
18
19
|
"BpBorderCtaBorderOutlineHover": "#000000",
|
|
@@ -21,47 +22,66 @@
|
|
|
21
22
|
"BpBorderCtaBorderSecondaryDisabled": "#e8e8e8",
|
|
22
23
|
"BpBorderCtaBorderSecondaryHover": "#bcbcbc",
|
|
23
24
|
"BpBorderCtaBorderSecondaryPressed": "#bcbcbc",
|
|
25
|
+
"BpBorderDatePickerDayBorderFocus": "#2486fc",
|
|
26
|
+
"BpBorderDatePickerDayBorderSelectedFocus": "#2486fc",
|
|
27
|
+
"BpBorderDatePickerBorderActive": "#2486fc",
|
|
28
|
+
"BpBorderDatePickerBorderComplete": "#909090",
|
|
29
|
+
"BpBorderDatePickerBorderDefault": "#909090",
|
|
30
|
+
"BpBorderDatePickerBorderDisabled": "#909090",
|
|
31
|
+
"BpBorderDatePickerBorderError": "#ed3757",
|
|
32
|
+
"BpBorderDatePickerBorderFocus": "#2486fc",
|
|
33
|
+
"BpBorderDatePickerBorderHover": "#6f6f6f",
|
|
24
34
|
"BpBorderDividerBorder": "#e8e8e8",
|
|
25
35
|
"BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
|
|
36
|
+
"BpBorderDropdownSecondaryBorder": "#bcbcbc",
|
|
26
37
|
"BpBorderDropdownBorder": "#bcbcbc",
|
|
27
38
|
"BpBorderDropdownBorderError": "#ed3757",
|
|
28
39
|
"BpBorderDropdownBorderErrorFocus": "#ed3757",
|
|
29
40
|
"BpBorderDropdownBorderErrorHover": "#ed3757",
|
|
30
41
|
"BpBorderDropdownBorderFocus": "#0061d5",
|
|
31
42
|
"BpBorderDropdownBorderHover": "#6f6f6f",
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
43
|
+
"BpBorderFilterChipBorderMultiOn": "#99c0ee",
|
|
44
|
+
"BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
|
|
45
|
+
"BpBorderGridThumbnailBorder": "#e8e8e8",
|
|
35
46
|
"BpBorderInputBorder": "#909090",
|
|
36
47
|
"BpBorderInputBorderError": "#ed3757",
|
|
37
48
|
"BpBorderInputBorderErrorFocus": "#ed3757",
|
|
38
49
|
"BpBorderInputBorderErrorHover": "#ed3757",
|
|
39
50
|
"BpBorderInputBorderFocus": "#2486fc",
|
|
40
51
|
"BpBorderInputBorderHover": "#6f6f6f",
|
|
41
|
-
"
|
|
52
|
+
"BpBorderInputChipBorderError": "#ed3757",
|
|
53
|
+
"BpBorderItemSmallBorderSelected": "#0061d5",
|
|
42
54
|
"BpBorderItemBorderHover": "#e8e8e8",
|
|
43
55
|
"BpBorderItemBorderSelected": "#0061d5",
|
|
44
|
-
"
|
|
56
|
+
"BpBorderListItemBorder": "#e8e8e8",
|
|
57
|
+
"BpBorderListItemBorderSelected": "#0061d5",
|
|
58
|
+
"BpBorderMenuBorder": "#e8e8e8",
|
|
45
59
|
"BpBorderMessageBorderError": "#ed3757",
|
|
46
|
-
"BpBorderMessageBorderErrorSecondary": "
|
|
60
|
+
"BpBorderMessageBorderErrorSecondary": "rgba(237, 55, 87, 0.3)",
|
|
47
61
|
"BpBorderMessageBorderGeneric": "#222222",
|
|
48
|
-
"BpBorderMessageBorderGenericSecondary": "
|
|
62
|
+
"BpBorderMessageBorderGenericSecondary": "rgba(0, 0, 0, 0.3)",
|
|
49
63
|
"BpBorderMessageBorderInfo": "#0061d5",
|
|
50
|
-
"BpBorderMessageBorderInfoSecondary": "
|
|
64
|
+
"BpBorderMessageBorderInfoSecondary": "rgba(36, 134, 252, 0.3)",
|
|
51
65
|
"BpBorderMessageBorderSuccess": "#26c281",
|
|
52
|
-
"BpBorderMessageBorderSuccessSecondary": "
|
|
66
|
+
"BpBorderMessageBorderSuccessSecondary": "rgba(38, 194, 129, 0.3)",
|
|
53
67
|
"BpBorderMessageBorderWarning": "#f5b31b",
|
|
54
|
-
"BpBorderMessageBorderWarningSecondary": "
|
|
68
|
+
"BpBorderMessageBorderWarningSecondary": "rgba(245, 179, 27, 0.3)",
|
|
55
69
|
"BpBorderRadioBorder": "#6f6f6f",
|
|
56
70
|
"BpBorderRadioBorderHover": "#4e4e4e",
|
|
57
71
|
"BpBorderRadioBorderSelected": "#0061d5",
|
|
58
72
|
"BpBorderRadioBorderSelectedHover": "#2079e3",
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
73
|
+
"BpBorderRadioTileBorder": "#bcbcbc",
|
|
74
|
+
"BpBorderRadioTileBorderHover": "#bcbcbc",
|
|
75
|
+
"BpBorderRadioTileBorderSelected": "#0061d5",
|
|
76
|
+
"BpBorderSearchGlobalBorderHover": "#e8e8e8",
|
|
62
77
|
"BpBorderSearchBorder": "#f4f4f4",
|
|
63
78
|
"BpBorderSearchBorderHover": "#6f6f6f",
|
|
64
|
-
"
|
|
79
|
+
"BpBorderSelectBorderActive": "#2486fc",
|
|
80
|
+
"BpBorderSelectBorderDefault": "#bcbcbc",
|
|
81
|
+
"BpBorderSelectBorderDisabled": "#bcbcbc",
|
|
82
|
+
"BpBorderSelectBorderError": "#d5324e",
|
|
83
|
+
"BpBorderSelectBorderHover": "#6f6f6f",
|
|
84
|
+
"BpBorderSelectBorderReadOnly": "#d3d3d3",
|
|
65
85
|
"BpBorderStatusBorderHover": "rgba(0, 0, 0, 0.04)",
|
|
66
86
|
"BpBorderSwitchBorder": "#bcbcbc",
|
|
67
87
|
"BpBorderSwitchBorderHover": "#bcbcbc",
|
|
@@ -71,14 +91,15 @@
|
|
|
71
91
|
"BpBorderTabBorderSelectedFocus": "#0061d5",
|
|
72
92
|
"BpBorderTabBorderSelectedHover": "#0061d5",
|
|
73
93
|
"BpBorderToggleBorder": "#bcbcbc",
|
|
94
|
+
"BpBorderToggleBorderOff": "#ffffff",
|
|
74
95
|
"BpBorderToggleBorderOn": "#99c0ee",
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
96
|
+
"BpBorderToggleTextBorderOff": "#ffffff",
|
|
97
|
+
"BpBorderToggleTextBorderOffAi": "#bcbcbc",
|
|
98
|
+
"BpBorderToggleTextBorderOffHover": "#f4f4f4",
|
|
99
|
+
"BpBorderToggleTextBorderOffPressed": "#e8e8e8",
|
|
100
|
+
"BpBorderToggleTextBorderOn": "#99c0ee",
|
|
101
|
+
"BpBorderToggleTextBorderOnHover": "#99c0ee",
|
|
102
|
+
"BpBorderToggleTextBorderOnPressed": "#99c0ee",
|
|
82
103
|
"BpBorderTooltipBorderError": "#f69bab",
|
|
83
104
|
"BpBorder00": "0",
|
|
84
105
|
"BpBorder01": "0.0625rem",
|
|
@@ -98,14 +119,6 @@
|
|
|
98
119
|
"BpIconCtaIconUtility": "#4e4e4e",
|
|
99
120
|
"BpIconCtaIconUtilityHover": "#000000",
|
|
100
121
|
"BpIconCtaIconUtilityPressed": "#000000",
|
|
101
|
-
"BpIconIconBlue": "#0061d5",
|
|
102
|
-
"BpIconIconDestructiveOnLight": "#d5324e",
|
|
103
|
-
"BpIconIconErrorOnLight": "#d5324e",
|
|
104
|
-
"BpIconIconOnDark": "#ffffff",
|
|
105
|
-
"BpIconIconOnLight": "#222222",
|
|
106
|
-
"BpIconIconOnLightSecondary": "#6f6f6f",
|
|
107
|
-
"BpIconIconOnLightTertiary": "#909090",
|
|
108
|
-
"BpIconIconRequiredOnLight": "#d5324e",
|
|
109
122
|
"BpIconNavIconOnDark": "#ffffff",
|
|
110
123
|
"BpIconNavIconOnDarkFocus": "#ffffff",
|
|
111
124
|
"BpIconNavIconOnDarkHover": "#ffffff",
|
|
@@ -114,41 +127,74 @@
|
|
|
114
127
|
"BpIconNavIconOnLightFocus": "#222222",
|
|
115
128
|
"BpIconNavIconOnLightHover": "#222222",
|
|
116
129
|
"BpIconNavIconOnLightSelected": "#222222",
|
|
130
|
+
"BpIconIconBlue": "#0061d5",
|
|
131
|
+
"BpIconIconDestructiveOnLight": "#d5324e",
|
|
132
|
+
"BpIconIconErrorOnLight": "#d5324e",
|
|
133
|
+
"BpIconIconIllustrator": "#ff9400",
|
|
134
|
+
"BpIconIconIndesign": "#ff57a1",
|
|
135
|
+
"BpIconIconOnDark": "#ffffff",
|
|
136
|
+
"BpIconIconOnLight": "#222222",
|
|
137
|
+
"BpIconIconOnLightSecondary": "#6f6f6f",
|
|
138
|
+
"BpIconIconOnLightTertiary": "#909090",
|
|
139
|
+
"BpIconIconPhotoshop": "#26c9ff",
|
|
140
|
+
"BpIconIconRequiredOnLight": "#d5324e",
|
|
117
141
|
"BpOutlineFocusOnDark": "#ffffff",
|
|
118
142
|
"BpOutlineFocusOnLight": "#2486fc",
|
|
119
143
|
"BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
|
|
120
|
-
"
|
|
144
|
+
"BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
|
|
121
145
|
"BpSurfaceAccordionSurface": "#ffffff",
|
|
122
146
|
"BpSurfaceAccordionSurfaceHover": "#f4f4f4",
|
|
123
|
-
"
|
|
124
|
-
"
|
|
125
|
-
"
|
|
126
|
-
"
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
"
|
|
130
|
-
"
|
|
131
|
-
"
|
|
132
|
-
"
|
|
133
|
-
"
|
|
134
|
-
"
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
"
|
|
139
|
-
"
|
|
140
|
-
"
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
-
"
|
|
144
|
-
"
|
|
145
|
-
"
|
|
146
|
-
"
|
|
147
|
-
"
|
|
148
|
-
"
|
|
149
|
-
"
|
|
150
|
-
"
|
|
151
|
-
"
|
|
147
|
+
"BpSurfaceBadgeIllustratorSurface": "#051e25",
|
|
148
|
+
"BpSurfaceBadgeIndesignSurface": "#131415",
|
|
149
|
+
"BpSurfaceBadgeNumbersSurface": "#00a650",
|
|
150
|
+
"BpSurfaceBadgePhotoshopSurface": "#131415",
|
|
151
|
+
"BpSurfaceBadgePowerpointSurface": "#c43e1c",
|
|
152
|
+
"BpSurfaceBadgePresentationSurface": "#d97417",
|
|
153
|
+
"BpSurfaceBadgeSpreadsheetSurface": "#3fb87f",
|
|
154
|
+
"BpSurfaceBadgeSurfaceAdmin": "#003c84",
|
|
155
|
+
"BpSurfaceBadgeSurfaceAnnotation": "#f5b31b",
|
|
156
|
+
"BpSurfaceBadgeSurfaceAudio": "#9f3fed",
|
|
157
|
+
"BpSurfaceBadgeSurfaceBookmark": "#0061d5",
|
|
158
|
+
"BpSurfaceBadgeSurfaceBoxapps": "#0061d5",
|
|
159
|
+
"BpSurfaceBadgeSurfaceBoxnote": "#e8e8e8",
|
|
160
|
+
"BpSurfaceBadgeSurfaceCanvas": "#d97417",
|
|
161
|
+
"BpSurfaceBadgeSurfaceCoadmin": "#9f3fed",
|
|
162
|
+
"BpSurfaceBadgeSurfaceCode": "#ed3757",
|
|
163
|
+
"BpSurfaceBadgeSurfaceCollection": "#e8e8e8",
|
|
164
|
+
"BpSurfaceBadgeSurfaceCompleted": "#1e9b67",
|
|
165
|
+
"BpSurfaceBadgeSurfaceDefault": "#6f6f6f",
|
|
166
|
+
"BpSurfaceBadgeSurfaceDocs": "#4083f7",
|
|
167
|
+
"BpSurfaceBadgeSurfaceDrawing": "#009aed",
|
|
168
|
+
"BpSurfaceBadgeSurfaceError": "#d5324e",
|
|
169
|
+
"BpSurfaceBadgeSurfaceExcel": "#107c41",
|
|
170
|
+
"BpSurfaceBadgeSurfaceExternal": "#909090",
|
|
171
|
+
"BpSurfaceBadgeSurfaceFolderexternal": "#6f6f6f",
|
|
172
|
+
"BpSurfaceBadgeSurfaceFoldershared": "#2486fc",
|
|
173
|
+
"BpSurfaceBadgeSurfaceHubs": "#0061d5",
|
|
174
|
+
"BpSurfaceBadgeSurfaceImage": "#1e9b67",
|
|
175
|
+
"BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
|
|
176
|
+
"BpSurfaceBadgeSurfaceMention": "#1d6bca",
|
|
177
|
+
"BpSurfaceBadgeSurfaceNotification": "#d5324e",
|
|
178
|
+
"BpSurfaceBadgeSurfaceOffline": "#26c281",
|
|
179
|
+
"BpSurfaceBadgeSurfaceOnline": "#1e9b67",
|
|
180
|
+
"BpSurfaceBadgeSurfacePages": "#ff9500",
|
|
181
|
+
"BpSurfaceBadgeSurfacePdf": "#d0021b",
|
|
182
|
+
"BpSurfaceBadgeSurfacePin": "#e8e8e8",
|
|
183
|
+
"BpSurfaceBadgeSurfaceProgress": "#f5b31b",
|
|
184
|
+
"BpSurfaceBadgeSurfaceRejected": "#d5324e",
|
|
185
|
+
"BpSurfaceBadgeSurfaceRelay": "#1d6bca",
|
|
186
|
+
"BpSurfaceBadgeSurfaceSheets": "#21a464",
|
|
187
|
+
"BpSurfaceBadgeSurfaceSlides": "#f7ba00",
|
|
188
|
+
"BpSurfaceBadgeSurfaceTask": "#2486fc",
|
|
189
|
+
"BpSurfaceBadgeSurfaceTaskapproval": "#1d6bca",
|
|
190
|
+
"BpSurfaceBadgeSurfaceVideo": "#009aed",
|
|
191
|
+
"BpSurfaceBadgeTextSurface": "#0061d5",
|
|
192
|
+
"BpSurfaceBadgeThreeDSurface": "#d97417",
|
|
193
|
+
"BpSurfaceBadgeVectorSurface": "#d97417",
|
|
194
|
+
"BpSurfaceBadgeWordSurface": "#185abd",
|
|
195
|
+
"BpSurfaceBadgeZipSurface": "#6f6f6f",
|
|
196
|
+
"BpSurfaceCalendarSurface": "#ffffff",
|
|
197
|
+
"BpSurfaceCardSurface": "rgba(255, 255, 255, 0.7)",
|
|
152
198
|
"BpSurfaceCardSurfaceFocus": "#f2f7fd",
|
|
153
199
|
"BpSurfaceCardSurfaceHover": "#ffffff",
|
|
154
200
|
"BpSurfaceCardSurfacePressed": "#fbfbfb",
|
|
@@ -158,9 +204,16 @@
|
|
|
158
204
|
"BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
|
|
159
205
|
"BpSurfaceChipButtonSurface": "rgba(0, 0, 0, 0.04)",
|
|
160
206
|
"BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
|
|
161
|
-
"
|
|
162
|
-
"
|
|
163
|
-
"
|
|
207
|
+
"BpSurfaceComboboxSurface": "#ffffff",
|
|
208
|
+
"BpSurfaceContentButtonSurfaceFocus": "#ffffff",
|
|
209
|
+
"BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
|
|
210
|
+
"BpSurfaceContentButtonSurfaceHoverActive": "#f4f4f4",
|
|
211
|
+
"BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
|
|
212
|
+
"BpSurfaceContentButtonSurfaceSelected": "#ffffff",
|
|
213
|
+
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
214
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
|
|
215
|
+
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "#fdebee",
|
|
216
|
+
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
164
217
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
165
218
|
"BpSurfaceCtaSurfaceIconDisabled": "rgba(0, 0, 0, 0)",
|
|
166
219
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
@@ -169,7 +222,6 @@
|
|
|
169
222
|
"BpSurfaceCtaSurfaceIconUtilityHover": "#d3d3d3",
|
|
170
223
|
"BpSurfaceCtaSurfaceIconUtilityPressed": "#bcbcbc",
|
|
171
224
|
"BpSurfaceCtaSurfaceOutline": "rgba(0, 0, 0, 0)",
|
|
172
|
-
"BpSurfaceCtaSurfaceOutline2": "rgba(0, 0, 0, 0)",
|
|
173
225
|
"BpSurfaceCtaSurfaceOutlineHover": "rgba(0, 0, 0, 0.04)",
|
|
174
226
|
"BpSurfaceCtaSurfaceOutlinePressed": "rgba(0, 0, 0, 0.08)",
|
|
175
227
|
"BpSurfaceCtaSurfacePromo": "#4122af",
|
|
@@ -192,18 +244,27 @@
|
|
|
192
244
|
"BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
|
|
193
245
|
"BpSurfaceCtaSurfaceTertiaryPromoHover": "#f6f4fc",
|
|
194
246
|
"BpSurfaceCtaSurfaceTertiaryPromoPressed": "#dad4f3",
|
|
195
|
-
"
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
"
|
|
201
|
-
"
|
|
247
|
+
"BpSurfaceDatePickerDaySurfaceDefault": "#ffffff",
|
|
248
|
+
"BpSurfaceDatePickerDaySurfaceDisabled": "#ffffff",
|
|
249
|
+
"BpSurfaceDatePickerDaySurfaceFocus": "#f4f4f4",
|
|
250
|
+
"BpSurfaceDatePickerDaySurfaceHover": "#f4f4f4",
|
|
251
|
+
"BpSurfaceDatePickerDaySurfaceSelected": "#0061d5",
|
|
252
|
+
"BpSurfaceDatePickerDaySurfaceSelectedFocus": "#003c84",
|
|
253
|
+
"BpSurfaceDatePickerDaySurfaceSelectedHover": "#003c84",
|
|
254
|
+
"BpSurfaceDatePickerSurfaceActive": "#ffffff",
|
|
255
|
+
"BpSurfaceDatePickerSurfaceComplete": "#ffffff",
|
|
256
|
+
"BpSurfaceDatePickerSurfaceDefault": "#ffffff",
|
|
257
|
+
"BpSurfaceDatePickerSurfaceDisabled": "#ffffff",
|
|
258
|
+
"BpSurfaceDatePickerSurfaceError": "#ffffff",
|
|
259
|
+
"BpSurfaceDatePickerSurfaceFocus": "#ffffff",
|
|
260
|
+
"BpSurfaceDatePickerSurfaceHover": "#ffffff",
|
|
202
261
|
"BpSurfaceDropdownPrimarySurfaceHover": "#f4f4f4",
|
|
203
262
|
"BpSurfaceDropdownPrimarySurfacePressed": "#e8e8e8",
|
|
204
263
|
"BpSurfaceDropdownSecondarySurface": "#ffffff",
|
|
205
264
|
"BpSurfaceDropdownSecondarySurfaceHover": "#f4f4f4",
|
|
206
265
|
"BpSurfaceDropdownSecondarySurfacePressed": "#e8e8e8",
|
|
266
|
+
"BpSurfaceDropdownTertiarySurfaceHover": "#f4f4f4",
|
|
267
|
+
"BpSurfaceDropdownTertiarySurfacePressed": "#e8e8e8",
|
|
207
268
|
"BpSurfaceDropdownSurface": "#ffffff",
|
|
208
269
|
"BpSurfaceDropdownSurfaceError": "#ffffff",
|
|
209
270
|
"BpSurfaceDropdownSurfaceErrorFocus": "#ffffff",
|
|
@@ -215,43 +276,47 @@
|
|
|
215
276
|
"BpSurfaceFilterSurfaceHover": "#0061d5",
|
|
216
277
|
"BpSurfaceFilterSurfaceSelected": "#0061d5",
|
|
217
278
|
"BpSurfaceFilterSurfaceSelectedFocus": "#0061d5",
|
|
218
|
-
"
|
|
219
|
-
"
|
|
220
|
-
"
|
|
221
|
-
"
|
|
222
|
-
"
|
|
223
|
-
"
|
|
224
|
-
"
|
|
225
|
-
"
|
|
279
|
+
"BpSurfaceFilterChipSurfaceMulti": "rgba(0, 0, 0, 0.04)",
|
|
280
|
+
"BpSurfaceFilterChipSurfaceMultiHover": "rgba(0, 0, 0, 0.08)",
|
|
281
|
+
"BpSurfaceFilterChipSurfaceMultiOn": "#e5effa",
|
|
282
|
+
"BpSurfaceFilterChipSurfaceMultiOnHover": "#ccdff7",
|
|
283
|
+
"BpSurfaceFilterChipSurfaceSingle": "rgba(0, 0, 0, 0.04)",
|
|
284
|
+
"BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
|
|
285
|
+
"BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
|
|
286
|
+
"BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
|
|
226
287
|
"BpSurfaceGhostSurface": "#fbfbfb",
|
|
227
288
|
"BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
|
|
228
289
|
"BpSurfaceIllustrationSurfaceBox": "#0061d5",
|
|
229
290
|
"BpSurfaceIllustrationSurfaceBoxNeutral": "#0061d5",
|
|
291
|
+
"BpSurfaceInlineNoticeSurfaceError": "#fdebee",
|
|
292
|
+
"BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
|
|
293
|
+
"BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
|
|
294
|
+
"BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
|
|
295
|
+
"BpSurfaceInputSearchSurface": "#f4f4f4",
|
|
296
|
+
"BpSurfaceInputSearchSurfaceFocus": "#ffffff",
|
|
297
|
+
"BpSurfaceInputSearchSurfaceFocusPressed": "#ffffff",
|
|
298
|
+
"BpSurfaceInputSearchSurfaceHover": "#fbfbfb",
|
|
230
299
|
"BpSurfaceInputSurface": "#ffffff",
|
|
231
300
|
"BpSurfaceInputSurfaceError": "#ffffff",
|
|
232
301
|
"BpSurfaceInputSurfaceErrorFocus": "#ffffff",
|
|
233
302
|
"BpSurfaceInputSurfaceErrorHover": "#ffffff",
|
|
234
303
|
"BpSurfaceInputSurfaceFocus": "#ffffff",
|
|
235
304
|
"BpSurfaceInputSurfaceHover": "#ffffff",
|
|
236
|
-
"
|
|
237
|
-
"
|
|
238
|
-
"
|
|
305
|
+
"BpSurfaceInputChipSurface": "#e8e8e8",
|
|
306
|
+
"BpSurfaceInputChipSurfaceError": "#fdebee",
|
|
307
|
+
"BpSurfaceInputChipSurfaceHover": "#e8e8e8",
|
|
239
308
|
"BpSurfaceItemSmallSurface": "#ffffff",
|
|
240
309
|
"BpSurfaceItemSmallSurfaceHover": "#f4f4f4",
|
|
241
310
|
"BpSurfaceItemSmallSurfaceSelected": "#f2f7fd",
|
|
242
311
|
"BpSurfaceItemSurfaceHover": "#ffffff",
|
|
243
312
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
313
|
+
"BpSurfaceListItemSurface": "#ffffff",
|
|
314
|
+
"BpSurfaceListItemSurfaceSelected": "#f2f7fd",
|
|
244
315
|
"BpSurfaceMenuSurface": "#ffffff",
|
|
245
|
-
"
|
|
246
|
-
"
|
|
247
|
-
"
|
|
248
|
-
"
|
|
249
|
-
"BpSurfaceMessageSurfaceGeneric": "#e8e8e8",
|
|
250
|
-
"BpSurfaceMessageSurfaceGenericSecondary": "#e8e8e8",
|
|
251
|
-
"BpSurfaceMessageSurfaceInfoSecondary": "#e9f2fe",
|
|
252
|
-
"BpSurfaceMessageSurfacePromoSecondary": "#ece9f8",
|
|
253
|
-
"BpSurfaceMessageSurfaceSuccessSecondary": "#e9f8f2",
|
|
254
|
-
"BpSurfaceMessageSurfaceWarningSecondary": "#fef7e8",
|
|
316
|
+
"BpSurfaceMenuItemSurfaceDefault": "#ffffff",
|
|
317
|
+
"BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
|
|
318
|
+
"BpSurfaceMenuItemSurfaceLoading": "#ffffff",
|
|
319
|
+
"BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
|
|
255
320
|
"BpSurfaceNavSurfaceBrand": "#0061d5",
|
|
256
321
|
"BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
257
322
|
"BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
|
|
@@ -259,22 +324,28 @@
|
|
|
259
324
|
"BpSurfacePillSurface": "#e8e8e8",
|
|
260
325
|
"BpSurfacePillSurfaceFocus": "#e8e8e8",
|
|
261
326
|
"BpSurfacePillSurfaceHover": "#e8e8e8",
|
|
262
|
-
"
|
|
327
|
+
"BpSurfaceProgressBarSurfaceBrand": "#0061d5",
|
|
263
328
|
"BpSurfaceRadioSurface": "#ffffff",
|
|
264
329
|
"BpSurfaceRadioSurfaceHover": "#ffffff",
|
|
265
330
|
"BpSurfaceRadioSurfaceSelected": "#0061d5",
|
|
266
331
|
"BpSurfaceRadioSurfaceSelectedHover": "#2079e3",
|
|
267
|
-
"
|
|
268
|
-
"
|
|
269
|
-
"
|
|
332
|
+
"BpSurfaceRadioTileSurface": "#ffffff",
|
|
333
|
+
"BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
|
|
334
|
+
"BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
|
|
270
335
|
"BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
|
|
271
336
|
"BpSurfaceSearchGlobalSurface": "#f4f4f4",
|
|
272
337
|
"BpSurfaceSearchSurface": "#f4f4f4",
|
|
273
338
|
"BpSurfaceSearchSurfaceFocused": "#ffffff",
|
|
274
339
|
"BpSurfaceSearchSurfaceHover": "#fbfbfb",
|
|
275
|
-
"
|
|
276
|
-
"
|
|
277
|
-
"
|
|
340
|
+
"BpSurfaceSelectSurfaceActive": "#ffffff",
|
|
341
|
+
"BpSurfaceSelectSurfaceDefault": "#ffffff",
|
|
342
|
+
"BpSurfaceSelectSurfaceDisabled": "#ffffff",
|
|
343
|
+
"BpSurfaceSelectSurfaceError": "#ffffff",
|
|
344
|
+
"BpSurfaceSelectSurfaceHover": "#ffffff",
|
|
345
|
+
"BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
|
|
346
|
+
"BpSurfaceSliderThumbSurface": "#0061d5",
|
|
347
|
+
"BpSurfaceSliderThumbSurfaceHover": "#2486fc",
|
|
348
|
+
"BpSurfaceSliderTrackSurface": "#6f6f6f",
|
|
278
349
|
"BpSurfaceStatusSurfaceBoxblue": "#0061d5",
|
|
279
350
|
"BpSurfaceStatusSurfaceBoxblueFocus": "#0061d5",
|
|
280
351
|
"BpSurfaceStatusSurfaceBoxblueHover": "#0061d5",
|
|
@@ -309,19 +380,6 @@
|
|
|
309
380
|
"BpSurfaceStatusSurfaceYellow": "#ffeb7f",
|
|
310
381
|
"BpSurfaceStatusSurfaceYellowFocus": "#ffeb7f",
|
|
311
382
|
"BpSurfaceStatusSurfaceYellowHover": "#ffeb7f",
|
|
312
|
-
"BpSurfaceSurface": "#ffffff",
|
|
313
|
-
"BpSurfaceSurfaceBrand": "#0061d5",
|
|
314
|
-
"BpSurfaceSurfaceBrandBusy": "#0061d5",
|
|
315
|
-
"BpSurfaceSurfaceBrandDisabled": "#0061d5",
|
|
316
|
-
"BpSurfaceSurfaceBrandHover": "#006ae9",
|
|
317
|
-
"BpSurfaceSurfaceBrandPressed": "#004eac",
|
|
318
|
-
"BpSurfaceSurfaceBrandSecondary": "#e5effa",
|
|
319
|
-
"BpSurfaceSurfaceHover": "#f4f4f4",
|
|
320
|
-
"BpSurfaceSurfaceQuaternary": "#d3d3d3",
|
|
321
|
-
"BpSurfaceSurfaceSecondary": "#fbfbfb",
|
|
322
|
-
"BpSurfaceSurfaceSecondaryFocus": "#fbfbfb",
|
|
323
|
-
"BpSurfaceSurfaceSecondaryHover": "#f4f4f4",
|
|
324
|
-
"BpSurfaceSurfaceTertiary": "#e8e8e8",
|
|
325
383
|
"BpSurfaceSwitchSurface": "#ffffff",
|
|
326
384
|
"BpSurfaceSwitchSurfaceHover": "#ffffff",
|
|
327
385
|
"BpSurfaceSwitchSurfaceOff": "#d3d3d3",
|
|
@@ -340,16 +398,29 @@
|
|
|
340
398
|
"BpSurfaceToggleSurfaceOnPressed": "#b2cff2",
|
|
341
399
|
"BpSurfaceToggleSurfacePressed": "#0061d5",
|
|
342
400
|
"BpSurfaceToggleSurfacePressedHover": "#3381dd",
|
|
343
|
-
"
|
|
344
|
-
"
|
|
345
|
-
"
|
|
346
|
-
"
|
|
347
|
-
"
|
|
348
|
-
"
|
|
401
|
+
"BpSurfaceToggleTextSurfaceOff": "#ffffff",
|
|
402
|
+
"BpSurfaceToggleTextSurfaceOffHover": "#f4f4f4",
|
|
403
|
+
"BpSurfaceToggleTextSurfaceOffPressed": "#e8e8e8",
|
|
404
|
+
"BpSurfaceToggleTextSurfaceOn": "#e5effa",
|
|
405
|
+
"BpSurfaceToggleTextSurfaceOnHover": "#ccdff7",
|
|
406
|
+
"BpSurfaceToggleTextSurfaceOnPressed": "#b2cff2",
|
|
349
407
|
"BpSurfaceToolbarSurface": "#222222",
|
|
350
|
-
"BpSurfaceTooltipSurface": "
|
|
351
|
-
"BpSurfaceTooltipSurfaceError": "
|
|
408
|
+
"BpSurfaceTooltipSurface": "rgba(0, 0, 0, 0.9)",
|
|
409
|
+
"BpSurfaceTooltipSurfaceError": "rgba(237, 55, 87, 0.2)",
|
|
352
410
|
"BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
|
|
411
|
+
"BpSurfaceSurface": "#ffffff",
|
|
412
|
+
"BpSurfaceSurfaceBrand": "#0061d5",
|
|
413
|
+
"BpSurfaceSurfaceBrandBusy": "#0061d5",
|
|
414
|
+
"BpSurfaceSurfaceBrandDisabled": "#0061d5",
|
|
415
|
+
"BpSurfaceSurfaceBrandHover": "#006ae9",
|
|
416
|
+
"BpSurfaceSurfaceBrandPressed": "#004eac",
|
|
417
|
+
"BpSurfaceSurfaceBrandSecondary": "#e5effa",
|
|
418
|
+
"BpSurfaceSurfaceHover": "#f4f4f4",
|
|
419
|
+
"BpSurfaceSurfaceQuaternary": "#d3d3d3",
|
|
420
|
+
"BpSurfaceSurfaceSecondary": "#fbfbfb",
|
|
421
|
+
"BpSurfaceSurfaceSecondaryFocus": "#fbfbfb",
|
|
422
|
+
"BpSurfaceSurfaceSecondaryHover": "#f4f4f4",
|
|
423
|
+
"BpSurfaceSurfaceTertiary": "#e8e8e8",
|
|
353
424
|
"BpTextCtaLink": "#0061d5",
|
|
354
425
|
"BpTextCtaLinkDisabled": "#b2cff2",
|
|
355
426
|
"BpTextCtaLinkHover": "#1d6bca",
|
|
@@ -366,6 +437,7 @@
|
|
|
366
437
|
"BpTextNavTextOnLightFocus": "#ffffff",
|
|
367
438
|
"BpTextNavTextOnLightHover": "#ffffff",
|
|
368
439
|
"BpTextNavTextOnLightSelected": "#ffffff",
|
|
440
|
+
"BpTextToggleTextText": "#004eaa",
|
|
369
441
|
"BpTextTextBrandOnColor": "#ffffff",
|
|
370
442
|
"BpTextTextDestructiveOnLight": "#d5324e",
|
|
371
443
|
"BpTextTextErrorOnLight": "#d5324e",
|
|
@@ -375,7 +447,6 @@
|
|
|
375
447
|
"BpTextTextOnLightSecondary": "#6f6f6f",
|
|
376
448
|
"BpTextTextOnLightSecondaryHover": "#4e4e4e",
|
|
377
449
|
"BpTextTextOnLightTertiary": "#909090",
|
|
378
|
-
"BpTextToggletextText": "#004eaa",
|
|
379
450
|
"BpBoxBlue10": "#e5effa",
|
|
380
451
|
"BpBoxBlue20": "#ccdff7",
|
|
381
452
|
"BpBoxBlue30": "#b2cff2",
|
|
@@ -673,15 +744,17 @@
|
|
|
673
744
|
"BpFontLineHeight05": "1.5rem",
|
|
674
745
|
"BpFontLineHeight06": "2rem",
|
|
675
746
|
"BpFontLineHeight07": "2.75rem",
|
|
747
|
+
"BpFontSize10": "1.3125rem",
|
|
748
|
+
"BpFontSize11": "2.25rem",
|
|
676
749
|
"BpFontSize01": "0.5625rem",
|
|
677
750
|
"BpFontSize02": "0.625rem",
|
|
678
751
|
"BpFontSize03": "0.75rem",
|
|
679
|
-
"BpFontSize04": "0.
|
|
752
|
+
"BpFontSize04": "0.8125rem",
|
|
680
753
|
"BpFontSize05": "0.9375rem",
|
|
681
754
|
"BpFontSize06": "1rem",
|
|
682
|
-
"BpFontSize07": "1.
|
|
683
|
-
"BpFontSize08": "1.
|
|
684
|
-
"BpFontSize09": "
|
|
755
|
+
"BpFontSize07": "1.0625rem",
|
|
756
|
+
"BpFontSize08": "1.125rem",
|
|
757
|
+
"BpFontSize09": "1.1875rem",
|
|
685
758
|
"BpFontWeightBlack": 900,
|
|
686
759
|
"BpFontWeightBold": 700,
|
|
687
760
|
"BpFontWeightRegular": 400,
|