@box/blueprint-web-assets 4.121.8 → 4.123.0

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.
Files changed (23) hide show
  1. package/dist/icons/Medium/FolderTree.d.ts +3 -0
  2. package/dist/icons/Medium/FolderTree.js +5 -0
  3. package/dist/icons/Medium/index.d.ts +1 -0
  4. package/dist/icons/Medium/index.js +1 -0
  5. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +41 -0
  6. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +45 -4
  7. package/dist/tokens/BP2/dark_mode_value/tokens.css +45 -4
  8. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +41 -0
  9. package/dist/tokens/BP2/dark_mode_value/tokens.js +45 -4
  10. package/dist/tokens/BP2/dark_mode_value/tokens.json +45 -4
  11. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +41 -0
  12. package/dist/tokens/BP2/light_mode_value/px-tokens.js +47 -6
  13. package/dist/tokens/BP2/light_mode_value/tokens.css +47 -6
  14. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +41 -0
  15. package/dist/tokens/BP2/light_mode_value/tokens.js +47 -6
  16. package/dist/tokens/BP2/light_mode_value/tokens.json +47 -6
  17. package/dist/tokens/px-tokens.d.ts +41 -0
  18. package/dist/tokens/px-tokens.js +41 -6
  19. package/dist/tokens/tokens-css-vars.scss +47 -6
  20. package/dist/tokens/tokens.d.ts +41 -0
  21. package/dist/tokens/tokens.js +41 -6
  22. package/dist/tokens/tokens.json +47 -6
  23. package/package.json +2 -2
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -1,4 +1,10 @@
1
+ export const bpBackgroundBackgroundLightBlue = '#e5effa';
2
+ export const bpBackgroundBackgroundLightDarkBlue = '#e5ebf2';
3
+ export const bpBackgroundBackgroundLightGreen = '#e9f8f2';
4
+ export const bpBackgroundBackgroundLightGrimace = '#ece9f8';
5
+ export const bpBorderAccordionBorder = '#e8e8e8';
1
6
  export const bpBorderAccordionBorderHover = '#e8e8e8';
7
+ export const bpBorderAccordionBorderOutlined = '#0061d5';
2
8
  export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
3
9
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
4
10
  export const bpBorderBadgeBorder = '#ffffff';
@@ -136,10 +142,14 @@ export const bpIconNavIconOnLight = '#222222';
136
142
  export const bpIconNavIconOnLightFocus = '#222222';
137
143
  export const bpIconNavIconOnLightHover = '#222222';
138
144
  export const bpIconNavIconOnLightSelected = '#222222';
145
+ export const bpIconIconAnnotation = '#0057c0';
139
146
  export const bpIconIconBlue = '#0061d5';
147
+ export const bpIconIconDarkBlue = '#003677';
140
148
  export const bpIconIconDestructiveOnLight = '#d5324e';
141
149
  export const bpIconIconErrorOnColor = '#821e30';
142
150
  export const bpIconIconErrorOnLight = '#d5324e';
151
+ export const bpIconIconGreen = '#1e9b67';
152
+ export const bpIconIconGrimace = '#4122af';
143
153
  export const bpIconIconIllustrator = '#ff9400';
144
154
  export const bpIconIconIndesign = '#ff57a1';
145
155
  export const bpIconIconInfoOnColor = '#00316b';
@@ -150,15 +160,17 @@ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
150
160
  export const bpIconIconPhotoshop = '#26c9ff';
151
161
  export const bpIconIconRequiredOnLight = '#d5324e';
152
162
  export const bpIconIconSuccessOnColor = '#0f4e34';
163
+ export const bpIconIconVariable = '#8f39d5';
153
164
  export const bpIconIconWarningOnColor = '#62480b';
154
165
  export const bpOutlineFocusOnDark = '#ffffff';
155
166
  export const bpOutlineFocusOnLight = '#2486fc';
156
167
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
157
168
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
158
- export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
169
+ export const bpSurfaceAccordionSurfaceCollapsed = '#ffffff';
159
170
  export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
160
171
  export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
161
172
  export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
173
+ export const bpSurfaceAccordionSurfaceExpandedOutlined = '#fafcfe';
162
174
  export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
163
175
  export const bpSurfaceBadgeSurfaceAlert = '#d97417';
164
176
  export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
@@ -171,6 +183,7 @@ export const bpSurfaceBadgeSurfaceCoadmin = '#9f3fed';
171
183
  export const bpSurfaceBadgeSurfaceCode = '#ed3757';
172
184
  export const bpSurfaceBadgeSurfaceCollection = '#e8e8e8';
173
185
  export const bpSurfaceBadgeSurfaceCompleted = '#1e9b67';
186
+ export const bpSurfaceBadgeSurfaceContentOffline = '#20a56e';
174
187
  export const bpSurfaceBadgeSurfaceDefault = '#6f6f6f';
175
188
  export const bpSurfaceBadgeSurfaceDocs = '#4083f7';
176
189
  export const bpSurfaceBadgeSurfaceDrawing = '#009aed';
@@ -194,6 +207,7 @@ export const bpSurfaceBadgeSurfaceOffline = '#26c281';
194
207
  export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
195
208
  export const bpSurfaceBadgeSurfacePages = '#ff9500';
196
209
  export const bpSurfaceBadgeSurfacePdf = '#d0021b';
210
+ export const bpSurfaceBadgeSurfacePending = '#d97417';
197
211
  export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
198
212
  export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
199
213
  export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
@@ -281,6 +295,8 @@ export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
281
295
  export const bpSurfaceDatePickerSurfaceError = '#ffffff';
282
296
  export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
283
297
  export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
298
+ export const bpSurfaceDropdownQuaternarySurfaceHover = 'rgba(255, 255, 255, 0.04)';
299
+ export const bpSurfaceDropdownQuaternarySurfacePressed = 'rgba(255, 255, 255, 0.08)';
284
300
  export const bpSurfaceDropdownSecondarySurface = 'rgba(255, 255, 255, 0.7)';
285
301
  export const bpSurfaceDropdownSecondarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
286
302
  export const bpSurfaceDropdownSecondarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -340,8 +356,15 @@ export const bpSurfaceInputSurfaceFocus = '#ffffff';
340
356
  export const bpSurfaceInputSurfaceHover = '#ffffff';
341
357
  export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
342
358
  export const bpSurfaceInputChipSurface = '#e8e8e8';
359
+ export const bpSurfaceInputChipSurfaceAnnotation = 'rgba(0, 97, 213, 0.08)';
360
+ export const bpSurfaceInputChipSurfaceAnnotationHover = 'rgba(0, 97, 213, 0.12)';
361
+ export const bpSurfaceInputChipSurfaceAnnotationPressed = 'rgba(0, 97, 213, 0.16)';
362
+ export const bpSurfaceInputChipSurfaceDisabled = 'rgba(0, 0, 0, 0.04)';
343
363
  export const bpSurfaceInputChipSurfaceError = '#fdebee';
344
364
  export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
365
+ export const bpSurfaceInputChipSurfaceVariable = 'rgba(159, 63, 237, 0.08)';
366
+ export const bpSurfaceInputChipSurfaceVariableHover = 'rgba(159, 63, 237, 0.12)';
367
+ export const bpSurfaceInputChipSurfaceVariablePressed = 'rgba(159, 63, 237, 0.16)';
345
368
  export const bpSurfaceItemSmallSurface = '#ffffff';
346
369
  export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
347
370
  export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
@@ -489,6 +512,9 @@ export const bpTextCtaLinkSecondary = '#6f6f6f';
489
512
  export const bpTextCtaLinkSecondaryHover = '#6f6f6f';
490
513
  export const bpTextCtaLinkSecondaryPressed = '#6f6f6f';
491
514
  export const bpTextCtaPromo = '#4826c2';
515
+ export const bpTextCtaSecondary = '#6f6f6f';
516
+ export const bpTextCtaSecondaryHover = '#4e4e4e';
517
+ export const bpTextCtaSecondaryPressed = '#4e4e4e';
492
518
  export const bpTextNavTextOnDark = '#ffffff';
493
519
  export const bpTextNavTextOnDarkFocus = '#ffffff';
494
520
  export const bpTextNavTextOnDarkHover = '#ffffff';
@@ -498,6 +524,7 @@ export const bpTextNavTextOnLightFocus = '#ffffff';
498
524
  export const bpTextNavTextOnLightHover = '#ffffff';
499
525
  export const bpTextNavTextOnLightSelected = '#ffffff';
500
526
  export const bpTextToggleTextText = '#004eaa';
527
+ export const bpTextTextAnnotationOnColor = '#0057c0';
501
528
  export const bpTextTextBrandOnColor = '#ffffff';
502
529
  export const bpTextTextDestructiveOnLight = '#d5324e';
503
530
  export const bpTextTextErrorOnColor = '#821e30';
@@ -510,6 +537,7 @@ export const bpTextTextOnLightSecondary = '#6f6f6f';
510
537
  export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
511
538
  export const bpTextTextOnLightTertiary = '#909090';
512
539
  export const bpTextTextSuccessOnColor = '#0f4e34';
540
+ export const bpTextTextVariableOnColor = '#8f39d5';
513
541
  export const bpTextTextWarningOnColor = '#62480b';
514
542
  export const bpBoxBlue10 = '#e5effa';
515
543
  export const bpBoxBlue20 = '#ccdff7';
@@ -996,6 +1024,19 @@ export const bpOrangeOpacity90 = 'rgba(245, 179, 27, 0.9)';
996
1024
  export const bpOrangeOpacity00 = 'rgba(245, 179, 27, 0)';
997
1025
  export const bpOrangeOpacity04 = 'rgba(245, 179, 27, 0.04)';
998
1026
  export const bpOrangeOpacity08 = 'rgba(245, 179, 27, 0.08)';
1027
+ export const bpPurpleRainOpacity12 = 'rgba(159, 63, 237, 0.12)';
1028
+ export const bpPurpleRainOpacity16 = 'rgba(159, 63, 237, 0.16)';
1029
+ export const bpPurpleRainOpacity20 = 'rgba(159, 63, 237, 0.2)';
1030
+ export const bpPurpleRainOpacity24 = 'rgba(159, 63, 237, 0.24)';
1031
+ export const bpPurpleRainOpacity30 = 'rgba(159, 63, 237, 0.3)';
1032
+ export const bpPurpleRainOpacity50 = 'rgba(159, 63, 237, 0.5)';
1033
+ export const bpPurpleRainOpacity60 = 'rgba(159, 63, 237, 0.6)';
1034
+ export const bpPurpleRainOpacity70 = 'rgba(159, 63, 237, 0.7)';
1035
+ export const bpPurpleRainOpacity80 = 'rgba(159, 63, 237, 0.8)';
1036
+ export const bpPurpleRainOpacity90 = 'rgba(159, 63, 237, 0.9)';
1037
+ export const bpPurpleRainOpacity00 = 'rgba(159, 63, 237, 0)';
1038
+ export const bpPurpleRainOpacity04 = 'rgba(159, 63, 237, 0.04)';
1039
+ export const bpPurpleRainOpacity08 = 'rgba(159, 63, 237, 0.08)';
999
1040
  export const bpWatermelonRedOpacity12 = 'rgba(237, 55, 87, 0.12)';
1000
1041
  export const bpWatermelonRedOpacity16 = 'rgba(237, 55, 87, 0.16)';
1001
1042
  export const bpWatermelonRedOpacity20 = 'rgba(237, 55, 87, 0.2)';
@@ -1063,6 +1104,6 @@ export const bpDurationMedium = '150ms';
1063
1104
  export const bpDurationShort = '100ms';
1064
1105
  export const bpOpacityHidden = '0';
1065
1106
  export const bpOpacityVisible = '1';
1066
- export const bpScaleDefault = 'scale(1.00)';
1067
- export const bpScaleLarge = 'scale(1.12)';
1068
- export const bpScaleSmall = 'scale(0.98)';
1107
+ export const bpScaleDefault = '1.00';
1108
+ export const bpScaleLarge = '1.12';
1109
+ export const bpScaleSmall = '0.98';
package/dist/tokens/BP2/dark_mode_value/tokens.json CHANGED
@@ -1,5 +1,11 @@
1
1
  {
2
+ "BpBackgroundBackgroundLightBlue": "#e5effa",
3
+ "BpBackgroundBackgroundLightDarkBlue": "#e5ebf2",
4
+ "BpBackgroundBackgroundLightGreen": "#e9f8f2",
5
+ "BpBackgroundBackgroundLightGrimace": "#ece9f8",
6
+ "BpBorderAccordionBorder": "#e8e8e8",
2
7
  "BpBorderAccordionBorderHover": "#e8e8e8",
8
+ "BpBorderAccordionBorderOutlined": "#0061d5",
3
9
  "BpBorderAvatarBorderHover": "rgba(0, 0, 0, 0.04)",
4
10
  "BpBorderAvatarBorderPressed": "rgba(0, 0, 0, 0.08)",
5
11
  "BpBorderBadgeBorder": "#ffffff",
@@ -137,10 +143,14 @@
137
143
  "BpIconNavIconOnLightFocus": "#222222",
138
144
  "BpIconNavIconOnLightHover": "#222222",
139
145
  "BpIconNavIconOnLightSelected": "#222222",
146
+ "BpIconIconAnnotation": "#0057c0",
140
147
  "BpIconIconBlue": "#0061d5",
148
+ "BpIconIconDarkBlue": "#003677",
141
149
  "BpIconIconDestructiveOnLight": "#d5324e",
142
150
  "BpIconIconErrorOnColor": "#821e30",
143
151
  "BpIconIconErrorOnLight": "#d5324e",
152
+ "BpIconIconGreen": "#1e9b67",
153
+ "BpIconIconGrimace": "#4122af",
144
154
  "BpIconIconIllustrator": "#ff9400",
145
155
  "BpIconIconIndesign": "#ff57a1",
146
156
  "BpIconIconInfoOnColor": "#00316b",
@@ -151,15 +161,17 @@
151
161
  "BpIconIconPhotoshop": "#26c9ff",
152
162
  "BpIconIconRequiredOnLight": "#d5324e",
153
163
  "BpIconIconSuccessOnColor": "#0f4e34",
164
+ "BpIconIconVariable": "#8f39d5",
154
165
  "BpIconIconWarningOnColor": "#62480b",
155
166
  "BpOutlineFocusOnDark": "#ffffff",
156
167
  "BpOutlineFocusOnLight": "#2486fc",
157
168
  "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
158
169
  "BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
159
- "BpSurfaceAccordionSurfaceCollapsed": "rgba(0, 0, 0, 0.04)",
170
+ "BpSurfaceAccordionSurfaceCollapsed": "#ffffff",
160
171
  "BpSurfaceAccordionSurfaceCollapsedHover": "rgba(0, 0, 0, 0.08)",
161
172
  "BpSurfaceAccordionSurfaceExpanded": "#ffffff",
162
173
  "BpSurfaceAccordionSurfaceExpandedHover": "#ffffff",
174
+ "BpSurfaceAccordionSurfaceExpandedOutlined": "#fafcfe",
163
175
  "BpSurfaceBadgeSurfaceAdmin": "#003c84",
164
176
  "BpSurfaceBadgeSurfaceAlert": "#d97417",
165
177
  "BpSurfaceBadgeSurfaceAnnotation": "#f5b31b",
@@ -172,6 +184,7 @@
172
184
  "BpSurfaceBadgeSurfaceCode": "#ed3757",
173
185
  "BpSurfaceBadgeSurfaceCollection": "#e8e8e8",
174
186
  "BpSurfaceBadgeSurfaceCompleted": "#1e9b67",
187
+ "BpSurfaceBadgeSurfaceContentOffline": "#20a56e",
175
188
  "BpSurfaceBadgeSurfaceDefault": "#6f6f6f",
176
189
  "BpSurfaceBadgeSurfaceDocs": "#4083f7",
177
190
  "BpSurfaceBadgeSurfaceDrawing": "#009aed",
@@ -195,6 +208,7 @@
195
208
  "BpSurfaceBadgeSurfaceOnline": "#1e9b67",
196
209
  "BpSurfaceBadgeSurfacePages": "#ff9500",
197
210
  "BpSurfaceBadgeSurfacePdf": "#d0021b",
211
+ "BpSurfaceBadgeSurfacePending": "#d97417",
198
212
  "BpSurfaceBadgeSurfacePhotoshop": "#131415",
199
213
  "BpSurfaceBadgeSurfacePin": "#e8e8e8",
200
214
  "BpSurfaceBadgeSurfacePowerpoint": "#c43e1c",
@@ -282,6 +296,8 @@
282
296
  "BpSurfaceDatePickerSurfaceError": "#ffffff",
283
297
  "BpSurfaceDatePickerSurfaceFocus": "#ffffff",
284
298
  "BpSurfaceDatePickerSurfaceHover": "#ffffff",
299
+ "BpSurfaceDropdownQuaternarySurfaceHover": "rgba(255, 255, 255, 0.04)",
300
+ "BpSurfaceDropdownQuaternarySurfacePressed": "rgba(255, 255, 255, 0.08)",
285
301
  "BpSurfaceDropdownSecondarySurface": "rgba(255, 255, 255, 0.7)",
286
302
  "BpSurfaceDropdownSecondarySurfaceHover": "rgba(0, 0, 0, 0.04)",
287
303
  "BpSurfaceDropdownSecondarySurfacePressed": "rgba(0, 0, 0, 0.08)",
@@ -341,8 +357,15 @@
341
357
  "BpSurfaceInputSurfaceHover": "#ffffff",
342
358
  "BpSurfaceInputSurfaceReadOnly": "#fbfbfb",
343
359
  "BpSurfaceInputChipSurface": "#e8e8e8",
360
+ "BpSurfaceInputChipSurfaceAnnotation": "rgba(0, 97, 213, 0.08)",
361
+ "BpSurfaceInputChipSurfaceAnnotationHover": "rgba(0, 97, 213, 0.12)",
362
+ "BpSurfaceInputChipSurfaceAnnotationPressed": "rgba(0, 97, 213, 0.16)",
363
+ "BpSurfaceInputChipSurfaceDisabled": "rgba(0, 0, 0, 0.04)",
344
364
  "BpSurfaceInputChipSurfaceError": "#fdebee",
345
365
  "BpSurfaceInputChipSurfaceHover": "#e8e8e8",
366
+ "BpSurfaceInputChipSurfaceVariable": "rgba(159, 63, 237, 0.08)",
367
+ "BpSurfaceInputChipSurfaceVariableHover": "rgba(159, 63, 237, 0.12)",
368
+ "BpSurfaceInputChipSurfaceVariablePressed": "rgba(159, 63, 237, 0.16)",
346
369
  "BpSurfaceItemSmallSurface": "#ffffff",
347
370
  "BpSurfaceItemSmallSurfaceHover": "#f4f4f4",
348
371
  "BpSurfaceItemSmallSurfaceSelected": "#f2f7fd",
@@ -490,6 +513,9 @@
490
513
  "BpTextCtaLinkSecondaryHover": "#6f6f6f",
491
514
  "BpTextCtaLinkSecondaryPressed": "#6f6f6f",
492
515
  "BpTextCtaPromo": "#4826c2",
516
+ "BpTextCtaSecondary": "#6f6f6f",
517
+ "BpTextCtaSecondaryHover": "#4e4e4e",
518
+ "BpTextCtaSecondaryPressed": "#4e4e4e",
493
519
  "BpTextNavTextOnDark": "#ffffff",
494
520
  "BpTextNavTextOnDarkFocus": "#ffffff",
495
521
  "BpTextNavTextOnDarkHover": "#ffffff",
@@ -499,6 +525,7 @@
499
525
  "BpTextNavTextOnLightHover": "#ffffff",
500
526
  "BpTextNavTextOnLightSelected": "#ffffff",
501
527
  "BpTextToggleTextText": "#004eaa",
528
+ "BpTextTextAnnotationOnColor": "#0057c0",
502
529
  "BpTextTextBrandOnColor": "#ffffff",
503
530
  "BpTextTextDestructiveOnLight": "#d5324e",
504
531
  "BpTextTextErrorOnColor": "#821e30",
@@ -511,6 +538,7 @@
511
538
  "BpTextTextOnLightSecondaryHover": "#4e4e4e",
512
539
  "BpTextTextOnLightTertiary": "#909090",
513
540
  "BpTextTextSuccessOnColor": "#0f4e34",
541
+ "BpTextTextVariableOnColor": "#8f39d5",
514
542
  "BpTextTextWarningOnColor": "#62480b",
515
543
  "BpBoxBlue10": "#e5effa",
516
544
  "BpBoxBlue20": "#ccdff7",
@@ -997,6 +1025,19 @@
997
1025
  "BpOrangeOpacity00": "rgba(245, 179, 27, 0)",
998
1026
  "BpOrangeOpacity04": "rgba(245, 179, 27, 0.04)",
999
1027
  "BpOrangeOpacity08": "rgba(245, 179, 27, 0.08)",
1028
+ "BpPurpleRainOpacity12": "rgba(159, 63, 237, 0.12)",
1029
+ "BpPurpleRainOpacity16": "rgba(159, 63, 237, 0.16)",
1030
+ "BpPurpleRainOpacity20": "rgba(159, 63, 237, 0.2)",
1031
+ "BpPurpleRainOpacity24": "rgba(159, 63, 237, 0.24)",
1032
+ "BpPurpleRainOpacity30": "rgba(159, 63, 237, 0.3)",
1033
+ "BpPurpleRainOpacity50": "rgba(159, 63, 237, 0.5)",
1034
+ "BpPurpleRainOpacity60": "rgba(159, 63, 237, 0.6)",
1035
+ "BpPurpleRainOpacity70": "rgba(159, 63, 237, 0.7)",
1036
+ "BpPurpleRainOpacity80": "rgba(159, 63, 237, 0.8)",
1037
+ "BpPurpleRainOpacity90": "rgba(159, 63, 237, 0.9)",
1038
+ "BpPurpleRainOpacity00": "rgba(159, 63, 237, 0)",
1039
+ "BpPurpleRainOpacity04": "rgba(159, 63, 237, 0.04)",
1040
+ "BpPurpleRainOpacity08": "rgba(159, 63, 237, 0.08)",
1000
1041
  "BpWatermelonRedOpacity12": "rgba(237, 55, 87, 0.12)",
1001
1042
  "BpWatermelonRedOpacity16": "rgba(237, 55, 87, 0.16)",
1002
1043
  "BpWatermelonRedOpacity20": "rgba(237, 55, 87, 0.2)",
@@ -1064,7 +1105,7 @@
1064
1105
  "BpDurationShort": "100ms",
1065
1106
  "BpOpacityHidden": "0",
1066
1107
  "BpOpacityVisible": "1",
1067
- "BpScaleDefault": "scale(1.00)",
1068
- "BpScaleLarge": "scale(1.12)",
1069
- "BpScaleSmall": "scale(0.98)"
1108
+ "BpScaleDefault": "1.00",
1109
+ "BpScaleLarge": "1.12",
1110
+ "BpScaleSmall": "0.98"
1070
1111
  }
package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts CHANGED
@@ -3,7 +3,13 @@
3
3
  */
4
4
 
5
5
  export const bpBackgroundBackground: string;
6
+ export const bpBackgroundBackgroundLightBlue: string;
7
+ export const bpBackgroundBackgroundLightDarkBlue: string;
8
+ export const bpBackgroundBackgroundLightGreen: string;
9
+ export const bpBackgroundBackgroundLightGrimace: string;
10
+ export const bpBorderAccordionBorder: string;
6
11
  export const bpBorderAccordionBorderHover: string;
12
+ export const bpBorderAccordionBorderOutlined: string;
7
13
  export const bpBorderAvatarBorderHover: string;
8
14
  export const bpBorderAvatarBorderPressed: string;
9
15
  export const bpBorderBadgeBorder: string;
@@ -141,10 +147,14 @@ export const bpIconNavIconOnLight: string;
141
147
  export const bpIconNavIconOnLightFocus: string;
142
148
  export const bpIconNavIconOnLightHover: string;
143
149
  export const bpIconNavIconOnLightSelected: string;
150
+ export const bpIconIconAnnotation: string;
144
151
  export const bpIconIconBlue: string;
152
+ export const bpIconIconDarkBlue: string;
145
153
  export const bpIconIconDestructiveOnLight: string;
146
154
  export const bpIconIconErrorOnColor: string;
147
155
  export const bpIconIconErrorOnLight: string;
156
+ export const bpIconIconGreen: string;
157
+ export const bpIconIconGrimace: string;
148
158
  export const bpIconIconIllustrator: string;
149
159
  export const bpIconIconIndesign: string;
150
160
  export const bpIconIconInfoOnColor: string;
@@ -155,6 +165,7 @@ export const bpIconIconOnLightTertiary: string;
155
165
  export const bpIconIconPhotoshop: string;
156
166
  export const bpIconIconRequiredOnLight: string;
157
167
  export const bpIconIconSuccessOnColor: string;
168
+ export const bpIconIconVariable: string;
158
169
  export const bpIconIconWarningOnColor: string;
159
170
  export const bpOutlineFocusOnDark: string;
160
171
  export const bpOutlineFocusOnLight: string;
@@ -164,6 +175,7 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
164
175
  export const bpSurfaceAccordionSurfaceCollapsedHover: string;
165
176
  export const bpSurfaceAccordionSurfaceExpanded: string;
166
177
  export const bpSurfaceAccordionSurfaceExpandedHover: string;
178
+ export const bpSurfaceAccordionSurfaceExpandedOutlined: string;
167
179
  export const bpSurfaceBadgeSurfaceAdmin: string;
168
180
  export const bpSurfaceBadgeSurfaceAlert: string;
169
181
  export const bpSurfaceBadgeSurfaceAnnotation: string;
@@ -176,6 +188,7 @@ export const bpSurfaceBadgeSurfaceCoadmin: string;
176
188
  export const bpSurfaceBadgeSurfaceCode: string;
177
189
  export const bpSurfaceBadgeSurfaceCollection: string;
178
190
  export const bpSurfaceBadgeSurfaceCompleted: string;
191
+ export const bpSurfaceBadgeSurfaceContentOffline: string;
179
192
  export const bpSurfaceBadgeSurfaceDefault: string;
180
193
  export const bpSurfaceBadgeSurfaceDocs: string;
181
194
  export const bpSurfaceBadgeSurfaceDrawing: string;
@@ -199,6 +212,7 @@ export const bpSurfaceBadgeSurfaceOffline: string;
199
212
  export const bpSurfaceBadgeSurfaceOnline: string;
200
213
  export const bpSurfaceBadgeSurfacePages: string;
201
214
  export const bpSurfaceBadgeSurfacePdf: string;
215
+ export const bpSurfaceBadgeSurfacePending: string;
202
216
  export const bpSurfaceBadgeSurfacePhotoshop: string;
203
217
  export const bpSurfaceBadgeSurfacePin: string;
204
218
  export const bpSurfaceBadgeSurfacePowerpoint: string;
@@ -286,6 +300,8 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
286
300
  export const bpSurfaceDatePickerSurfaceError: string;
287
301
  export const bpSurfaceDatePickerSurfaceFocus: string;
288
302
  export const bpSurfaceDatePickerSurfaceHover: string;
303
+ export const bpSurfaceDropdownQuaternarySurfaceHover: string;
304
+ export const bpSurfaceDropdownQuaternarySurfacePressed: string;
289
305
  export const bpSurfaceDropdownSecondarySurface: string;
290
306
  export const bpSurfaceDropdownSecondarySurfaceHover: string;
291
307
  export const bpSurfaceDropdownSecondarySurfacePressed: string;
@@ -345,8 +361,15 @@ export const bpSurfaceInputSurfaceFocus: string;
345
361
  export const bpSurfaceInputSurfaceHover: string;
346
362
  export const bpSurfaceInputSurfaceReadOnly: string;
347
363
  export const bpSurfaceInputChipSurface: string;
364
+ export const bpSurfaceInputChipSurfaceAnnotation: string;
365
+ export const bpSurfaceInputChipSurfaceAnnotationHover: string;
366
+ export const bpSurfaceInputChipSurfaceAnnotationPressed: string;
367
+ export const bpSurfaceInputChipSurfaceDisabled: string;
348
368
  export const bpSurfaceInputChipSurfaceError: string;
349
369
  export const bpSurfaceInputChipSurfaceHover: string;
370
+ export const bpSurfaceInputChipSurfaceVariable: string;
371
+ export const bpSurfaceInputChipSurfaceVariableHover: string;
372
+ export const bpSurfaceInputChipSurfaceVariablePressed: string;
350
373
  export const bpSurfaceItemSmallSurface: string;
351
374
  export const bpSurfaceItemSmallSurfaceHover: string;
352
375
  export const bpSurfaceItemSmallSurfaceSelected: string;
@@ -494,6 +517,9 @@ export const bpTextCtaLinkSecondary: string;
494
517
  export const bpTextCtaLinkSecondaryHover: string;
495
518
  export const bpTextCtaLinkSecondaryPressed: string;
496
519
  export const bpTextCtaPromo: string;
520
+ export const bpTextCtaSecondary: string;
521
+ export const bpTextCtaSecondaryHover: string;
522
+ export const bpTextCtaSecondaryPressed: string;
497
523
  export const bpTextNavTextOnDark: string;
498
524
  export const bpTextNavTextOnDarkFocus: string;
499
525
  export const bpTextNavTextOnDarkHover: string;
@@ -503,6 +529,7 @@ export const bpTextNavTextOnLightFocus: string;
503
529
  export const bpTextNavTextOnLightHover: string;
504
530
  export const bpTextNavTextOnLightSelected: string;
505
531
  export const bpTextToggleTextText: string;
532
+ export const bpTextTextAnnotationOnColor: string;
506
533
  export const bpTextTextBrandOnColor: string;
507
534
  export const bpTextTextDestructiveOnLight: string;
508
535
  export const bpTextTextErrorOnColor: string;
@@ -515,6 +542,7 @@ export const bpTextTextOnLightSecondary: string;
515
542
  export const bpTextTextOnLightSecondaryHover: string;
516
543
  export const bpTextTextOnLightTertiary: string;
517
544
  export const bpTextTextSuccessOnColor: string;
545
+ export const bpTextTextVariableOnColor: string;
518
546
  export const bpTextTextWarningOnColor: string;
519
547
  export const bpBoxBlue10: string;
520
548
  export const bpBoxBlue20: string;
@@ -1001,6 +1029,19 @@ export const bpOrangeOpacity90: string;
1001
1029
  export const bpOrangeOpacity00: string;
1002
1030
  export const bpOrangeOpacity04: string;
1003
1031
  export const bpOrangeOpacity08: string;
1032
+ export const bpPurpleRainOpacity12: string;
1033
+ export const bpPurpleRainOpacity16: string;
1034
+ export const bpPurpleRainOpacity20: string;
1035
+ export const bpPurpleRainOpacity24: string;
1036
+ export const bpPurpleRainOpacity30: string;
1037
+ export const bpPurpleRainOpacity50: string;
1038
+ export const bpPurpleRainOpacity60: string;
1039
+ export const bpPurpleRainOpacity70: string;
1040
+ export const bpPurpleRainOpacity80: string;
1041
+ export const bpPurpleRainOpacity90: string;
1042
+ export const bpPurpleRainOpacity00: string;
1043
+ export const bpPurpleRainOpacity04: string;
1044
+ export const bpPurpleRainOpacity08: string;
1004
1045
  export const bpWatermelonRedOpacity12: string;
1005
1046
  export const bpWatermelonRedOpacity16: string;
1006
1047
  export const bpWatermelonRedOpacity20: string;
package/dist/tokens/BP2/light_mode_value/px-tokens.js CHANGED
@@ -3,7 +3,13 @@
3
3
  */
4
4
 
5
5
  export const bpBackgroundBackground = '#ffffff';
6
+ export const bpBackgroundBackgroundLightBlue = '#e5effa';
7
+ export const bpBackgroundBackgroundLightDarkBlue = '#e5ebf2';
8
+ export const bpBackgroundBackgroundLightGreen = '#e9f8f2';
9
+ export const bpBackgroundBackgroundLightGrimace = '#ece9f8';
10
+ export const bpBorderAccordionBorder = '#e8e8e8';
6
11
  export const bpBorderAccordionBorderHover = '#e8e8e8';
12
+ export const bpBorderAccordionBorderOutlined = '#0061d5';
7
13
  export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
8
14
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
9
15
  export const bpBorderBadgeBorder = '#ffffff';
@@ -141,10 +147,14 @@ export const bpIconNavIconOnLight = '#222222';
141
147
  export const bpIconNavIconOnLightFocus = '#222222';
142
148
  export const bpIconNavIconOnLightHover = '#222222';
143
149
  export const bpIconNavIconOnLightSelected = '#222222';
150
+ export const bpIconIconAnnotation = '#0057c0';
144
151
  export const bpIconIconBlue = '#0061d5';
152
+ export const bpIconIconDarkBlue = '#003677';
145
153
  export const bpIconIconDestructiveOnLight = '#d5324e';
146
154
  export const bpIconIconErrorOnColor = '#821e30';
147
155
  export const bpIconIconErrorOnLight = '#d5324e';
156
+ export const bpIconIconGreen = '#1e9b67';
157
+ export const bpIconIconGrimace = '#4122af';
148
158
  export const bpIconIconIllustrator = '#ff9400';
149
159
  export const bpIconIconIndesign = '#ff57a1';
150
160
  export const bpIconIconInfoOnColor = '#00316b';
@@ -155,15 +165,17 @@ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
155
165
  export const bpIconIconPhotoshop = '#26c9ff';
156
166
  export const bpIconIconRequiredOnLight = '#d5324e';
157
167
  export const bpIconIconSuccessOnColor = '#0f4e34';
168
+ export const bpIconIconVariable = '#8f39d5';
158
169
  export const bpIconIconWarningOnColor = '#62480b';
159
170
  export const bpOutlineFocusOnDark = '#ffffff';
160
171
  export const bpOutlineFocusOnLight = '#2486fc';
161
172
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
162
173
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
163
- export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
174
+ export const bpSurfaceAccordionSurfaceCollapsed = '#ffffff';
164
175
  export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
165
176
  export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
166
177
  export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
178
+ export const bpSurfaceAccordionSurfaceExpandedOutlined = '#fafcfe';
167
179
  export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
168
180
  export const bpSurfaceBadgeSurfaceAlert = '#d97417';
169
181
  export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
@@ -176,6 +188,7 @@ export const bpSurfaceBadgeSurfaceCoadmin = '#9f3fed';
176
188
  export const bpSurfaceBadgeSurfaceCode = '#ed3757';
177
189
  export const bpSurfaceBadgeSurfaceCollection = '#e8e8e8';
178
190
  export const bpSurfaceBadgeSurfaceCompleted = '#1e9b67';
191
+ export const bpSurfaceBadgeSurfaceContentOffline = '#20a56e';
179
192
  export const bpSurfaceBadgeSurfaceDefault = '#6f6f6f';
180
193
  export const bpSurfaceBadgeSurfaceDocs = '#4083f7';
181
194
  export const bpSurfaceBadgeSurfaceDrawing = '#009aed';
@@ -199,6 +212,7 @@ export const bpSurfaceBadgeSurfaceOffline = '#26c281';
199
212
  export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
200
213
  export const bpSurfaceBadgeSurfacePages = '#ff9500';
201
214
  export const bpSurfaceBadgeSurfacePdf = '#d0021b';
215
+ export const bpSurfaceBadgeSurfacePending = '#d97417';
202
216
  export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
203
217
  export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
204
218
  export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
@@ -286,6 +300,8 @@ export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
286
300
  export const bpSurfaceDatePickerSurfaceError = '#ffffff';
287
301
  export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
288
302
  export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
303
+ export const bpSurfaceDropdownQuaternarySurfaceHover = 'rgba(255, 255, 255, 0.04)';
304
+ export const bpSurfaceDropdownQuaternarySurfacePressed = 'rgba(255, 255, 255, 0.08)';
289
305
  export const bpSurfaceDropdownSecondarySurface = 'rgba(255, 255, 255, 0.7)';
290
306
  export const bpSurfaceDropdownSecondarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
291
307
  export const bpSurfaceDropdownSecondarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -345,8 +361,15 @@ export const bpSurfaceInputSurfaceFocus = '#ffffff';
345
361
  export const bpSurfaceInputSurfaceHover = '#ffffff';
346
362
  export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
347
363
  export const bpSurfaceInputChipSurface = '#e8e8e8';
364
+ export const bpSurfaceInputChipSurfaceAnnotation = 'rgba(0, 97, 213, 0.08)';
365
+ export const bpSurfaceInputChipSurfaceAnnotationHover = 'rgba(0, 97, 213, 0.12)';
366
+ export const bpSurfaceInputChipSurfaceAnnotationPressed = 'rgba(0, 97, 213, 0.16)';
367
+ export const bpSurfaceInputChipSurfaceDisabled = 'rgba(0, 0, 0, 0.04)';
348
368
  export const bpSurfaceInputChipSurfaceError = '#fdebee';
349
369
  export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
370
+ export const bpSurfaceInputChipSurfaceVariable = 'rgba(159, 63, 237, 0.08)';
371
+ export const bpSurfaceInputChipSurfaceVariableHover = 'rgba(159, 63, 237, 0.12)';
372
+ export const bpSurfaceInputChipSurfaceVariablePressed = 'rgba(159, 63, 237, 0.16)';
350
373
  export const bpSurfaceItemSmallSurface = '#ffffff';
351
374
  export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
352
375
  export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
@@ -491,9 +514,12 @@ export const bpTextCtaLinkDisabled = '#b2cff2';
491
514
  export const bpTextCtaLinkHover = '#1d6bca';
492
515
  export const bpTextCtaLinkPressed = '#2486fc';
493
516
  export const bpTextCtaLinkSecondary = '#6f6f6f';
494
- export const bpTextCtaLinkSecondaryHover = '#6f6f6f';
495
- export const bpTextCtaLinkSecondaryPressed = '#6f6f6f';
517
+ export const bpTextCtaLinkSecondaryHover = '#4e4e4e';
518
+ export const bpTextCtaLinkSecondaryPressed = '#222222';
496
519
  export const bpTextCtaPromo = '#4826c2';
520
+ export const bpTextCtaSecondary = '#6f6f6f';
521
+ export const bpTextCtaSecondaryHover = '#4e4e4e';
522
+ export const bpTextCtaSecondaryPressed = '#4e4e4e';
497
523
  export const bpTextNavTextOnDark = '#ffffff';
498
524
  export const bpTextNavTextOnDarkFocus = '#ffffff';
499
525
  export const bpTextNavTextOnDarkHover = '#ffffff';
@@ -503,6 +529,7 @@ export const bpTextNavTextOnLightFocus = '#ffffff';
503
529
  export const bpTextNavTextOnLightHover = '#ffffff';
504
530
  export const bpTextNavTextOnLightSelected = '#ffffff';
505
531
  export const bpTextToggleTextText = '#004eaa';
532
+ export const bpTextTextAnnotationOnColor = '#0057c0';
506
533
  export const bpTextTextBrandOnColor = '#ffffff';
507
534
  export const bpTextTextDestructiveOnLight = '#d5324e';
508
535
  export const bpTextTextErrorOnColor = '#821e30';
@@ -515,6 +542,7 @@ export const bpTextTextOnLightSecondary = '#6f6f6f';
515
542
  export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
516
543
  export const bpTextTextOnLightTertiary = '#909090';
517
544
  export const bpTextTextSuccessOnColor = '#0f4e34';
545
+ export const bpTextTextVariableOnColor = '#8f39d5';
518
546
  export const bpTextTextWarningOnColor = '#62480b';
519
547
  export const bpBoxBlue10 = '#e5effa';
520
548
  export const bpBoxBlue20 = '#ccdff7';
@@ -1001,6 +1029,19 @@ export const bpOrangeOpacity90 = 'rgba(245, 179, 27, 0.9)';
1001
1029
  export const bpOrangeOpacity00 = 'rgba(245, 179, 27, 0)';
1002
1030
  export const bpOrangeOpacity04 = 'rgba(245, 179, 27, 0.04)';
1003
1031
  export const bpOrangeOpacity08 = 'rgba(245, 179, 27, 0.08)';
1032
+ export const bpPurpleRainOpacity12 = 'rgba(159, 63, 237, 0.12)';
1033
+ export const bpPurpleRainOpacity16 = 'rgba(159, 63, 237, 0.16)';
1034
+ export const bpPurpleRainOpacity20 = 'rgba(159, 63, 237, 0.2)';
1035
+ export const bpPurpleRainOpacity24 = 'rgba(159, 63, 237, 0.24)';
1036
+ export const bpPurpleRainOpacity30 = 'rgba(159, 63, 237, 0.3)';
1037
+ export const bpPurpleRainOpacity50 = 'rgba(159, 63, 237, 0.5)';
1038
+ export const bpPurpleRainOpacity60 = 'rgba(159, 63, 237, 0.6)';
1039
+ export const bpPurpleRainOpacity70 = 'rgba(159, 63, 237, 0.7)';
1040
+ export const bpPurpleRainOpacity80 = 'rgba(159, 63, 237, 0.8)';
1041
+ export const bpPurpleRainOpacity90 = 'rgba(159, 63, 237, 0.9)';
1042
+ export const bpPurpleRainOpacity00 = 'rgba(159, 63, 237, 0)';
1043
+ export const bpPurpleRainOpacity04 = 'rgba(159, 63, 237, 0.04)';
1044
+ export const bpPurpleRainOpacity08 = 'rgba(159, 63, 237, 0.08)';
1004
1045
  export const bpWatermelonRedOpacity12 = 'rgba(237, 55, 87, 0.12)';
1005
1046
  export const bpWatermelonRedOpacity16 = 'rgba(237, 55, 87, 0.16)';
1006
1047
  export const bpWatermelonRedOpacity20 = 'rgba(237, 55, 87, 0.2)';
@@ -1068,6 +1109,6 @@ export const bpDurationMedium = '150ms';
1068
1109
  export const bpDurationShort = '100ms';
1069
1110
  export const bpOpacityHidden = '0';
1070
1111
  export const bpOpacityVisible = '1';
1071
- export const bpScaleDefault = 'scale(1.00)';
1072
- export const bpScaleLarge = 'scale(1.12)';
1073
- export const bpScaleSmall = 'scale(0.98)';
1112
+ export const bpScaleDefault = '1.00';
1113
+ export const bpScaleLarge = '1.12';
1114
+ export const bpScaleSmall = '0.98';