@box/blueprint-web-assets 5.1.0 → 5.2.0

package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const bpBackgroundBackground: string;
 export const bpBackgroundBackgroundLightBlue: string;
 export const bpBackgroundBackgroundLightDarkBlue: string;
 export const bpBackgroundBackgroundLightGreen: string;
@@ -433,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;
@@ -519,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;
@@ -568,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/dark_mode_value/px-tokens.js

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const bpBackgroundBackground = '#222222';
 export const bpBackgroundBackgroundLightBlue = '#e5effa';
 export const bpBackgroundBackgroundLightDarkBlue = '#e5ebf2';
 export const bpBackgroundBackgroundLightGreen = '#e9f8f2';
@@ -132,8 +133,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';
@@ -433,6 +434,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';
@@ -495,8 +497,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';
@@ -519,14 +521,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';
@@ -535,7 +626,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';
@@ -568,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/dark_mode_value/tokens.css

@@ -36,11 +36,100 @@
     --bp-surface-badge-surface-word: #185abd;
     --bp-surface-cursor-cursor-on-light: #000000;
     --bp-surface-toolbar-surface: #ffffff;
-    --bp-surface-surface-brand: #0061d5;
+    --bp-surface-surface-brand: #00b6ff;
     --bp-surface-surface-brand-busy: #0061d5;
     --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;
@@ -66,6 +155,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;
@@ -609,6 +701,7 @@
     --bp-scale-default: 1;
     --bp-scale-large: 1.12;
     --bp-scale-small: 0.98;
+    --bp-background-background: var(--bp-gray-100);
     --bp-background-background-light-blue: var(--bp-box-blue-10);
     --bp-background-background-light-dark-blue: var(--bp-dark-blue-10);
     --bp-background-background-light-green: var(--bp-green-light-10);
@@ -728,8 +821,8 @@
     --bp-icon-cta-icon-high-contrast-pressed: var(--bp-black-opacity-90);
     --bp-icon-cta-icon-hover: var(--bp-black-opacity-90);
     --bp-icon-cta-icon-on-dark: var(--bp-white-opacity-80);
-    --bp-icon-cta-icon-on-dark-hover: var(--bp-gray-white);
-    --bp-icon-cta-icon-on-dark-pressed: var(--bp-gray-white);
+    --bp-icon-cta-icon-on-dark-hover: var(--bp-gray-100);
+    --bp-icon-cta-icon-on-dark-pressed: var(--bp-gray-100);
     --bp-icon-cta-icon-utility: var(--bp-gray-80);
     --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
     --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
@@ -1008,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-90);
     --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);
@@ -1069,7 +1163,7 @@
     --bp-surface-tooltip-surface: var(--bp-gray-100);
     --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-30);
     --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
-    --bp-surface-surface: var(--bp-gray-white);
+    --bp-surface-surface: var(--bp-gray-100);
     --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
     --bp-surface-surface-hover: var(--bp-gray-05);
     --bp-surface-surface-quaternary: var(--bp-gray-20);
@@ -1088,14 +1182,14 @@
     --bp-text-cta-secondary: var(--bp-gray-65);
     --bp-text-cta-secondary-hover: var(--bp-gray-80);
     --bp-text-cta-secondary-pressed: var(--bp-gray-80);
-    --bp-text-nav-text-on-dark: var(--bp-gray-white);
-    --bp-text-nav-text-on-dark-focus: var(--bp-gray-white);
-    --bp-text-nav-text-on-dark-hover: var(--bp-gray-white);
-    --bp-text-nav-text-on-dark-selected: var(--bp-gray-white);
-    --bp-text-nav-text-on-light: var(--bp-gray-white);
-    --bp-text-nav-text-on-light-focus: var(--bp-gray-white);
-    --bp-text-nav-text-on-light-hover: var(--bp-gray-white);
-    --bp-text-nav-text-on-light-selected: var(--bp-gray-white);
+    --bp-text-nav-text-on-dark: var(--bp-gray-100);
+    --bp-text-nav-text-on-dark-focus: var(--bp-gray-100);
+    --bp-text-nav-text-on-dark-hover: var(--bp-gray-100);
+    --bp-text-nav-text-on-dark-selected: var(--bp-gray-100);
+    --bp-text-nav-text-on-light: var(--bp-gray-100);
+    --bp-text-nav-text-on-light-focus: var(--bp-gray-100);
+    --bp-text-nav-text-on-light-hover: var(--bp-gray-100);
+    --bp-text-nav-text-on-light-selected: var(--bp-gray-100);
     --bp-text-toggle-text-text: var(--bp-box-blue-120);
     --bp-text-text-annotation-on-color: var(--bp-box-blue-110);
     --bp-text-text-brand-on-color: var(--bp-gray-white);
@@ -1104,7 +1198,7 @@
     --bp-text-text-error-on-light: var(--bp-watermelon-red-110);
     --bp-text-text-info-on-color: var(--bp-box-blue-150);
     --bp-text-text-on-dark: var(--bp-gray-white);
-    --bp-text-text-on-light: var(--bp-gray-100);
+    --bp-text-text-on-light: var(--bp-gray-white);
     --bp-text-text-on-light-disabled: var(--bp-gray-30);
     --bp-text-text-on-light-secondary: var(--bp-gray-65);
     --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);

package/dist/tokens/BP2/dark_mode_value/tokens.d.ts

@@ -1,3 +1,4 @@
+export const bpBackgroundBackground: string;
 export const bpBackgroundBackgroundLightBlue: string;
 export const bpBackgroundBackgroundLightDarkBlue: string;
 export const bpBackgroundBackgroundLightGreen: string;
@@ -429,6 +430,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;
@@ -515,6 +517,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;
@@ -564,6 +655,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;