@box/blueprint-web-assets 5.1.1 → 5.2.0

package/dist/tokens/BP2/dark_mode_value/tokens.js

@@ -1,3 +1,4 @@
+export const bpBackgroundBackground = '#222222';
 export const bpBackgroundBackgroundLightBlue = '#e5effa';
 export const bpBackgroundBackgroundLightDarkBlue = '#e5ebf2';
 export const bpBackgroundBackgroundLightGreen = '#e9f8f2';
@@ -128,8 +129,8 @@ export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
 export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
 export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
 export const bpIconCtaIconOnDark = 'rgba(255, 255, 255, 0.8)';
-export const bpIconCtaIconOnDarkHover = '#ffffff';
-export const bpIconCtaIconOnDarkPressed = '#ffffff';
+export const bpIconCtaIconOnDarkHover = '#222222';
+export const bpIconCtaIconOnDarkPressed = '#222222';
 export const bpIconCtaIconPressed = '#222222';
 export const bpIconCtaIconUtility = '#4e4e4e';
 export const bpIconCtaIconUtilityHover = '#000000';
@@ -429,6 +430,7 @@ export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
 export const bpSurfaceStatusSurfaceError = '#ed3757';
 export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
 export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
+export const bpSurfaceStatusSurfaceGenericSecondary = '#383838';
 export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
@@ -491,8 +493,8 @@ export const bpSurfaceToolbarSurface = '#ffffff';
 export const bpSurfaceTooltipSurface = '#222222';
 export const bpSurfaceTooltipSurfaceError = '#fac3cd';
 export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
-export const bpSurfaceSurface = '#ffffff';
-export const bpSurfaceSurfaceBrand = '#0061d5';
+export const bpSurfaceSurface = '#222222';
+export const bpSurfaceSurfaceBrand = '#00b6ff';
 export const bpSurfaceSurfaceBrandBusy = '#0061d5';
 export const bpSurfaceSurfaceBrandDisabled = '#0061d5';
 export const bpSurfaceSurfaceBrandHover = '#006ae9';
@@ -515,14 +517,103 @@ export const bpTextCtaPromo = '#4826c2';
 export const bpTextCtaSecondary = '#6f6f6f';
 export const bpTextCtaSecondaryHover = '#4e4e4e';
 export const bpTextCtaSecondaryPressed = '#4e4e4e';
-export const bpTextNavTextOnDark = '#ffffff';
-export const bpTextNavTextOnDarkFocus = '#ffffff';
-export const bpTextNavTextOnDarkHover = '#ffffff';
-export const bpTextNavTextOnDarkSelected = '#ffffff';
-export const bpTextNavTextOnLight = '#ffffff';
-export const bpTextNavTextOnLightFocus = '#ffffff';
-export const bpTextNavTextOnLightHover = '#ffffff';
-export const bpTextNavTextOnLightSelected = '#ffffff';
+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 = '#222222';
+export const bpTextNavTextOnDarkFocus = '#222222';
+export const bpTextNavTextOnDarkHover = '#222222';
+export const bpTextNavTextOnDarkSelected = '#222222';
+export const bpTextNavTextOnLight = '#222222';
+export const bpTextNavTextOnLightFocus = '#222222';
+export const bpTextNavTextOnLightHover = '#222222';
+export const bpTextNavTextOnLightSelected = '#222222';
 export const bpTextToggleTextText = '#004eaa';
 export const bpTextTextAnnotationOnColor = '#0057c0';
 export const bpTextTextBrandOnColor = '#ffffff';
@@ -531,7 +622,7 @@ export const bpTextTextErrorOnColor = '#821e30';
 export const bpTextTextErrorOnLight = '#d5324e';
 export const bpTextTextInfoOnColor = '#00316b';
 export const bpTextTextOnDark = '#ffffff';
-export const bpTextTextOnLight = '#222222';
+export const bpTextTextOnLight = '#ffffff';
 export const bpTextTextOnLightDisabled = '#bcbcbc';
 export const bpTextTextOnLightSecondary = '#6f6f6f';
 export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
@@ -564,6 +655,9 @@ export const bpBoxBlue170 = '#001d40';
 export const bpBoxBlue180 = '#00132b';
 export const bpBoxBlue02 = '#fafcfe';
 export const bpBoxBlue05 = '#f2f7fd';
+export const bpBrandBoxAi100 = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const bpBrandBoxAi120 = 'linear-gradient(135deg, #CB02B0 0%, #1F6AC8 100%)';
+export const bpBrandBoxAi140 = 'linear-gradient(135deg, #980284 0%, #174F96 100%)';
 export const bpDarkBlue10 = '#e5ebf2';
 export const bpDarkBlue20 = '#ccd8e6';
 export const bpDarkBlue30 = '#b2c4da';

package/dist/tokens/BP2/dark_mode_value/tokens.json

@@ -1,4 +1,5 @@
 {
+    "BpBackgroundBackground": "#222222",
     "BpBackgroundBackgroundLightBlue": "#e5effa",
     "BpBackgroundBackgroundLightDarkBlue": "#e5ebf2",
     "BpBackgroundBackgroundLightGreen": "#e9f8f2",
@@ -129,8 +130,8 @@
     "BpIconCtaIconHighContrastPressed": "rgba(0, 0, 0, 0.9)",
     "BpIconCtaIconHover": "rgba(0, 0, 0, 0.9)",
     "BpIconCtaIconOnDark": "rgba(255, 255, 255, 0.8)",
-    "BpIconCtaIconOnDarkHover": "#ffffff",
-    "BpIconCtaIconOnDarkPressed": "#ffffff",
+    "BpIconCtaIconOnDarkHover": "#222222",
+    "BpIconCtaIconOnDarkPressed": "#222222",
     "BpIconCtaIconPressed": "#222222",
     "BpIconCtaIconUtility": "#4e4e4e",
     "BpIconCtaIconUtilityHover": "#000000",
@@ -430,6 +431,7 @@
     "BpSurfaceStatusSurfaceError": "#ed3757",
     "BpSurfaceStatusSurfaceErrorSecondary": "#fbd7dd",
     "BpSurfaceStatusSurfaceGeneric": "#a7a7a7",
+    "BpSurfaceStatusSurfaceGenericSecondary": "#383838",
     "BpSurfaceStatusSurfaceGray": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayFocus": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayHover": "#e8e8e8",
@@ -492,8 +494,8 @@
     "BpSurfaceTooltipSurface": "#222222",
     "BpSurfaceTooltipSurfaceError": "#fac3cd",
     "BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
-    "BpSurfaceSurface": "#ffffff",
-    "BpSurfaceSurfaceBrand": "#0061d5",
+    "BpSurfaceSurface": "#222222",
+    "BpSurfaceSurfaceBrand": "#00b6ff",
     "BpSurfaceSurfaceBrandBusy": "#0061d5",
     "BpSurfaceSurfaceBrandDisabled": "#0061d5",
     "BpSurfaceSurfaceBrandHover": "#006ae9",
@@ -516,14 +518,103 @@
     "BpTextCtaSecondary": "#6f6f6f",
     "BpTextCtaSecondaryHover": "#4e4e4e",
     "BpTextCtaSecondaryPressed": "#4e4e4e",
-    "BpTextNavTextOnDark": "#ffffff",
-    "BpTextNavTextOnDarkFocus": "#ffffff",
-    "BpTextNavTextOnDarkHover": "#ffffff",
-    "BpTextNavTextOnDarkSelected": "#ffffff",
-    "BpTextNavTextOnLight": "#ffffff",
-    "BpTextNavTextOnLightFocus": "#ffffff",
-    "BpTextNavTextOnLightHover": "#ffffff",
-    "BpTextNavTextOnLightSelected": "#ffffff",
+    "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": "#222222",
+    "BpTextNavTextOnDarkFocus": "#222222",
+    "BpTextNavTextOnDarkHover": "#222222",
+    "BpTextNavTextOnDarkSelected": "#222222",
+    "BpTextNavTextOnLight": "#222222",
+    "BpTextNavTextOnLightFocus": "#222222",
+    "BpTextNavTextOnLightHover": "#222222",
+    "BpTextNavTextOnLightSelected": "#222222",
     "BpTextToggleTextText": "#004eaa",
     "BpTextTextAnnotationOnColor": "#0057c0",
     "BpTextTextBrandOnColor": "#ffffff",
@@ -532,7 +623,7 @@
     "BpTextTextErrorOnLight": "#d5324e",
     "BpTextTextInfoOnColor": "#00316b",
     "BpTextTextOnDark": "#ffffff",
-    "BpTextTextOnLight": "#222222",
+    "BpTextTextOnLight": "#ffffff",
     "BpTextTextOnLightDisabled": "#bcbcbc",
     "BpTextTextOnLightSecondary": "#6f6f6f",
     "BpTextTextOnLightSecondaryHover": "#4e4e4e",
@@ -565,6 +656,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/dist/tokens/BP2/light_mode_value/px-tokens.d.ts

@@ -434,6 +434,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;
@@ -520,6 +521,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;
@@ -569,6 +659,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/BP2/light_mode_value/px-tokens.js

@@ -434,6 +434,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';
@@ -520,6 +521,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';
@@ -569,6 +659,9 @@ export const bpBoxBlue170 = '#001d40';
 export const bpBoxBlue180 = '#00132b';
 export const bpBoxBlue02 = '#fafcfe';
 export const bpBoxBlue05 = '#f2f7fd';
+export const bpBrandBoxAi100 = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const bpBrandBoxAi120 = 'linear-gradient(135deg, #CB02B0 0%, #1F6AC8 100%)';
+export const bpBrandBoxAi140 = 'linear-gradient(135deg, #980284 0%, #174F96 100%)';
 export const bpDarkBlue10 = '#e5ebf2';
 export const bpDarkBlue20 = '#ccd8e6';
 export const bpDarkBlue30 = '#b2c4da';

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -40,6 +40,95 @@
     --bp-surface-surface-brand-disabled: #0061d5;
     --bp-surface-surface-brand-hover: #006ae9;
     --bp-surface-surface-brand-pressed: #004eac;
+    --bp-text-font-font-size-body-default: 15;
+    --bp-text-font-font-size-body-default-bold: 15;
+    --bp-text-font-font-size-body-default-semibold: 15;
+    --bp-text-font-font-size-body-large: 16;
+    --bp-text-font-font-size-body-large-bold: 16;
+    --bp-text-font-font-size-body-small: 12;
+    --bp-text-font-font-size-body-small-semibold: 13;
+    --bp-text-font-font-size-caption-bold: 12;
+    --bp-text-font-font-size-caption-default: 12;
+    --bp-text-font-font-size-label-bold: 10;
+    --bp-text-font-font-size-label-default: 10;
+    --bp-text-font-font-size-link-default: 15;
+    --bp-text-font-font-size-metric-large: 48;
+    --bp-text-font-font-size-metric-medium: 36;
+    --bp-text-font-font-size-metric-small: 24;
+    --bp-text-font-font-size-notification-default: 9;
+    --bp-text-font-font-size-title-large: 19;
+    --bp-text-font-font-size-title-medium: 18;
+    --bp-text-font-font-size-title-mondo: 36;
+    --bp-text-font-font-size-title-small: 17;
+    --bp-text-font-font-size-title-subtitle: 16;
+    --bp-text-font-font-size-title-xlarge: 21;
+    --bp-text-font-font-weight-body-default: 400;
+    --bp-text-font-font-weight-body-default-bold: 700;
+    --bp-text-font-font-weight-body-default-semibold: 600;
+    --bp-text-font-font-weight-body-large: 400;
+    --bp-text-font-font-weight-body-large-bold: 700;
+    --bp-text-font-font-weight-body-small: 400;
+    --bp-text-font-font-weight-body-small-semibold: 600;
+    --bp-text-font-font-weight-caption-bold: 700;
+    --bp-text-font-font-weight-caption-default: 400;
+    --bp-text-font-font-weight-label-bold: 700;
+    --bp-text-font-font-weight-label-default: 400;
+    --bp-text-font-font-weight-link-default: 400;
+    --bp-text-font-font-weight-metric-large: 700;
+    --bp-text-font-font-weight-metric-medium: 700;
+    --bp-text-font-font-weight-metric-small: 700;
+    --bp-text-font-font-weight-notification-default: 700;
+    --bp-text-font-font-weight-title-large: 700;
+    --bp-text-font-font-weight-title-medium: 700;
+    --bp-text-font-font-weight-title-mondo: 900;
+    --bp-text-font-font-weight-title-small: 700;
+    --bp-text-font-font-weight-title-subtitle: 700;
+    --bp-text-font-font-weight-title-xlarge: 700;
+    --bp-text-font-letter-spacing-body-default: 0.3;
+    --bp-text-font-letter-spacing-body-default-bold: 0.3;
+    --bp-text-font-letter-spacing-body-default-semibold: 0.3;
+    --bp-text-font-letter-spacing-body-large: 0.3;
+    --bp-text-font-letter-spacing-body-large-bold: 0.3;
+    --bp-text-font-letter-spacing-body-small: 0.3;
+    --bp-text-font-letter-spacing-body-small-semibold: 0.3;
+    --bp-text-font-letter-spacing-caption-bold: 0.3;
+    --bp-text-font-letter-spacing-caption-default: 0.3;
+    --bp-text-font-letter-spacing-label-bold: 0.6;
+    --bp-text-font-letter-spacing-label-default: 0.6;
+    --bp-text-font-letter-spacing-link-default: 0.3;
+    --bp-text-font-letter-spacing-metric-large: 0.3;
+    --bp-text-font-letter-spacing-metric-medium: 0.3;
+    --bp-text-font-letter-spacing-metric-small: 0.3;
+    --bp-text-font-letter-spacing-notification-default: 0.3;
+    --bp-text-font-letter-spacing-title-large: 0.3;
+    --bp-text-font-letter-spacing-title-medium: 0.3;
+    --bp-text-font-letter-spacing-title-mondo: 0;
+    --bp-text-font-letter-spacing-title-small: 0.3;
+    --bp-text-font-letter-spacing-title-subtitle: 0.3;
+    --bp-text-font-letter-spacing-title-xlarge: 0.3;
+    --bp-text-font-line-height-body-default: 20;
+    --bp-text-font-line-height-body-default-bold: 20;
+    --bp-text-font-line-height-body-default-semibold: 20;
+    --bp-text-font-line-height-body-large: 24;
+    --bp-text-font-line-height-body-large-bold: 24;
+    --bp-text-font-line-height-body-small: 20;
+    --bp-text-font-line-height-body-small-semibold: 20;
+    --bp-text-font-line-height-caption-bold: 14;
+    --bp-text-font-line-height-caption-default: 14;
+    --bp-text-font-line-height-label-bold: 16;
+    --bp-text-font-line-height-label-default: 16;
+    --bp-text-font-line-height-link-default: 20;
+    --bp-text-font-line-height-metric-large: 48;
+    --bp-text-font-line-height-metric-medium: 36;
+    --bp-text-font-line-height-metric-small: 24;
+    --bp-text-font-line-height-notification-default: 12;
+    --bp-text-font-line-height-title-large: 24;
+    --bp-text-font-line-height-title-medium: 24;
+    --bp-text-font-line-height-title-mondo: 44;
+    --bp-text-font-line-height-title-small: 20;
+    --bp-text-font-line-height-title-subtitle: 20;
+    --bp-text-font-line-height-title-xlarge: 32;
+    --bp-text-font-font-family: Lato;
     --bp-box-blue-10: #e5effa;
     --bp-box-blue-20: #ccdff7;
     --bp-box-blue-30: #b2cff2;
@@ -65,6 +154,9 @@
     --bp-box-blue-180: #00132b;
     --bp-box-blue-02: #fafcfe;
     --bp-box-blue-05: #f2f7fd;
+    --bp-brand-box-ai-100: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
+    --bp-brand-box-ai-120: linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%);
+    --bp-brand-box-ai-140: linear-gradient(135deg, #980284 0%, #174f96 100%);
     --bp-dark-blue-10: #e5ebf2;
     --bp-dark-blue-20: #ccd8e6;
     --bp-dark-blue-30: #b2c4da;
@@ -1009,6 +1101,7 @@
     --bp-surface-status-surface-error: var(--bp-watermelon-red-100);
     --bp-surface-status-surface-error-secondary: var(--bp-watermelon-red-20);
     --bp-surface-status-surface-generic: var(--bp-gray-40);
+    --bp-surface-status-surface-generic-secondary: var(--bp-gray-10);
     --bp-surface-status-surface-gray: var(--bp-gray-10);
     --bp-surface-status-surface-gray-focus: var(--bp-gray-10);
     --bp-surface-status-surface-gray-hover: var(--bp-gray-10);