@box/blueprint-web-assets 4.121.7 → 4.122.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 (19) hide show
  1. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +41 -0
  2. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +45 -4
  3. package/dist/tokens/BP2/dark_mode_value/tokens.css +45 -4
  4. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +41 -0
  5. package/dist/tokens/BP2/dark_mode_value/tokens.js +45 -4
  6. package/dist/tokens/BP2/dark_mode_value/tokens.json +45 -4
  7. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +41 -0
  8. package/dist/tokens/BP2/light_mode_value/px-tokens.js +47 -6
  9. package/dist/tokens/BP2/light_mode_value/tokens.css +47 -6
  10. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +41 -0
  11. package/dist/tokens/BP2/light_mode_value/tokens.js +47 -6
  12. package/dist/tokens/BP2/light_mode_value/tokens.json +47 -6
  13. package/dist/tokens/px-tokens.d.ts +41 -0
  14. package/dist/tokens/px-tokens.js +41 -6
  15. package/dist/tokens/tokens-css-vars.scss +47 -6
  16. package/dist/tokens/tokens.d.ts +41 -0
  17. package/dist/tokens/tokens.js +41 -6
  18. package/dist/tokens/tokens.json +47 -6
  19. package/package.json +2 -2
package/dist/tokens/px-tokens.d.ts CHANGED
@@ -825,7 +825,13 @@ export const NotificationDefaultParagraphIndent: string;
825
825
 
826
826
  // Auto-appended from light_mode_value/px-tokens.d.ts by append-figma-vars-to-js.js
827
827
  export const bpBackgroundBackground: string;
828
+ export const bpBackgroundBackgroundLightBlue: string;
829
+ export const bpBackgroundBackgroundLightDarkBlue: string;
830
+ export const bpBackgroundBackgroundLightGreen: string;
831
+ export const bpBackgroundBackgroundLightGrimace: string;
832
+ export const bpBorderAccordionBorder: string;
828
833
  export const bpBorderAccordionBorderHover: string;
834
+ export const bpBorderAccordionBorderOutlined: string;
829
835
  export const bpBorderAvatarBorderHover: string;
830
836
  export const bpBorderAvatarBorderPressed: string;
831
837
  export const bpBorderBadgeBorder: string;
@@ -963,10 +969,14 @@ export const bpIconNavIconOnLight: string;
963
969
  export const bpIconNavIconOnLightFocus: string;
964
970
  export const bpIconNavIconOnLightHover: string;
965
971
  export const bpIconNavIconOnLightSelected: string;
972
+ export const bpIconIconAnnotation: string;
966
973
  export const bpIconIconBlue: string;
974
+ export const bpIconIconDarkBlue: string;
967
975
  export const bpIconIconDestructiveOnLight: string;
968
976
  export const bpIconIconErrorOnColor: string;
969
977
  export const bpIconIconErrorOnLight: string;
978
+ export const bpIconIconGreen: string;
979
+ export const bpIconIconGrimace: string;
970
980
  export const bpIconIconIllustrator: string;
971
981
  export const bpIconIconIndesign: string;
972
982
  export const bpIconIconInfoOnColor: string;
@@ -977,6 +987,7 @@ export const bpIconIconOnLightTertiary: string;
977
987
  export const bpIconIconPhotoshop: string;
978
988
  export const bpIconIconRequiredOnLight: string;
979
989
  export const bpIconIconSuccessOnColor: string;
990
+ export const bpIconIconVariable: string;
980
991
  export const bpIconIconWarningOnColor: string;
981
992
  export const bpOutlineFocusOnDark: string;
982
993
  export const bpOutlineFocusOnLight: string;
@@ -986,6 +997,7 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
986
997
  export const bpSurfaceAccordionSurfaceCollapsedHover: string;
987
998
  export const bpSurfaceAccordionSurfaceExpanded: string;
988
999
  export const bpSurfaceAccordionSurfaceExpandedHover: string;
1000
+ export const bpSurfaceAccordionSurfaceExpandedOutlined: string;
989
1001
  export const bpSurfaceBadgeSurfaceAdmin: string;
990
1002
  export const bpSurfaceBadgeSurfaceAlert: string;
991
1003
  export const bpSurfaceBadgeSurfaceAnnotation: string;
@@ -998,6 +1010,7 @@ export const bpSurfaceBadgeSurfaceCoadmin: string;
998
1010
  export const bpSurfaceBadgeSurfaceCode: string;
999
1011
  export const bpSurfaceBadgeSurfaceCollection: string;
1000
1012
  export const bpSurfaceBadgeSurfaceCompleted: string;
1013
+ export const bpSurfaceBadgeSurfaceContentOffline: string;
1001
1014
  export const bpSurfaceBadgeSurfaceDefault: string;
1002
1015
  export const bpSurfaceBadgeSurfaceDocs: string;
1003
1016
  export const bpSurfaceBadgeSurfaceDrawing: string;
@@ -1021,6 +1034,7 @@ export const bpSurfaceBadgeSurfaceOffline: string;
1021
1034
  export const bpSurfaceBadgeSurfaceOnline: string;
1022
1035
  export const bpSurfaceBadgeSurfacePages: string;
1023
1036
  export const bpSurfaceBadgeSurfacePdf: string;
1037
+ export const bpSurfaceBadgeSurfacePending: string;
1024
1038
  export const bpSurfaceBadgeSurfacePhotoshop: string;
1025
1039
  export const bpSurfaceBadgeSurfacePin: string;
1026
1040
  export const bpSurfaceBadgeSurfacePowerpoint: string;
@@ -1108,6 +1122,8 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
1108
1122
  export const bpSurfaceDatePickerSurfaceError: string;
1109
1123
  export const bpSurfaceDatePickerSurfaceFocus: string;
1110
1124
  export const bpSurfaceDatePickerSurfaceHover: string;
1125
+ export const bpSurfaceDropdownQuaternarySurfaceHover: string;
1126
+ export const bpSurfaceDropdownQuaternarySurfacePressed: string;
1111
1127
  export const bpSurfaceDropdownSecondarySurface: string;
1112
1128
  export const bpSurfaceDropdownSecondarySurfaceHover: string;
1113
1129
  export const bpSurfaceDropdownSecondarySurfacePressed: string;
@@ -1167,8 +1183,15 @@ export const bpSurfaceInputSurfaceFocus: string;
1167
1183
  export const bpSurfaceInputSurfaceHover: string;
1168
1184
  export const bpSurfaceInputSurfaceReadOnly: string;
1169
1185
  export const bpSurfaceInputChipSurface: string;
1186
+ export const bpSurfaceInputChipSurfaceAnnotation: string;
1187
+ export const bpSurfaceInputChipSurfaceAnnotationHover: string;
1188
+ export const bpSurfaceInputChipSurfaceAnnotationPressed: string;
1189
+ export const bpSurfaceInputChipSurfaceDisabled: string;
1170
1190
  export const bpSurfaceInputChipSurfaceError: string;
1171
1191
  export const bpSurfaceInputChipSurfaceHover: string;
1192
+ export const bpSurfaceInputChipSurfaceVariable: string;
1193
+ export const bpSurfaceInputChipSurfaceVariableHover: string;
1194
+ export const bpSurfaceInputChipSurfaceVariablePressed: string;
1172
1195
  export const bpSurfaceItemSmallSurface: string;
1173
1196
  export const bpSurfaceItemSmallSurfaceHover: string;
1174
1197
  export const bpSurfaceItemSmallSurfaceSelected: string;
@@ -1316,6 +1339,9 @@ export const bpTextCtaLinkSecondary: string;
1316
1339
  export const bpTextCtaLinkSecondaryHover: string;
1317
1340
  export const bpTextCtaLinkSecondaryPressed: string;
1318
1341
  export const bpTextCtaPromo: string;
1342
+ export const bpTextCtaSecondary: string;
1343
+ export const bpTextCtaSecondaryHover: string;
1344
+ export const bpTextCtaSecondaryPressed: string;
1319
1345
  export const bpTextNavTextOnDark: string;
1320
1346
  export const bpTextNavTextOnDarkFocus: string;
1321
1347
  export const bpTextNavTextOnDarkHover: string;
@@ -1325,6 +1351,7 @@ export const bpTextNavTextOnLightFocus: string;
1325
1351
  export const bpTextNavTextOnLightHover: string;
1326
1352
  export const bpTextNavTextOnLightSelected: string;
1327
1353
  export const bpTextToggleTextText: string;
1354
+ export const bpTextTextAnnotationOnColor: string;
1328
1355
  export const bpTextTextBrandOnColor: string;
1329
1356
  export const bpTextTextDestructiveOnLight: string;
1330
1357
  export const bpTextTextErrorOnColor: string;
@@ -1337,6 +1364,7 @@ export const bpTextTextOnLightSecondary: string;
1337
1364
  export const bpTextTextOnLightSecondaryHover: string;
1338
1365
  export const bpTextTextOnLightTertiary: string;
1339
1366
  export const bpTextTextSuccessOnColor: string;
1367
+ export const bpTextTextVariableOnColor: string;
1340
1368
  export const bpTextTextWarningOnColor: string;
1341
1369
  export const bpBoxBlue10: string;
1342
1370
  export const bpBoxBlue20: string;
@@ -1823,6 +1851,19 @@ export const bpOrangeOpacity90: string;
1823
1851
  export const bpOrangeOpacity00: string;
1824
1852
  export const bpOrangeOpacity04: string;
1825
1853
  export const bpOrangeOpacity08: string;
1854
+ export const bpPurpleRainOpacity12: string;
1855
+ export const bpPurpleRainOpacity16: string;
1856
+ export const bpPurpleRainOpacity20: string;
1857
+ export const bpPurpleRainOpacity24: string;
1858
+ export const bpPurpleRainOpacity30: string;
1859
+ export const bpPurpleRainOpacity50: string;
1860
+ export const bpPurpleRainOpacity60: string;
1861
+ export const bpPurpleRainOpacity70: string;
1862
+ export const bpPurpleRainOpacity80: string;
1863
+ export const bpPurpleRainOpacity90: string;
1864
+ export const bpPurpleRainOpacity00: string;
1865
+ export const bpPurpleRainOpacity04: string;
1866
+ export const bpPurpleRainOpacity08: string;
1826
1867
  export const bpWatermelonRedOpacity12: string;
1827
1868
  export const bpWatermelonRedOpacity16: string;
1828
1869
  export const bpWatermelonRedOpacity20: string;
package/dist/tokens/px-tokens.js CHANGED
@@ -843,7 +843,13 @@ export const NotificationDefaultParagraphIndent = '0px';
843
843
 
844
844
  // Auto-appended/updated from px-tokens.js by append-figma-vars-to-js.js
845
845
  export const bpBackgroundBackground = '#ffffff';
846
+ export const bpBackgroundBackgroundLightBlue = '#e5effa';
847
+ export const bpBackgroundBackgroundLightDarkBlue = '#e5ebf2';
848
+ export const bpBackgroundBackgroundLightGreen = '#e9f8f2';
849
+ export const bpBackgroundBackgroundLightGrimace = '#ece9f8';
850
+ export const bpBorderAccordionBorder = '#e8e8e8';
846
851
  export const bpBorderAccordionBorderHover = '#e8e8e8';
852
+ export const bpBorderAccordionBorderOutlined = '#0061d5';
847
853
  export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
848
854
  export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
849
855
  export const bpBorderBadgeBorder = '#ffffff';
@@ -981,10 +987,14 @@ export const bpIconNavIconOnLight = '#222222';
981
987
  export const bpIconNavIconOnLightFocus = '#222222';
982
988
  export const bpIconNavIconOnLightHover = '#222222';
983
989
  export const bpIconNavIconOnLightSelected = '#222222';
990
+ export const bpIconIconAnnotation = '#0057c0';
984
991
  export const bpIconIconBlue = '#0061d5';
992
+ export const bpIconIconDarkBlue = '#003677';
985
993
  export const bpIconIconDestructiveOnLight = '#d5324e';
986
994
  export const bpIconIconErrorOnColor = '#821e30';
987
995
  export const bpIconIconErrorOnLight = '#d5324e';
996
+ export const bpIconIconGreen = '#1e9b67';
997
+ export const bpIconIconGrimace = '#4122af';
988
998
  export const bpIconIconIllustrator = '#ff9400';
989
999
  export const bpIconIconIndesign = '#ff57a1';
990
1000
  export const bpIconIconInfoOnColor = '#00316b';
@@ -995,15 +1005,17 @@ export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
995
1005
  export const bpIconIconPhotoshop = '#26c9ff';
996
1006
  export const bpIconIconRequiredOnLight = '#d5324e';
997
1007
  export const bpIconIconSuccessOnColor = '#0f4e34';
1008
+ export const bpIconIconVariable = '#8f39d5';
998
1009
  export const bpIconIconWarningOnColor = '#62480b';
999
1010
  export const bpOutlineFocusOnDark = '#ffffff';
1000
1011
  export const bpOutlineFocusOnLight = '#2486fc';
1001
1012
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
1002
1013
  export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
1003
- export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
1014
+ export const bpSurfaceAccordionSurfaceCollapsed = '#ffffff';
1004
1015
  export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
1005
1016
  export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
1006
1017
  export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
1018
+ export const bpSurfaceAccordionSurfaceExpandedOutlined = '#fafcfe';
1007
1019
  export const bpSurfaceBadgeSurfaceAdmin = '#003c84';
1008
1020
  export const bpSurfaceBadgeSurfaceAlert = '#d97417';
1009
1021
  export const bpSurfaceBadgeSurfaceAnnotation = '#f5b31b';
@@ -1016,6 +1028,7 @@ export const bpSurfaceBadgeSurfaceCoadmin = '#9f3fed';
1016
1028
  export const bpSurfaceBadgeSurfaceCode = '#ed3757';
1017
1029
  export const bpSurfaceBadgeSurfaceCollection = '#e8e8e8';
1018
1030
  export const bpSurfaceBadgeSurfaceCompleted = '#1e9b67';
1031
+ export const bpSurfaceBadgeSurfaceContentOffline = '#20a56e';
1019
1032
  export const bpSurfaceBadgeSurfaceDefault = '#6f6f6f';
1020
1033
  export const bpSurfaceBadgeSurfaceDocs = '#4083f7';
1021
1034
  export const bpSurfaceBadgeSurfaceDrawing = '#009aed';
@@ -1039,6 +1052,7 @@ export const bpSurfaceBadgeSurfaceOffline = '#26c281';
1039
1052
  export const bpSurfaceBadgeSurfaceOnline = '#1e9b67';
1040
1053
  export const bpSurfaceBadgeSurfacePages = '#ff9500';
1041
1054
  export const bpSurfaceBadgeSurfacePdf = '#d0021b';
1055
+ export const bpSurfaceBadgeSurfacePending = '#d97417';
1042
1056
  export const bpSurfaceBadgeSurfacePhotoshop = '#131415';
1043
1057
  export const bpSurfaceBadgeSurfacePin = '#e8e8e8';
1044
1058
  export const bpSurfaceBadgeSurfacePowerpoint = '#c43e1c';
@@ -1183,8 +1197,11 @@ export const bpSurfaceInputSurfaceFocus = '#ffffff';
1183
1197
  export const bpSurfaceInputSurfaceHover = '#ffffff';
1184
1198
  export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
1185
1199
  export const bpSurfaceInputChipSurface = '#e8e8e8';
1200
+ export const bpSurfaceInputChipSurfaceAnnotation = 'rgba(0, 97, 213, 0.08)';
1201
+ export const bpSurfaceInputChipSurfaceDisabled = 'rgba(0, 0, 0, 0.04)';
1186
1202
  export const bpSurfaceInputChipSurfaceError = '#fdebee';
1187
1203
  export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
1204
+ export const bpSurfaceInputChipSurfaceVariable = 'rgba(159, 63, 237, 0.08)';
1188
1205
  export const bpSurfaceItemSmallSurface = '#ffffff';
1189
1206
  export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
1190
1207
  export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
@@ -1324,9 +1341,12 @@ export const bpTextCtaLinkDisabled = '#b2cff2';
1324
1341
  export const bpTextCtaLinkHover = '#1d6bca';
1325
1342
  export const bpTextCtaLinkPressed = '#2486fc';
1326
1343
  export const bpTextCtaLinkSecondary = '#6f6f6f';
1327
- export const bpTextCtaLinkSecondaryHover = '#6f6f6f';
1328
- export const bpTextCtaLinkSecondaryPressed = '#6f6f6f';
1344
+ export const bpTextCtaLinkSecondaryHover = '#4e4e4e';
1345
+ export const bpTextCtaLinkSecondaryPressed = '#222222';
1329
1346
  export const bpTextCtaPromo = '#4826c2';
1347
+ export const bpTextCtaSecondary = '#6f6f6f';
1348
+ export const bpTextCtaSecondaryHover = '#4e4e4e';
1349
+ export const bpTextCtaSecondaryPressed = '#4e4e4e';
1330
1350
  export const bpTextNavTextOnDark = '#ffffff';
1331
1351
  export const bpTextNavTextOnDarkFocus = '#ffffff';
1332
1352
  export const bpTextNavTextOnDarkHover = '#ffffff';
@@ -1336,6 +1356,7 @@ export const bpTextNavTextOnLightFocus = '#ffffff';
1336
1356
  export const bpTextNavTextOnLightHover = '#ffffff';
1337
1357
  export const bpTextNavTextOnLightSelected = '#ffffff';
1338
1358
  export const bpTextToggleTextText = '#004eaa';
1359
+ export const bpTextTextAnnotationOnColor = '#0057c0';
1339
1360
  export const bpTextTextBrandOnColor = '#ffffff';
1340
1361
  export const bpTextTextDestructiveOnLight = '#d5324e';
1341
1362
  export const bpTextTextErrorOnColor = '#821e30';
@@ -1348,6 +1369,7 @@ export const bpTextTextOnLightSecondary = '#6f6f6f';
1348
1369
  export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
1349
1370
  export const bpTextTextOnLightTertiary = '#909090';
1350
1371
  export const bpTextTextSuccessOnColor = '#0f4e34';
1372
+ export const bpTextTextVariableOnColor = '#8f39d5';
1351
1373
  export const bpTextTextWarningOnColor = '#62480b';
1352
1374
  export const bpBoxBlue10 = '#e5effa';
1353
1375
  export const bpBoxBlue20 = '#ccdff7';
@@ -1834,6 +1856,19 @@ export const bpOrangeOpacity90 = 'rgba(245, 179, 27, 0.9)';
1834
1856
  export const bpOrangeOpacity00 = 'rgba(245, 179, 27, 0)';
1835
1857
  export const bpOrangeOpacity04 = 'rgba(245, 179, 27, 0.04)';
1836
1858
  export const bpOrangeOpacity08 = 'rgba(245, 179, 27, 0.08)';
1859
+ export const bpPurpleRainOpacity12 = 'rgba(159, 63, 237, 0.12)';
1860
+ export const bpPurpleRainOpacity16 = 'rgba(159, 63, 237, 0.16)';
1861
+ export const bpPurpleRainOpacity20 = 'rgba(159, 63, 237, 0.2)';
1862
+ export const bpPurpleRainOpacity24 = 'rgba(159, 63, 237, 0.24)';
1863
+ export const bpPurpleRainOpacity30 = 'rgba(159, 63, 237, 0.3)';
1864
+ export const bpPurpleRainOpacity50 = 'rgba(159, 63, 237, 0.5)';
1865
+ export const bpPurpleRainOpacity60 = 'rgba(159, 63, 237, 0.6)';
1866
+ export const bpPurpleRainOpacity70 = 'rgba(159, 63, 237, 0.7)';
1867
+ export const bpPurpleRainOpacity80 = 'rgba(159, 63, 237, 0.8)';
1868
+ export const bpPurpleRainOpacity90 = 'rgba(159, 63, 237, 0.9)';
1869
+ export const bpPurpleRainOpacity00 = 'rgba(159, 63, 237, 0)';
1870
+ export const bpPurpleRainOpacity04 = 'rgba(159, 63, 237, 0.04)';
1871
+ export const bpPurpleRainOpacity08 = 'rgba(159, 63, 237, 0.08)';
1837
1872
  export const bpWatermelonRedOpacity12 = 'rgba(237, 55, 87, 0.12)';
1838
1873
  export const bpWatermelonRedOpacity16 = 'rgba(237, 55, 87, 0.16)';
1839
1874
  export const bpWatermelonRedOpacity20 = 'rgba(237, 55, 87, 0.2)';
@@ -1901,6 +1936,6 @@ export const bpDurationMedium = '150ms';
1901
1936
  export const bpDurationShort = '100ms';
1902
1937
  export const bpOpacityHidden = '0';
1903
1938
  export const bpOpacityVisible = '1';
1904
- export const bpScaleDefault = 'scale(1.00)';
1905
- export const bpScaleLarge = 'scale(1.12)';
1906
- export const bpScaleSmall = 'scale(0.98)';
1939
+ export const bpScaleDefault = '1.00';
1940
+ export const bpScaleLarge = '1.12';
1941
+ export const bpScaleSmall = '0.98';
package/dist/tokens/tokens-css-vars.scss CHANGED
@@ -1313,6 +1313,19 @@
1313
1313
  --bp-orange-opacity-00: rgba(245, 179, 27, 0);
1314
1314
  --bp-orange-opacity-04: rgba(245, 179, 27, 0.04);
1315
1315
  --bp-orange-opacity-08: rgba(245, 179, 27, 0.08);
1316
+ --bp-purple-rain-opacity-12: rgba(159, 63, 237, 0.12);
1317
+ --bp-purple-rain-opacity-16: rgba(159, 63, 237, 0.16);
1318
+ --bp-purple-rain-opacity-20: rgba(159, 63, 237, 0.2);
1319
+ --bp-purple-rain-opacity-24: rgba(159, 63, 237, 0.24);
1320
+ --bp-purple-rain-opacity-30: rgba(159, 63, 237, 0.3);
1321
+ --bp-purple-rain-opacity-50: rgba(159, 63, 237, 0.5);
1322
+ --bp-purple-rain-opacity-60: rgba(159, 63, 237, 0.6);
1323
+ --bp-purple-rain-opacity-70: rgba(159, 63, 237, 0.7);
1324
+ --bp-purple-rain-opacity-80: rgba(159, 63, 237, 0.8);
1325
+ --bp-purple-rain-opacity-90: rgba(159, 63, 237, 0.9);
1326
+ --bp-purple-rain-opacity-00: rgba(159, 63, 237, 0);
1327
+ --bp-purple-rain-opacity-04: rgba(159, 63, 237, 0.04);
1328
+ --bp-purple-rain-opacity-08: rgba(159, 63, 237, 0.08);
1316
1329
  --bp-watermelon-red-opacity-12: rgba(237, 55, 87, 0.12);
1317
1330
  --bp-watermelon-red-opacity-16: rgba(237, 55, 87, 0.16);
1318
1331
  --bp-watermelon-red-opacity-20: rgba(237, 55, 87, 0.2);
@@ -1380,11 +1393,17 @@
1380
1393
  --bp-duration-short: 100ms;
1381
1394
  --bp-opacity-hidden: 0;
1382
1395
  --bp-opacity-visible: 1;
1383
- --bp-scale-default: scale(1);
1384
- --bp-scale-large: scale(1.12);
1385
- --bp-scale-small: scale(0.98);
1396
+ --bp-scale-default: 1;
1397
+ --bp-scale-large: 1.12;
1398
+ --bp-scale-small: 0.98;
1386
1399
  --bp-background-background: var(--bp-gray-white);
1400
+ --bp-background-background-light-blue: var(--bp-box-blue-10);
1401
+ --bp-background-background-light-dark-blue: var(--bp-dark-blue-10);
1402
+ --bp-background-background-light-green: var(--bp-green-light-10);
1403
+ --bp-background-background-light-grimace: var(--bp-grimace-10);
1404
+ --bp-border-accordion-border: var(--bp-gray-10);
1387
1405
  --bp-border-accordion-border-hover: var(--bp-gray-10);
1406
+ --bp-border-accordion-border-outlined: var(--bp-box-blue-100);
1388
1407
  --bp-border-avatar-border-hover: var(--bp-black-opacity-04);
1389
1408
  --bp-border-avatar-border-pressed: var(--bp-black-opacity-08);
1390
1409
  --bp-border-badge-border: var(--bp-gray-white);
@@ -1511,10 +1530,14 @@
1511
1530
  --bp-icon-nav-icon-on-light-focus: var(--bp-gray-100);
1512
1531
  --bp-icon-nav-icon-on-light-hover: var(--bp-gray-100);
1513
1532
  --bp-icon-nav-icon-on-light-selected: var(--bp-gray-100);
1533
+ --bp-icon-icon-annotation: var(--bp-box-blue-110);
1514
1534
  --bp-icon-icon-blue: var(--bp-box-blue-100);
1535
+ --bp-icon-icon-dark-blue: var(--bp-dark-blue-110);
1515
1536
  --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
1516
1537
  --bp-icon-icon-error-on-color: var(--bp-watermelon-red-145);
1517
1538
  --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
1539
+ --bp-icon-icon-green: var(--bp-green-light-120);
1540
+ --bp-icon-icon-grimace: var(--bp-grimace-110);
1518
1541
  --bp-icon-icon-info-on-color: var(--bp-box-blue-150);
1519
1542
  --bp-icon-icon-on-dark: var(--bp-gray-white);
1520
1543
  --bp-icon-icon-on-light: var(--bp-black-opacity-90);
@@ -1522,15 +1545,17 @@
1522
1545
  --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
1523
1546
  --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
1524
1547
  --bp-icon-icon-success-on-color: var(--bp-green-light-160);
1548
+ --bp-icon-icon-variable: var(--bp-purple-rain-110);
1525
1549
  --bp-icon-icon-warning-on-color: var(--bp-yellorange-160);
1526
1550
  --bp-outline-focus-on-dark: var(--bp-gray-white);
1527
1551
  --bp-outline-focus-on-light: var(--bp-light-blue-100);
1528
1552
  --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
1529
1553
  --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
1530
- --bp-surface-accordion-surface-collapsed: var(--bp-black-opacity-04);
1554
+ --bp-surface-accordion-surface-collapsed: var(--bp-gray-white);
1531
1555
  --bp-surface-accordion-surface-collapsed-hover: var(--bp-black-opacity-08);
1532
1556
  --bp-surface-accordion-surface-expanded: var(--bp-gray-white);
1533
1557
  --bp-surface-accordion-surface-expanded-hover: var(--bp-gray-white);
1558
+ --bp-surface-accordion-surface-expanded-outlined: var(--bp-box-blue-02);
1534
1559
  --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
1535
1560
  --bp-surface-badge-surface-alert: var(--bp-orange-110);
1536
1561
  --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
@@ -1543,6 +1568,7 @@
1543
1568
  --bp-surface-badge-surface-code: var(--bp-watermelon-red-100);
1544
1569
  --bp-surface-badge-surface-collection: var(--bp-gray-10);
1545
1570
  --bp-surface-badge-surface-completed: var(--bp-green-light-120);
1571
+ --bp-surface-badge-surface-content-offline: var(--bp-green-light-115);
1546
1572
  --bp-surface-badge-surface-default: var(--bp-gray-65);
1547
1573
  --bp-surface-badge-surface-error: var(--bp-watermelon-red-110);
1548
1574
  --bp-surface-badge-surface-external: var(--bp-gray-50);
@@ -1557,6 +1583,7 @@
1557
1583
  --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
1558
1584
  --bp-surface-badge-surface-offline: var(--bp-green-light-100);
1559
1585
  --bp-surface-badge-surface-online: var(--bp-green-light-120);
1586
+ --bp-surface-badge-surface-pending: var(--bp-orange-110);
1560
1587
  --bp-surface-badge-surface-pin: var(--bp-gray-10);
1561
1588
  --bp-surface-badge-surface-presentation: var(--bp-orange-110);
1562
1589
  --bp-surface-badge-surface-progress: var(--bp-yellorange-100);
@@ -1636,6 +1663,8 @@
1636
1663
  --bp-surface-date-picker-surface-error: var(--bp-gray-white);
1637
1664
  --bp-surface-date-picker-surface-focus: var(--bp-gray-white);
1638
1665
  --bp-surface-date-picker-surface-hover: var(--bp-gray-white);
1666
+ --bp-surface-dropdown-quaternary-surface-hover: var(--bp-white-opacity-04);
1667
+ --bp-surface-dropdown-quaternary-surface-pressed: var(--bp-white-opacity-08);
1639
1668
  --bp-surface-dropdown-secondary-surface: var(--bp-white-opacity-70);
1640
1669
  --bp-surface-dropdown-secondary-surface-hover: var(--bp-black-opacity-04);
1641
1670
  --bp-surface-dropdown-secondary-surface-pressed: var(--bp-black-opacity-08);
@@ -1695,8 +1724,15 @@
1695
1724
  --bp-surface-input-surface-hover: var(--bp-gray-white);
1696
1725
  --bp-surface-input-surface-read-only: var(--bp-gray-02);
1697
1726
  --bp-surface-input-chip-surface: var(--bp-gray-10);
1727
+ --bp-surface-input-chip-surface-annotation: var(--bp-box-blue-opacity-08);
1728
+ --bp-surface-input-chip-surface-annotation-hover: var(--bp-box-blue-opacity-12);
1729
+ --bp-surface-input-chip-surface-annotation-pressed: var(--bp-box-blue-opacity-16);
1730
+ --bp-surface-input-chip-surface-disabled: var(--bp-black-opacity-04);
1698
1731
  --bp-surface-input-chip-surface-error: var(--bp-watermelon-red-10);
1699
1732
  --bp-surface-input-chip-surface-hover: var(--bp-gray-10);
1733
+ --bp-surface-input-chip-surface-variable: var(--bp-purple-rain-opacity-08);
1734
+ --bp-surface-input-chip-surface-variable-hover: var(--bp-purple-rain-opacity-12);
1735
+ --bp-surface-input-chip-surface-variable-pressed: var(--bp-purple-rain-opacity-16);
1700
1736
  --bp-surface-item-small-surface: var(--bp-gray-white);
1701
1737
  --bp-surface-item-small-surface-hover: var(--bp-gray-05);
1702
1738
  --bp-surface-item-small-surface-selected: var(--bp-box-blue-05);
@@ -1835,9 +1871,12 @@
1835
1871
  --bp-text-cta-link-hover: var(--bp-light-blue-120);
1836
1872
  --bp-text-cta-link-pressed: var(--bp-light-blue-100);
1837
1873
  --bp-text-cta-link-secondary: var(--bp-gray-65);
1838
- --bp-text-cta-link-secondary-hover: var(--bp-gray-65);
1839
- --bp-text-cta-link-secondary-pressed: var(--bp-gray-65);
1874
+ --bp-text-cta-link-secondary-hover: var(--bp-gray-80);
1875
+ --bp-text-cta-link-secondary-pressed: var(--bp-gray-100);
1840
1876
  --bp-text-cta-promo: var(--bp-grimace-100);
1877
+ --bp-text-cta-secondary: var(--bp-gray-65);
1878
+ --bp-text-cta-secondary-hover: var(--bp-gray-80);
1879
+ --bp-text-cta-secondary-pressed: var(--bp-gray-80);
1841
1880
  --bp-text-nav-text-on-dark: var(--bp-gray-white);
1842
1881
  --bp-text-nav-text-on-dark-focus: var(--bp-gray-white);
1843
1882
  --bp-text-nav-text-on-dark-hover: var(--bp-gray-white);
@@ -1847,6 +1886,7 @@
1847
1886
  --bp-text-nav-text-on-light-hover: var(--bp-gray-white);
1848
1887
  --bp-text-nav-text-on-light-selected: var(--bp-gray-white);
1849
1888
  --bp-text-toggle-text-text: var(--bp-box-blue-120);
1889
+ --bp-text-text-annotation-on-color: var(--bp-box-blue-110);
1850
1890
  --bp-text-text-brand-on-color: var(--bp-gray-white);
1851
1891
  --bp-text-text-destructive-on-light: var(--bp-watermelon-red-110);
1852
1892
  --bp-text-text-error-on-color: var(--bp-watermelon-red-145);
@@ -1859,5 +1899,6 @@
1859
1899
  --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);
1860
1900
  --bp-text-text-on-light-tertiary: var(--bp-gray-50);
1861
1901
  --bp-text-text-success-on-color: var(--bp-green-light-160);
1902
+ --bp-text-text-variable-on-color: var(--bp-purple-rain-110);
1862
1903
  --bp-text-text-warning-on-color: var(--bp-yellorange-160);
1863
1904
  }
package/dist/tokens/tokens.d.ts CHANGED
@@ -821,7 +821,13 @@ export const NotificationDefaultParagraphIndent: string;
821
821
 
822
822
  // Auto-appended from light_mode_value/tokens.d.ts by append-figma-vars-to-js.js
823
823
  export const bpBackgroundBackground: string;
824
+ export const bpBackgroundBackgroundLightBlue: string;
825
+ export const bpBackgroundBackgroundLightDarkBlue: string;
826
+ export const bpBackgroundBackgroundLightGreen: string;
827
+ export const bpBackgroundBackgroundLightGrimace: string;
828
+ export const bpBorderAccordionBorder: string;
824
829
  export const bpBorderAccordionBorderHover: string;
830
+ export const bpBorderAccordionBorderOutlined: string;
825
831
  export const bpBorderAvatarBorderHover: string;
826
832
  export const bpBorderAvatarBorderPressed: string;
827
833
  export const bpBorderBadgeBorder: string;
@@ -959,10 +965,14 @@ export const bpIconNavIconOnLight: string;
959
965
  export const bpIconNavIconOnLightFocus: string;
960
966
  export const bpIconNavIconOnLightHover: string;
961
967
  export const bpIconNavIconOnLightSelected: string;
968
+ export const bpIconIconAnnotation: string;
962
969
  export const bpIconIconBlue: string;
970
+ export const bpIconIconDarkBlue: string;
963
971
  export const bpIconIconDestructiveOnLight: string;
964
972
  export const bpIconIconErrorOnColor: string;
965
973
  export const bpIconIconErrorOnLight: string;
974
+ export const bpIconIconGreen: string;
975
+ export const bpIconIconGrimace: string;
966
976
  export const bpIconIconIllustrator: string;
967
977
  export const bpIconIconIndesign: string;
968
978
  export const bpIconIconInfoOnColor: string;
@@ -973,6 +983,7 @@ export const bpIconIconOnLightTertiary: string;
973
983
  export const bpIconIconPhotoshop: string;
974
984
  export const bpIconIconRequiredOnLight: string;
975
985
  export const bpIconIconSuccessOnColor: string;
986
+ export const bpIconIconVariable: string;
976
987
  export const bpIconIconWarningOnColor: string;
977
988
  export const bpOutlineFocusOnDark: string;
978
989
  export const bpOutlineFocusOnLight: string;
@@ -982,6 +993,7 @@ export const bpSurfaceAccordionSurfaceCollapsed: string;
982
993
  export const bpSurfaceAccordionSurfaceCollapsedHover: string;
983
994
  export const bpSurfaceAccordionSurfaceExpanded: string;
984
995
  export const bpSurfaceAccordionSurfaceExpandedHover: string;
996
+ export const bpSurfaceAccordionSurfaceExpandedOutlined: string;
985
997
  export const bpSurfaceBadgeSurfaceAdmin: string;
986
998
  export const bpSurfaceBadgeSurfaceAlert: string;
987
999
  export const bpSurfaceBadgeSurfaceAnnotation: string;
@@ -994,6 +1006,7 @@ export const bpSurfaceBadgeSurfaceCoadmin: string;
994
1006
  export const bpSurfaceBadgeSurfaceCode: string;
995
1007
  export const bpSurfaceBadgeSurfaceCollection: string;
996
1008
  export const bpSurfaceBadgeSurfaceCompleted: string;
1009
+ export const bpSurfaceBadgeSurfaceContentOffline: string;
997
1010
  export const bpSurfaceBadgeSurfaceDefault: string;
998
1011
  export const bpSurfaceBadgeSurfaceDocs: string;
999
1012
  export const bpSurfaceBadgeSurfaceDrawing: string;
@@ -1017,6 +1030,7 @@ export const bpSurfaceBadgeSurfaceOffline: string;
1017
1030
  export const bpSurfaceBadgeSurfaceOnline: string;
1018
1031
  export const bpSurfaceBadgeSurfacePages: string;
1019
1032
  export const bpSurfaceBadgeSurfacePdf: string;
1033
+ export const bpSurfaceBadgeSurfacePending: string;
1020
1034
  export const bpSurfaceBadgeSurfacePhotoshop: string;
1021
1035
  export const bpSurfaceBadgeSurfacePin: string;
1022
1036
  export const bpSurfaceBadgeSurfacePowerpoint: string;
@@ -1104,6 +1118,8 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
1104
1118
  export const bpSurfaceDatePickerSurfaceError: string;
1105
1119
  export const bpSurfaceDatePickerSurfaceFocus: string;
1106
1120
  export const bpSurfaceDatePickerSurfaceHover: string;
1121
+ export const bpSurfaceDropdownQuaternarySurfaceHover: string;
1122
+ export const bpSurfaceDropdownQuaternarySurfacePressed: string;
1107
1123
  export const bpSurfaceDropdownSecondarySurface: string;
1108
1124
  export const bpSurfaceDropdownSecondarySurfaceHover: string;
1109
1125
  export const bpSurfaceDropdownSecondarySurfacePressed: string;
@@ -1163,8 +1179,15 @@ export const bpSurfaceInputSurfaceFocus: string;
1163
1179
  export const bpSurfaceInputSurfaceHover: string;
1164
1180
  export const bpSurfaceInputSurfaceReadOnly: string;
1165
1181
  export const bpSurfaceInputChipSurface: string;
1182
+ export const bpSurfaceInputChipSurfaceAnnotation: string;
1183
+ export const bpSurfaceInputChipSurfaceAnnotationHover: string;
1184
+ export const bpSurfaceInputChipSurfaceAnnotationPressed: string;
1185
+ export const bpSurfaceInputChipSurfaceDisabled: string;
1166
1186
  export const bpSurfaceInputChipSurfaceError: string;
1167
1187
  export const bpSurfaceInputChipSurfaceHover: string;
1188
+ export const bpSurfaceInputChipSurfaceVariable: string;
1189
+ export const bpSurfaceInputChipSurfaceVariableHover: string;
1190
+ export const bpSurfaceInputChipSurfaceVariablePressed: string;
1168
1191
  export const bpSurfaceItemSmallSurface: string;
1169
1192
  export const bpSurfaceItemSmallSurfaceHover: string;
1170
1193
  export const bpSurfaceItemSmallSurfaceSelected: string;
@@ -1312,6 +1335,9 @@ export const bpTextCtaLinkSecondary: string;
1312
1335
  export const bpTextCtaLinkSecondaryHover: string;
1313
1336
  export const bpTextCtaLinkSecondaryPressed: string;
1314
1337
  export const bpTextCtaPromo: string;
1338
+ export const bpTextCtaSecondary: string;
1339
+ export const bpTextCtaSecondaryHover: string;
1340
+ export const bpTextCtaSecondaryPressed: string;
1315
1341
  export const bpTextNavTextOnDark: string;
1316
1342
  export const bpTextNavTextOnDarkFocus: string;
1317
1343
  export const bpTextNavTextOnDarkHover: string;
@@ -1321,6 +1347,7 @@ export const bpTextNavTextOnLightFocus: string;
1321
1347
  export const bpTextNavTextOnLightHover: string;
1322
1348
  export const bpTextNavTextOnLightSelected: string;
1323
1349
  export const bpTextToggleTextText: string;
1350
+ export const bpTextTextAnnotationOnColor: string;
1324
1351
  export const bpTextTextBrandOnColor: string;
1325
1352
  export const bpTextTextDestructiveOnLight: string;
1326
1353
  export const bpTextTextErrorOnColor: string;
@@ -1333,6 +1360,7 @@ export const bpTextTextOnLightSecondary: string;
1333
1360
  export const bpTextTextOnLightSecondaryHover: string;
1334
1361
  export const bpTextTextOnLightTertiary: string;
1335
1362
  export const bpTextTextSuccessOnColor: string;
1363
+ export const bpTextTextVariableOnColor: string;
1336
1364
  export const bpTextTextWarningOnColor: string;
1337
1365
  export const bpBoxBlue10: string;
1338
1366
  export const bpBoxBlue20: string;
@@ -1819,6 +1847,19 @@ export const bpOrangeOpacity90: string;
1819
1847
  export const bpOrangeOpacity00: string;
1820
1848
  export const bpOrangeOpacity04: string;
1821
1849
  export const bpOrangeOpacity08: string;
1850
+ export const bpPurpleRainOpacity12: string;
1851
+ export const bpPurpleRainOpacity16: string;
1852
+ export const bpPurpleRainOpacity20: string;
1853
+ export const bpPurpleRainOpacity24: string;
1854
+ export const bpPurpleRainOpacity30: string;
1855
+ export const bpPurpleRainOpacity50: string;
1856
+ export const bpPurpleRainOpacity60: string;
1857
+ export const bpPurpleRainOpacity70: string;
1858
+ export const bpPurpleRainOpacity80: string;
1859
+ export const bpPurpleRainOpacity90: string;
1860
+ export const bpPurpleRainOpacity00: string;
1861
+ export const bpPurpleRainOpacity04: string;
1862
+ export const bpPurpleRainOpacity08: string;
1822
1863
  export const bpWatermelonRedOpacity12: string;
1823
1864
  export const bpWatermelonRedOpacity16: string;
1824
1865
  export const bpWatermelonRedOpacity20: string;