@box/blueprint-web-assets 5.1.1 → 5.2.0

package/dist/tokens/tokens.d.ts

@@ -1252,6 +1252,7 @@ export const bpSurfaceStatusSurfaceDarkBlueHover: string;
 export const bpSurfaceStatusSurfaceError: string;
 export const bpSurfaceStatusSurfaceErrorSecondary: string;
 export const bpSurfaceStatusSurfaceGeneric: string;
+export const bpSurfaceStatusSurfaceGenericSecondary: string;
 export const bpSurfaceStatusSurfaceGray: string;
 export const bpSurfaceStatusSurfaceGrayFocus: string;
 export const bpSurfaceStatusSurfaceGrayHover: string;
@@ -1338,6 +1339,95 @@ export const bpTextCtaPromo: string;
 export const bpTextCtaSecondary: string;
 export const bpTextCtaSecondaryHover: string;
 export const bpTextCtaSecondaryPressed: string;
+export const bpTextFontFontSizeBodyDefault: number;
+export const bpTextFontFontSizeBodyDefaultBold: number;
+export const bpTextFontFontSizeBodyDefaultSemibold: number;
+export const bpTextFontFontSizeBodyLarge: number;
+export const bpTextFontFontSizeBodyLargeBold: number;
+export const bpTextFontFontSizeBodySmall: number;
+export const bpTextFontFontSizeBodySmallSemibold: number;
+export const bpTextFontFontSizeCaptionBold: number;
+export const bpTextFontFontSizeCaptionDefault: number;
+export const bpTextFontFontSizeLabelBold: number;
+export const bpTextFontFontSizeLabelDefault: number;
+export const bpTextFontFontSizeLinkDefault: number;
+export const bpTextFontFontSizeMetricLarge: number;
+export const bpTextFontFontSizeMetricMedium: number;
+export const bpTextFontFontSizeMetricSmall: number;
+export const bpTextFontFontSizeNotificationDefault: number;
+export const bpTextFontFontSizeTitleLarge: number;
+export const bpTextFontFontSizeTitleMedium: number;
+export const bpTextFontFontSizeTitleMondo: number;
+export const bpTextFontFontSizeTitleSmall: number;
+export const bpTextFontFontSizeTitleSubtitle: number;
+export const bpTextFontFontSizeTitleXlarge: number;
+export const bpTextFontFontWeightBodyDefault: number;
+export const bpTextFontFontWeightBodyDefaultBold: number;
+export const bpTextFontFontWeightBodyDefaultSemibold: number;
+export const bpTextFontFontWeightBodyLarge: number;
+export const bpTextFontFontWeightBodyLargeBold: number;
+export const bpTextFontFontWeightBodySmall: number;
+export const bpTextFontFontWeightBodySmallSemibold: number;
+export const bpTextFontFontWeightCaptionBold: number;
+export const bpTextFontFontWeightCaptionDefault: number;
+export const bpTextFontFontWeightLabelBold: number;
+export const bpTextFontFontWeightLabelDefault: number;
+export const bpTextFontFontWeightLinkDefault: number;
+export const bpTextFontFontWeightMetricLarge: number;
+export const bpTextFontFontWeightMetricMedium: number;
+export const bpTextFontFontWeightMetricSmall: number;
+export const bpTextFontFontWeightNotificationDefault: number;
+export const bpTextFontFontWeightTitleLarge: number;
+export const bpTextFontFontWeightTitleMedium: number;
+export const bpTextFontFontWeightTitleMondo: number;
+export const bpTextFontFontWeightTitleSmall: number;
+export const bpTextFontFontWeightTitleSubtitle: number;
+export const bpTextFontFontWeightTitleXlarge: number;
+export const bpTextFontLetterSpacingBodyDefault: number;
+export const bpTextFontLetterSpacingBodyDefaultBold: number;
+export const bpTextFontLetterSpacingBodyDefaultSemibold: number;
+export const bpTextFontLetterSpacingBodyLarge: number;
+export const bpTextFontLetterSpacingBodyLargeBold: number;
+export const bpTextFontLetterSpacingBodySmall: number;
+export const bpTextFontLetterSpacingBodySmallSemibold: number;
+export const bpTextFontLetterSpacingCaptionBold: number;
+export const bpTextFontLetterSpacingCaptionDefault: number;
+export const bpTextFontLetterSpacingLabelBold: number;
+export const bpTextFontLetterSpacingLabelDefault: number;
+export const bpTextFontLetterSpacingLinkDefault: number;
+export const bpTextFontLetterSpacingMetricLarge: number;
+export const bpTextFontLetterSpacingMetricMedium: number;
+export const bpTextFontLetterSpacingMetricSmall: number;
+export const bpTextFontLetterSpacingNotificationDefault: number;
+export const bpTextFontLetterSpacingTitleLarge: number;
+export const bpTextFontLetterSpacingTitleMedium: number;
+export const bpTextFontLetterSpacingTitleMondo: number;
+export const bpTextFontLetterSpacingTitleSmall: number;
+export const bpTextFontLetterSpacingTitleSubtitle: number;
+export const bpTextFontLetterSpacingTitleXlarge: number;
+export const bpTextFontLineHeightBodyDefault: number;
+export const bpTextFontLineHeightBodyDefaultBold: number;
+export const bpTextFontLineHeightBodyDefaultSemibold: number;
+export const bpTextFontLineHeightBodyLarge: number;
+export const bpTextFontLineHeightBodyLargeBold: number;
+export const bpTextFontLineHeightBodySmall: number;
+export const bpTextFontLineHeightBodySmallSemibold: number;
+export const bpTextFontLineHeightCaptionBold: number;
+export const bpTextFontLineHeightCaptionDefault: number;
+export const bpTextFontLineHeightLabelBold: number;
+export const bpTextFontLineHeightLabelDefault: number;
+export const bpTextFontLineHeightLinkDefault: number;
+export const bpTextFontLineHeightMetricLarge: number;
+export const bpTextFontLineHeightMetricMedium: number;
+export const bpTextFontLineHeightMetricSmall: number;
+export const bpTextFontLineHeightNotificationDefault: number;
+export const bpTextFontLineHeightTitleLarge: number;
+export const bpTextFontLineHeightTitleMedium: number;
+export const bpTextFontLineHeightTitleMondo: number;
+export const bpTextFontLineHeightTitleSmall: number;
+export const bpTextFontLineHeightTitleSubtitle: number;
+export const bpTextFontLineHeightTitleXlarge: number;
+export const bpTextFontFontFamily: string;
 export const bpTextNavTextOnDark: string;
 export const bpTextNavTextOnDarkFocus: string;
 export const bpTextNavTextOnDarkHover: string;
@@ -1387,6 +1477,9 @@ export const bpBoxBlue170: string;
 export const bpBoxBlue180: string;
 export const bpBoxBlue02: string;
 export const bpBoxBlue05: string;
+export const bpBrandBoxAi100: string;
+export const bpBrandBoxAi120: string;
+export const bpBrandBoxAi140: string;
 export const bpDarkBlue10: string;
 export const bpDarkBlue20: string;
 export const bpDarkBlue30: string;

package/dist/tokens/tokens.js

@@ -1257,6 +1257,7 @@ export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
 export const bpSurfaceStatusSurfaceError = '#ed3757';
 export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
 export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
+export const bpSurfaceStatusSurfaceGenericSecondary = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
@@ -1343,6 +1344,95 @@ export const bpTextCtaPromo = '#4826c2';
 export const bpTextCtaSecondary = '#6f6f6f';
 export const bpTextCtaSecondaryHover = '#4e4e4e';
 export const bpTextCtaSecondaryPressed = '#4e4e4e';
+export const bpTextFontFontSizeBodyDefault = 15;
+export const bpTextFontFontSizeBodyDefaultBold = 15;
+export const bpTextFontFontSizeBodyDefaultSemibold = 15;
+export const bpTextFontFontSizeBodyLarge = 16;
+export const bpTextFontFontSizeBodyLargeBold = 16;
+export const bpTextFontFontSizeBodySmall = 12;
+export const bpTextFontFontSizeBodySmallSemibold = 13;
+export const bpTextFontFontSizeCaptionBold = 12;
+export const bpTextFontFontSizeCaptionDefault = 12;
+export const bpTextFontFontSizeLabelBold = 10;
+export const bpTextFontFontSizeLabelDefault = 10;
+export const bpTextFontFontSizeLinkDefault = 15;
+export const bpTextFontFontSizeMetricLarge = 48;
+export const bpTextFontFontSizeMetricMedium = 36;
+export const bpTextFontFontSizeMetricSmall = 24;
+export const bpTextFontFontSizeNotificationDefault = 9;
+export const bpTextFontFontSizeTitleLarge = 19;
+export const bpTextFontFontSizeTitleMedium = 18;
+export const bpTextFontFontSizeTitleMondo = 36;
+export const bpTextFontFontSizeTitleSmall = 17;
+export const bpTextFontFontSizeTitleSubtitle = 16;
+export const bpTextFontFontSizeTitleXlarge = 21;
+export const bpTextFontFontWeightBodyDefault = 400;
+export const bpTextFontFontWeightBodyDefaultBold = 700;
+export const bpTextFontFontWeightBodyDefaultSemibold = 600;
+export const bpTextFontFontWeightBodyLarge = 400;
+export const bpTextFontFontWeightBodyLargeBold = 700;
+export const bpTextFontFontWeightBodySmall = 400;
+export const bpTextFontFontWeightBodySmallSemibold = 600;
+export const bpTextFontFontWeightCaptionBold = 700;
+export const bpTextFontFontWeightCaptionDefault = 400;
+export const bpTextFontFontWeightLabelBold = 700;
+export const bpTextFontFontWeightLabelDefault = 400;
+export const bpTextFontFontWeightLinkDefault = 400;
+export const bpTextFontFontWeightMetricLarge = 700;
+export const bpTextFontFontWeightMetricMedium = 700;
+export const bpTextFontFontWeightMetricSmall = 700;
+export const bpTextFontFontWeightNotificationDefault = 700;
+export const bpTextFontFontWeightTitleLarge = 700;
+export const bpTextFontFontWeightTitleMedium = 700;
+export const bpTextFontFontWeightTitleMondo = 900;
+export const bpTextFontFontWeightTitleSmall = 700;
+export const bpTextFontFontWeightTitleSubtitle = 700;
+export const bpTextFontFontWeightTitleXlarge = 700;
+export const bpTextFontLetterSpacingBodyDefault = 0.3;
+export const bpTextFontLetterSpacingBodyDefaultBold = 0.3;
+export const bpTextFontLetterSpacingBodyDefaultSemibold = 0.3;
+export const bpTextFontLetterSpacingBodyLarge = 0.3;
+export const bpTextFontLetterSpacingBodyLargeBold = 0.3;
+export const bpTextFontLetterSpacingBodySmall = 0.3;
+export const bpTextFontLetterSpacingBodySmallSemibold = 0.3;
+export const bpTextFontLetterSpacingCaptionBold = 0.3;
+export const bpTextFontLetterSpacingCaptionDefault = 0.3;
+export const bpTextFontLetterSpacingLabelBold = 0.6;
+export const bpTextFontLetterSpacingLabelDefault = 0.6;
+export const bpTextFontLetterSpacingLinkDefault = 0.3;
+export const bpTextFontLetterSpacingMetricLarge = 0.3;
+export const bpTextFontLetterSpacingMetricMedium = 0.3;
+export const bpTextFontLetterSpacingMetricSmall = 0.3;
+export const bpTextFontLetterSpacingNotificationDefault = 0.3;
+export const bpTextFontLetterSpacingTitleLarge = 0.3;
+export const bpTextFontLetterSpacingTitleMedium = 0.3;
+export const bpTextFontLetterSpacingTitleMondo = 0;
+export const bpTextFontLetterSpacingTitleSmall = 0.3;
+export const bpTextFontLetterSpacingTitleSubtitle = 0.3;
+export const bpTextFontLetterSpacingTitleXlarge = 0.3;
+export const bpTextFontLineHeightBodyDefault = 20;
+export const bpTextFontLineHeightBodyDefaultBold = 20;
+export const bpTextFontLineHeightBodyDefaultSemibold = 20;
+export const bpTextFontLineHeightBodyLarge = 24;
+export const bpTextFontLineHeightBodyLargeBold = 24;
+export const bpTextFontLineHeightBodySmall = 20;
+export const bpTextFontLineHeightBodySmallSemibold = 20;
+export const bpTextFontLineHeightCaptionBold = 14;
+export const bpTextFontLineHeightCaptionDefault = 14;
+export const bpTextFontLineHeightLabelBold = 16;
+export const bpTextFontLineHeightLabelDefault = 16;
+export const bpTextFontLineHeightLinkDefault = 20;
+export const bpTextFontLineHeightMetricLarge = 48;
+export const bpTextFontLineHeightMetricMedium = 36;
+export const bpTextFontLineHeightMetricSmall = 24;
+export const bpTextFontLineHeightNotificationDefault = 12;
+export const bpTextFontLineHeightTitleLarge = 24;
+export const bpTextFontLineHeightTitleMedium = 24;
+export const bpTextFontLineHeightTitleMondo = 44;
+export const bpTextFontLineHeightTitleSmall = 20;
+export const bpTextFontLineHeightTitleSubtitle = 20;
+export const bpTextFontLineHeightTitleXlarge = 32;
+export const bpTextFontFontFamily = 'Lato';
 export const bpTextNavTextOnDark = '#ffffff';
 export const bpTextNavTextOnDarkFocus = '#ffffff';
 export const bpTextNavTextOnDarkHover = '#ffffff';

package/dist/tokens/tokens.json

@@ -1251,6 +1251,7 @@
     "BpSurfaceStatusSurfaceError": "#ed3757",
     "BpSurfaceStatusSurfaceErrorSecondary": "#fbd7dd",
     "BpSurfaceStatusSurfaceGeneric": "#a7a7a7",
+    "BpSurfaceStatusSurfaceGenericSecondary": "#e8e8e8",
     "BpSurfaceStatusSurfaceGray": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayFocus": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayHover": "#e8e8e8",
@@ -1337,6 +1338,95 @@
     "BpTextCtaSecondary": "#6f6f6f",
     "BpTextCtaSecondaryHover": "#4e4e4e",
     "BpTextCtaSecondaryPressed": "#4e4e4e",
+    "BpTextFontFontSizeBodyDefault": 15,
+    "BpTextFontFontSizeBodyDefaultBold": 15,
+    "BpTextFontFontSizeBodyDefaultSemibold": 15,
+    "BpTextFontFontSizeBodyLarge": 16,
+    "BpTextFontFontSizeBodyLargeBold": 16,
+    "BpTextFontFontSizeBodySmall": 12,
+    "BpTextFontFontSizeBodySmallSemibold": 13,
+    "BpTextFontFontSizeCaptionBold": 12,
+    "BpTextFontFontSizeCaptionDefault": 12,
+    "BpTextFontFontSizeLabelBold": 10,
+    "BpTextFontFontSizeLabelDefault": 10,
+    "BpTextFontFontSizeLinkDefault": 15,
+    "BpTextFontFontSizeMetricLarge": 48,
+    "BpTextFontFontSizeMetricMedium": 36,
+    "BpTextFontFontSizeMetricSmall": 24,
+    "BpTextFontFontSizeNotificationDefault": 9,
+    "BpTextFontFontSizeTitleLarge": 19,
+    "BpTextFontFontSizeTitleMedium": 18,
+    "BpTextFontFontSizeTitleMondo": 36,
+    "BpTextFontFontSizeTitleSmall": 17,
+    "BpTextFontFontSizeTitleSubtitle": 16,
+    "BpTextFontFontSizeTitleXlarge": 21,
+    "BpTextFontFontWeightBodyDefault": 400,
+    "BpTextFontFontWeightBodyDefaultBold": 700,
+    "BpTextFontFontWeightBodyDefaultSemibold": 600,
+    "BpTextFontFontWeightBodyLarge": 400,
+    "BpTextFontFontWeightBodyLargeBold": 700,
+    "BpTextFontFontWeightBodySmall": 400,
+    "BpTextFontFontWeightBodySmallSemibold": 600,
+    "BpTextFontFontWeightCaptionBold": 700,
+    "BpTextFontFontWeightCaptionDefault": 400,
+    "BpTextFontFontWeightLabelBold": 700,
+    "BpTextFontFontWeightLabelDefault": 400,
+    "BpTextFontFontWeightLinkDefault": 400,
+    "BpTextFontFontWeightMetricLarge": 700,
+    "BpTextFontFontWeightMetricMedium": 700,
+    "BpTextFontFontWeightMetricSmall": 700,
+    "BpTextFontFontWeightNotificationDefault": 700,
+    "BpTextFontFontWeightTitleLarge": 700,
+    "BpTextFontFontWeightTitleMedium": 700,
+    "BpTextFontFontWeightTitleMondo": 900,
+    "BpTextFontFontWeightTitleSmall": 700,
+    "BpTextFontFontWeightTitleSubtitle": 700,
+    "BpTextFontFontWeightTitleXlarge": 700,
+    "BpTextFontLetterSpacingBodyDefault": 0.3,
+    "BpTextFontLetterSpacingBodyDefaultBold": 0.3,
+    "BpTextFontLetterSpacingBodyDefaultSemibold": 0.3,
+    "BpTextFontLetterSpacingBodyLarge": 0.3,
+    "BpTextFontLetterSpacingBodyLargeBold": 0.3,
+    "BpTextFontLetterSpacingBodySmall": 0.3,
+    "BpTextFontLetterSpacingBodySmallSemibold": 0.3,
+    "BpTextFontLetterSpacingCaptionBold": 0.3,
+    "BpTextFontLetterSpacingCaptionDefault": 0.3,
+    "BpTextFontLetterSpacingLabelBold": 0.6,
+    "BpTextFontLetterSpacingLabelDefault": 0.6,
+    "BpTextFontLetterSpacingLinkDefault": 0.3,
+    "BpTextFontLetterSpacingMetricLarge": 0.3,
+    "BpTextFontLetterSpacingMetricMedium": 0.3,
+    "BpTextFontLetterSpacingMetricSmall": 0.3,
+    "BpTextFontLetterSpacingNotificationDefault": 0.3,
+    "BpTextFontLetterSpacingTitleLarge": 0.3,
+    "BpTextFontLetterSpacingTitleMedium": 0.3,
+    "BpTextFontLetterSpacingTitleMondo": 0,
+    "BpTextFontLetterSpacingTitleSmall": 0.3,
+    "BpTextFontLetterSpacingTitleSubtitle": 0.3,
+    "BpTextFontLetterSpacingTitleXlarge": 0.3,
+    "BpTextFontLineHeightBodyDefault": 20,
+    "BpTextFontLineHeightBodyDefaultBold": 20,
+    "BpTextFontLineHeightBodyDefaultSemibold": 20,
+    "BpTextFontLineHeightBodyLarge": 24,
+    "BpTextFontLineHeightBodyLargeBold": 24,
+    "BpTextFontLineHeightBodySmall": 20,
+    "BpTextFontLineHeightBodySmallSemibold": 20,
+    "BpTextFontLineHeightCaptionBold": 14,
+    "BpTextFontLineHeightCaptionDefault": 14,
+    "BpTextFontLineHeightLabelBold": 16,
+    "BpTextFontLineHeightLabelDefault": 16,
+    "BpTextFontLineHeightLinkDefault": 20,
+    "BpTextFontLineHeightMetricLarge": 48,
+    "BpTextFontLineHeightMetricMedium": 36,
+    "BpTextFontLineHeightMetricSmall": 24,
+    "BpTextFontLineHeightNotificationDefault": 12,
+    "BpTextFontLineHeightTitleLarge": 24,
+    "BpTextFontLineHeightTitleMedium": 24,
+    "BpTextFontLineHeightTitleMondo": 44,
+    "BpTextFontLineHeightTitleSmall": 20,
+    "BpTextFontLineHeightTitleSubtitle": 20,
+    "BpTextFontLineHeightTitleXlarge": 32,
+    "BpTextFontFontFamily": "Lato",
     "BpTextNavTextOnDark": "#ffffff",
     "BpTextNavTextOnDarkFocus": "#ffffff",
     "BpTextNavTextOnDarkHover": "#ffffff",
@@ -1386,6 +1476,9 @@
     "BpBoxBlue180": "#00132b",
     "BpBoxBlue02": "#fafcfe",
     "BpBoxBlue05": "#f2f7fd",
+    "BpBrandBoxAi100": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
+    "BpBrandBoxAi120": "linear-gradient(135deg, #CB02B0 0%, #1F6AC8 100%)",
+    "BpBrandBoxAi140": "linear-gradient(135deg, #980284 0%, #174F96 100%)",
     "BpDarkBlue10": "#e5ebf2",
     "BpDarkBlue20": "#ccd8e6",
     "BpDarkBlue30": "#b2c4da",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "5.1.1",
+    "version": "5.2.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-storybook": "nx run blueprint-web-assets:build-storybook",
@@ -155,7 +155,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^1.1.1",
+        "@box/storybook-utils": "^1.1.2",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",