@box/blueprint-web-assets 4.91.6 → 4.92.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 (22) hide show
  1. package/dist/icons/Medium/CreditCard.js +1 -1
  2. package/dist/icons/MediumFilled/CreditCard.js +1 -1
  3. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +16 -0
  4. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +21 -5
  5. package/dist/tokens/BP2/dark_mode_value/tokens.css +21 -5
  6. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +16 -0
  7. package/dist/tokens/BP2/dark_mode_value/tokens.js +21 -5
  8. package/dist/tokens/BP2/dark_mode_value/tokens.json +21 -5
  9. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +16 -0
  10. package/dist/tokens/BP2/light_mode_value/px-tokens.js +20 -4
  11. package/dist/tokens/BP2/light_mode_value/tokens.css +20 -4
  12. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +16 -0
  13. package/dist/tokens/BP2/light_mode_value/tokens.js +20 -4
  14. package/dist/tokens/BP2/light_mode_value/tokens.json +20 -4
  15. package/dist/tokens/mixins-modern.scss +18 -18
  16. package/dist/tokens/px-tokens.d.ts +16 -0
  17. package/dist/tokens/px-tokens.js +20 -4
  18. package/dist/tokens/tokens-css-vars.scss +20 -4
  19. package/dist/tokens/tokens.d.ts +16 -0
  20. package/dist/tokens/tokens.js +20 -4
  21. package/dist/tokens/tokens.json +20 -4
  22. package/package.json +2 -2
package/dist/icons/Medium/CreditCard.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgCreditCard = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M11 13a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM4 16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6H4v6ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" })] }));
3
+ const SvgCreditCard = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M11 13a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM4 16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6H4v6ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" })] }));
4
4
  const ForwardRef = forwardRef(SvgCreditCard);
5
5
  export default ForwardRef;
package/dist/icons/MediumFilled/CreditCard.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgCreditCard = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM7 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H7ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" }) }));
3
+ const SvgCreditCard = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM7 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H7ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" }) }));
4
4
  const ForwardRef = forwardRef(SvgCreditCard);
5
5
  export default ForwardRef;
package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts CHANGED
@@ -139,15 +139,19 @@ export const bpIconNavIconOnLightHover: string;
139
139
  export const bpIconNavIconOnLightSelected: string;
140
140
  export const bpIconIconBlue: string;
141
141
  export const bpIconIconDestructiveOnLight: string;
142
+ export const bpIconIconErrorOnColor: string;
142
143
  export const bpIconIconErrorOnLight: string;
143
144
  export const bpIconIconIllustrator: string;
144
145
  export const bpIconIconIndesign: string;
146
+ export const bpIconIconInfoOnColor: string;
145
147
  export const bpIconIconOnDark: string;
146
148
  export const bpIconIconOnLight: string;
147
149
  export const bpIconIconOnLightSecondary: string;
148
150
  export const bpIconIconOnLightTertiary: string;
149
151
  export const bpIconIconPhotoshop: string;
150
152
  export const bpIconIconRequiredOnLight: string;
153
+ export const bpIconIconSuccessOnColor: string;
154
+ export const bpIconIconWarningOnColor: string;
151
155
  export const bpOutlineFocusOnDark: string;
152
156
  export const bpOutlineFocusOnLight: string;
153
157
  export const bpOverlayModalOverlay: string;
@@ -249,6 +253,9 @@ export const bpSurfaceCtaSurfacePromoFocus: string;
249
253
  export const bpSurfaceCtaSurfacePromoFocusPressed: string;
250
254
  export const bpSurfaceCtaSurfacePromoHover: string;
251
255
  export const bpSurfaceCtaSurfacePromoPressed: string;
256
+ export const bpSurfaceCtaSurfaceQuaternary: string;
257
+ export const bpSurfaceCtaSurfaceQuaternaryHover: string;
258
+ export const bpSurfaceCtaSurfaceQuaternaryPressed: string;
252
259
  export const bpSurfaceCtaSurfaceSecondary: string;
253
260
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
254
261
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
@@ -391,6 +398,7 @@ export const bpSurfaceStatusSurfaceDarkBlue: string;
391
398
  export const bpSurfaceStatusSurfaceDarkBlueFocus: string;
392
399
  export const bpSurfaceStatusSurfaceDarkBlueHover: string;
393
400
  export const bpSurfaceStatusSurfaceError: string;
401
+ export const bpSurfaceStatusSurfaceErrorSecondary: string;
394
402
  export const bpSurfaceStatusSurfaceGeneric: string;
395
403
  export const bpSurfaceStatusSurfaceGray: string;
396
404
  export const bpSurfaceStatusSurfaceGrayFocus: string;
@@ -398,6 +406,7 @@ export const bpSurfaceStatusSurfaceGrayHover: string;
398
406
  export const bpSurfaceStatusSurfaceGreen: string;
399
407
  export const bpSurfaceStatusSurfaceGreenFocus: string;
400
408
  export const bpSurfaceStatusSurfaceGreenHover: string;
409
+ export const bpSurfaceStatusSurfaceInfoSecondary: string;
401
410
  export const bpSurfaceStatusSurfaceInprogress: string;
402
411
  export const bpSurfaceStatusSurfaceLightBlue: string;
403
412
  export const bpSurfaceStatusSurfaceLightBlueFocus: string;
@@ -414,7 +423,10 @@ export const bpSurfaceStatusSurfaceRedFocus: string;
414
423
  export const bpSurfaceStatusSurfaceRedHover: string;
415
424
  export const bpSurfaceStatusSurfaceScheduled: string;
416
425
  export const bpSurfaceStatusSurfaceSuccess: string;
426
+ export const bpSurfaceStatusSurfaceSuccessSecondary: string;
417
427
  export const bpSurfaceStatusSurfaceUploading: string;
428
+ export const bpSurfaceStatusSurfaceWarning: string;
429
+ export const bpSurfaceStatusSurfaceWarningSecondary: string;
418
430
  export const bpSurfaceStatusSurfaceYellow: string;
419
431
  export const bpSurfaceStatusSurfaceYellowFocus: string;
420
432
  export const bpSurfaceStatusSurfaceYellowHover: string;
@@ -482,13 +494,17 @@ export const bpTextNavTextOnLightSelected: string;
482
494
  export const bpTextToggleTextText: string;
483
495
  export const bpTextTextBrandOnColor: string;
484
496
  export const bpTextTextDestructiveOnLight: string;
497
+ export const bpTextTextErrorOnColor: string;
485
498
  export const bpTextTextErrorOnLight: string;
499
+ export const bpTextTextInfoOnColor: string;
486
500
  export const bpTextTextOnDark: string;
487
501
  export const bpTextTextOnLight: string;
488
502
  export const bpTextTextOnLightDisabled: string;
489
503
  export const bpTextTextOnLightSecondary: string;
490
504
  export const bpTextTextOnLightSecondaryHover: string;
491
505
  export const bpTextTextOnLightTertiary: string;
506
+ export const bpTextTextSuccessOnColor: string;
507
+ export const bpTextTextWarningOnColor: string;
492
508
  export const bpBoxBlue10: string;
493
509
  export const bpBoxBlue20: string;
494
510
  export const bpBoxBlue30: string;
package/dist/tokens/BP2/dark_mode_value/px-tokens.js CHANGED
@@ -75,11 +75,11 @@ export const bpBorderRadioTileBorderHover = '#bcbcbc';
75
75
  export const bpBorderRadioTileBorderSelected = '#0061d5';
76
76
  export const bpBorderResizeBorderFocus = '#2486fc';
77
77
  export const bpBorderResizeBorderHover = '#bcbcbc';
78
- export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
78
+ export const bpBorderSearchGlobalBorderHover = 'rgba(0, 0, 0, 0.12)';
79
79
  export const bpBorderSearchInputBorderFocus = '#2486fc';
80
- export const bpBorderSearchInputBorderHover = '#6f6f6f';
81
- export const bpBorderSearchBorder = '#f4f4f4';
82
- export const bpBorderSearchBorderHover = '#6f6f6f';
80
+ export const bpBorderSearchInputBorderHover = 'rgba(0, 0, 0, 0.12)';
81
+ export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.12)';
82
+ export const bpBorderSearchBorderHover = 'rgba(0, 0, 0, 0.12)';
83
83
  export const bpBorderSelectBorder = '#bcbcbc';
84
84
  export const bpBorderSelectBorderActive = '#2486fc';
85
85
  export const bpBorderSelectBorderError = '#d5324e';
@@ -139,15 +139,19 @@ export const bpIconNavIconOnLightHover = '#222222';
139
139
  export const bpIconNavIconOnLightSelected = '#222222';
140
140
  export const bpIconIconBlue = '#0061d5';
141
141
  export const bpIconIconDestructiveOnLight = '#d5324e';
142
+ export const bpIconIconErrorOnColor = '#821e30';
142
143
  export const bpIconIconErrorOnLight = '#d5324e';
143
144
  export const bpIconIconIllustrator = '#ff9400';
144
145
  export const bpIconIconIndesign = '#ff57a1';
146
+ export const bpIconIconInfoOnColor = '#00316b';
145
147
  export const bpIconIconOnDark = '#ffffff';
146
148
  export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
147
149
  export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
148
150
  export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
149
151
  export const bpIconIconPhotoshop = '#26c9ff';
150
152
  export const bpIconIconRequiredOnLight = '#d5324e';
153
+ export const bpIconIconSuccessOnColor = '#0f4e34';
154
+ export const bpIconIconWarningOnColor = '#62480b';
151
155
  export const bpOutlineFocusOnDark = '#ffffff';
152
156
  export const bpOutlineFocusOnLight = '#2486fc';
153
157
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
@@ -249,6 +253,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
249
253
  export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
250
254
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
251
255
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
256
+ export const bpSurfaceCtaSurfaceQuaternary = 'rgba(0, 0, 0, 0)';
257
+ export const bpSurfaceCtaSurfaceQuaternaryHover = 'rgba(0, 0, 0, 0.04)';
258
+ export const bpSurfaceCtaSurfaceQuaternaryPressed = 'rgba(0, 0, 0, 0.08)';
252
259
  export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
253
260
  export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
254
261
  export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
@@ -317,7 +324,7 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
317
324
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
318
325
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
319
326
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
320
- export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
327
+ export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
321
328
  export const bpSurfaceInlineTableSurface = '#ffffff';
322
329
  export const bpSurfaceInputSurface = '#ffffff';
323
330
  export const bpSurfaceInputSurfaceError = '#ffffff';
@@ -391,6 +398,7 @@ export const bpSurfaceStatusSurfaceDarkBlue = '#7f9dc1';
391
398
  export const bpSurfaceStatusSurfaceDarkBlueFocus = '#7f9dc1';
392
399
  export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
393
400
  export const bpSurfaceStatusSurfaceError = '#ed3757';
401
+ export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
394
402
  export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
395
403
  export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
396
404
  export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
@@ -398,6 +406,7 @@ export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
398
406
  export const bpSurfaceStatusSurfaceGreen = '#92e0c0';
399
407
  export const bpSurfaceStatusSurfaceGreenFocus = '#92e0c0';
400
408
  export const bpSurfaceStatusSurfaceGreenHover = '#92e0c0';
409
+ export const bpSurfaceStatusSurfaceInfoSecondary = '#d3e7fe';
401
410
  export const bpSurfaceStatusSurfaceInprogress = '#f5b31b';
402
411
  export const bpSurfaceStatusSurfaceLightBlue = '#91c2fd';
403
412
  export const bpSurfaceStatusSurfaceLightBlueFocus = '#91c2fd';
@@ -414,7 +423,10 @@ export const bpSurfaceStatusSurfaceRedFocus = '#f69bab';
414
423
  export const bpSurfaceStatusSurfaceRedHover = '#f69bab';
415
424
  export const bpSurfaceStatusSurfaceScheduled = '#9f3fed';
416
425
  export const bpSurfaceStatusSurfaceSuccess = '#26c281';
426
+ export const bpSurfaceStatusSurfaceSuccessSecondary = '#d4f3e6';
417
427
  export const bpSurfaceStatusSurfaceUploading = '#0061d5';
428
+ export const bpSurfaceStatusSurfaceWarning = '#f5b31b';
429
+ export const bpSurfaceStatusSurfaceWarningSecondary = '#fdf0d1';
418
430
  export const bpSurfaceStatusSurfaceYellow = '#ffeb7f';
419
431
  export const bpSurfaceStatusSurfaceYellowFocus = '#ffeb7f';
420
432
  export const bpSurfaceStatusSurfaceYellowHover = '#ffeb7f';
@@ -482,13 +494,17 @@ export const bpTextNavTextOnLightSelected = '#ffffff';
482
494
  export const bpTextToggleTextText = '#004eaa';
483
495
  export const bpTextTextBrandOnColor = '#ffffff';
484
496
  export const bpTextTextDestructiveOnLight = '#d5324e';
497
+ export const bpTextTextErrorOnColor = '#821e30';
485
498
  export const bpTextTextErrorOnLight = '#d5324e';
499
+ export const bpTextTextInfoOnColor = '#00316b';
486
500
  export const bpTextTextOnDark = '#ffffff';
487
501
  export const bpTextTextOnLight = '#222222';
488
502
  export const bpTextTextOnLightDisabled = '#bcbcbc';
489
503
  export const bpTextTextOnLightSecondary = '#6f6f6f';
490
504
  export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
491
505
  export const bpTextTextOnLightTertiary = '#909090';
506
+ export const bpTextTextSuccessOnColor = '#0f4e34';
507
+ export const bpTextTextWarningOnColor = '#62480b';
492
508
  export const bpBoxBlue10 = '#e5effa';
493
509
  export const bpBoxBlue20 = '#ccdff7';
494
510
  export const bpBoxBlue30 = '#b2cff2';
package/dist/tokens/BP2/dark_mode_value/tokens.css CHANGED
@@ -647,11 +647,11 @@
647
647
  --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
648
648
  --bp-border-resize-border-focus: var(--bp-light-blue-100);
649
649
  --bp-border-resize-border-hover: var(--bp-gray-30);
650
- --bp-border-search-global-border-hover: var(--bp-gray-10);
650
+ --bp-border-search-global-border-hover: var(--bp-black-opacity-12);
651
651
  --bp-border-search-input-border-focus: var(--bp-light-blue-100);
652
- --bp-border-search-input-border-hover: var(--bp-gray-65);
653
- --bp-border-search-border: var(--bp-gray-05);
654
- --bp-border-search-border-hover: var(--bp-gray-65);
652
+ --bp-border-search-input-border-hover: var(--bp-black-opacity-12);
653
+ --bp-border-search-border: var(--bp-black-opacity-12);
654
+ --bp-border-search-border-hover: var(--bp-black-opacity-12);
655
655
  --bp-border-select-border: var(--bp-gray-30);
656
656
  --bp-border-select-border-active: var(--bp-light-blue-100);
657
657
  --bp-border-select-border-error: var(--bp-watermelon-red-110);
@@ -701,12 +701,16 @@
701
701
  --bp-icon-nav-icon-on-light-selected: var(--bp-gray-100);
702
702
  --bp-icon-icon-blue: var(--bp-box-blue-100);
703
703
  --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
704
+ --bp-icon-icon-error-on-color: var(--bp-watermelon-red-145);
704
705
  --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
706
+ --bp-icon-icon-info-on-color: var(--bp-box-blue-150);
705
707
  --bp-icon-icon-on-dark: var(--bp-gray-white);
706
708
  --bp-icon-icon-on-light: var(--bp-black-opacity-90);
707
709
  --bp-icon-icon-on-light-secondary: var(--bp-black-opacity-60);
708
710
  --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
709
711
  --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
712
+ --bp-icon-icon-success-on-color: var(--bp-green-light-160);
713
+ --bp-icon-icon-warning-on-color: var(--bp-yellorange-160);
710
714
  --bp-outline-focus-on-dark: var(--bp-gray-white);
711
715
  --bp-outline-focus-on-light: var(--bp-light-blue-100);
712
716
  --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
@@ -792,6 +796,9 @@
792
796
  --bp-surface-cta-surface-promo-focus-pressed: var(--bp-grimace-120);
793
797
  --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
794
798
  --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
799
+ --bp-surface-cta-surface-quaternary: var(--bp-black-opacity-00);
800
+ --bp-surface-cta-surface-quaternary-hover: var(--bp-black-opacity-04);
801
+ --bp-surface-cta-surface-quaternary-pressed: var(--bp-black-opacity-08);
795
802
  --bp-surface-cta-surface-secondary: var(--bp-gray-white);
796
803
  --bp-surface-cta-surface-secondary-hover: var(--bp-gray-05);
797
804
  --bp-surface-cta-surface-secondary-pressed: var(--bp-gray-10);
@@ -859,7 +866,7 @@
859
866
  --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
860
867
  --bp-surface-inline-notice-surface-note: var(--bp-gray-white);
861
868
  --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
862
- --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
869
+ --bp-surface-inline-notice-surface-warning: var(--bp-yellorange-10);
863
870
  --bp-surface-inline-table-surface: var(--bp-gray-white);
864
871
  --bp-surface-input-surface: var(--bp-gray-white);
865
872
  --bp-surface-input-surface-error: var(--bp-gray-white);
@@ -933,6 +940,7 @@
933
940
  --bp-surface-status-surface-dark-blue-focus: var(--bp-dark-blue-50);
934
941
  --bp-surface-status-surface-dark-blue-hover: var(--bp-dark-blue-50);
935
942
  --bp-surface-status-surface-error: var(--bp-watermelon-red-100);
943
+ --bp-surface-status-surface-error-secondary: var(--bp-watermelon-red-20);
936
944
  --bp-surface-status-surface-generic: var(--bp-gray-40);
937
945
  --bp-surface-status-surface-gray: var(--bp-gray-10);
938
946
  --bp-surface-status-surface-gray-focus: var(--bp-gray-10);
@@ -940,6 +948,7 @@
940
948
  --bp-surface-status-surface-green: var(--bp-green-light-50);
941
949
  --bp-surface-status-surface-green-focus: var(--bp-green-light-50);
942
950
  --bp-surface-status-surface-green-hover: var(--bp-green-light-50);
951
+ --bp-surface-status-surface-info-secondary: var(--bp-light-blue-20);
943
952
  --bp-surface-status-surface-inprogress: var(--bp-yellorange-100);
944
953
  --bp-surface-status-surface-light-blue: var(--bp-light-blue-50);
945
954
  --bp-surface-status-surface-light-blue-focus: var(--bp-light-blue-50);
@@ -956,7 +965,10 @@
956
965
  --bp-surface-status-surface-red-hover: var(--bp-watermelon-red-50);
957
966
  --bp-surface-status-surface-scheduled: var(--bp-purple-rain-100);
958
967
  --bp-surface-status-surface-success: var(--bp-green-light-100);
968
+ --bp-surface-status-surface-success-secondary: var(--bp-green-light-20);
959
969
  --bp-surface-status-surface-uploading: var(--bp-box-blue-100);
970
+ --bp-surface-status-surface-warning: var(--bp-yellorange-100);
971
+ --bp-surface-status-surface-warning-secondary: var(--bp-yellorange-20);
960
972
  --bp-surface-status-surface-yellow: var(--bp-yellow-50);
961
973
  --bp-surface-status-surface-yellow-focus: var(--bp-yellow-50);
962
974
  --bp-surface-status-surface-yellow-hover: var(--bp-yellow-50);
@@ -1018,11 +1030,15 @@
1018
1030
  --bp-text-toggle-text-text: var(--bp-box-blue-120);
1019
1031
  --bp-text-text-brand-on-color: var(--bp-gray-white);
1020
1032
  --bp-text-text-destructive-on-light: var(--bp-watermelon-red-110);
1033
+ --bp-text-text-error-on-color: var(--bp-watermelon-red-145);
1021
1034
  --bp-text-text-error-on-light: var(--bp-watermelon-red-110);
1035
+ --bp-text-text-info-on-color: var(--bp-box-blue-150);
1022
1036
  --bp-text-text-on-dark: var(--bp-gray-white);
1023
1037
  --bp-text-text-on-light: var(--bp-gray-100);
1024
1038
  --bp-text-text-on-light-disabled: var(--bp-gray-30);
1025
1039
  --bp-text-text-on-light-secondary: var(--bp-gray-65);
1026
1040
  --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);
1027
1041
  --bp-text-text-on-light-tertiary: var(--bp-gray-50);
1042
+ --bp-text-text-success-on-color: var(--bp-green-light-160);
1043
+ --bp-text-text-warning-on-color: var(--bp-yellorange-160);
1028
1044
  }
package/dist/tokens/BP2/dark_mode_value/tokens.d.ts CHANGED
@@ -135,15 +135,19 @@ export const bpIconNavIconOnLightHover: string;
135
135
  export const bpIconNavIconOnLightSelected: string;
136
136
  export const bpIconIconBlue: string;
137
137
  export const bpIconIconDestructiveOnLight: string;
138
+ export const bpIconIconErrorOnColor: string;
138
139
  export const bpIconIconErrorOnLight: string;
139
140
  export const bpIconIconIllustrator: string;
140
141
  export const bpIconIconIndesign: string;
142
+ export const bpIconIconInfoOnColor: string;
141
143
  export const bpIconIconOnDark: string;
142
144
  export const bpIconIconOnLight: string;
143
145
  export const bpIconIconOnLightSecondary: string;
144
146
  export const bpIconIconOnLightTertiary: string;
145
147
  export const bpIconIconPhotoshop: string;
146
148
  export const bpIconIconRequiredOnLight: string;
149
+ export const bpIconIconSuccessOnColor: string;
150
+ export const bpIconIconWarningOnColor: string;
147
151
  export const bpOutlineFocusOnDark: string;
148
152
  export const bpOutlineFocusOnLight: string;
149
153
  export const bpOverlayModalOverlay: string;
@@ -245,6 +249,9 @@ export const bpSurfaceCtaSurfacePromoFocus: string;
245
249
  export const bpSurfaceCtaSurfacePromoFocusPressed: string;
246
250
  export const bpSurfaceCtaSurfacePromoHover: string;
247
251
  export const bpSurfaceCtaSurfacePromoPressed: string;
252
+ export const bpSurfaceCtaSurfaceQuaternary: string;
253
+ export const bpSurfaceCtaSurfaceQuaternaryHover: string;
254
+ export const bpSurfaceCtaSurfaceQuaternaryPressed: string;
248
255
  export const bpSurfaceCtaSurfaceSecondary: string;
249
256
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
250
257
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
@@ -387,6 +394,7 @@ export const bpSurfaceStatusSurfaceDarkBlue: string;
387
394
  export const bpSurfaceStatusSurfaceDarkBlueFocus: string;
388
395
  export const bpSurfaceStatusSurfaceDarkBlueHover: string;
389
396
  export const bpSurfaceStatusSurfaceError: string;
397
+ export const bpSurfaceStatusSurfaceErrorSecondary: string;
390
398
  export const bpSurfaceStatusSurfaceGeneric: string;
391
399
  export const bpSurfaceStatusSurfaceGray: string;
392
400
  export const bpSurfaceStatusSurfaceGrayFocus: string;
@@ -394,6 +402,7 @@ export const bpSurfaceStatusSurfaceGrayHover: string;
394
402
  export const bpSurfaceStatusSurfaceGreen: string;
395
403
  export const bpSurfaceStatusSurfaceGreenFocus: string;
396
404
  export const bpSurfaceStatusSurfaceGreenHover: string;
405
+ export const bpSurfaceStatusSurfaceInfoSecondary: string;
397
406
  export const bpSurfaceStatusSurfaceInprogress: string;
398
407
  export const bpSurfaceStatusSurfaceLightBlue: string;
399
408
  export const bpSurfaceStatusSurfaceLightBlueFocus: string;
@@ -410,7 +419,10 @@ export const bpSurfaceStatusSurfaceRedFocus: string;
410
419
  export const bpSurfaceStatusSurfaceRedHover: string;
411
420
  export const bpSurfaceStatusSurfaceScheduled: string;
412
421
  export const bpSurfaceStatusSurfaceSuccess: string;
422
+ export const bpSurfaceStatusSurfaceSuccessSecondary: string;
413
423
  export const bpSurfaceStatusSurfaceUploading: string;
424
+ export const bpSurfaceStatusSurfaceWarning: string;
425
+ export const bpSurfaceStatusSurfaceWarningSecondary: string;
414
426
  export const bpSurfaceStatusSurfaceYellow: string;
415
427
  export const bpSurfaceStatusSurfaceYellowFocus: string;
416
428
  export const bpSurfaceStatusSurfaceYellowHover: string;
@@ -478,13 +490,17 @@ export const bpTextNavTextOnLightSelected: string;
478
490
  export const bpTextToggleTextText: string;
479
491
  export const bpTextTextBrandOnColor: string;
480
492
  export const bpTextTextDestructiveOnLight: string;
493
+ export const bpTextTextErrorOnColor: string;
481
494
  export const bpTextTextErrorOnLight: string;
495
+ export const bpTextTextInfoOnColor: string;
482
496
  export const bpTextTextOnDark: string;
483
497
  export const bpTextTextOnLight: string;
484
498
  export const bpTextTextOnLightDisabled: string;
485
499
  export const bpTextTextOnLightSecondary: string;
486
500
  export const bpTextTextOnLightSecondaryHover: string;
487
501
  export const bpTextTextOnLightTertiary: string;
502
+ export const bpTextTextSuccessOnColor: string;
503
+ export const bpTextTextWarningOnColor: string;
488
504
  export const bpBoxBlue10: string;
489
505
  export const bpBoxBlue20: string;
490
506
  export const bpBoxBlue30: string;
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -71,11 +71,11 @@ export const bpBorderRadioTileBorderHover = '#bcbcbc';
71
71
  export const bpBorderRadioTileBorderSelected = '#0061d5';
72
72
  export const bpBorderResizeBorderFocus = '#2486fc';
73
73
  export const bpBorderResizeBorderHover = '#bcbcbc';
74
- export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
74
+ export const bpBorderSearchGlobalBorderHover = 'rgba(0, 0, 0, 0.12)';
75
75
  export const bpBorderSearchInputBorderFocus = '#2486fc';
76
- export const bpBorderSearchInputBorderHover = '#6f6f6f';
77
- export const bpBorderSearchBorder = '#f4f4f4';
78
- export const bpBorderSearchBorderHover = '#6f6f6f';
76
+ export const bpBorderSearchInputBorderHover = 'rgba(0, 0, 0, 0.12)';
77
+ export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.12)';
78
+ export const bpBorderSearchBorderHover = 'rgba(0, 0, 0, 0.12)';
79
79
  export const bpBorderSelectBorder = '#bcbcbc';
80
80
  export const bpBorderSelectBorderActive = '#2486fc';
81
81
  export const bpBorderSelectBorderError = '#d5324e';
@@ -135,15 +135,19 @@ export const bpIconNavIconOnLightHover = '#222222';
135
135
  export const bpIconNavIconOnLightSelected = '#222222';
136
136
  export const bpIconIconBlue = '#0061d5';
137
137
  export const bpIconIconDestructiveOnLight = '#d5324e';
138
+ export const bpIconIconErrorOnColor = '#821e30';
138
139
  export const bpIconIconErrorOnLight = '#d5324e';
139
140
  export const bpIconIconIllustrator = '#ff9400';
140
141
  export const bpIconIconIndesign = '#ff57a1';
142
+ export const bpIconIconInfoOnColor = '#00316b';
141
143
  export const bpIconIconOnDark = '#ffffff';
142
144
  export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
143
145
  export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
144
146
  export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
145
147
  export const bpIconIconPhotoshop = '#26c9ff';
146
148
  export const bpIconIconRequiredOnLight = '#d5324e';
149
+ export const bpIconIconSuccessOnColor = '#0f4e34';
150
+ export const bpIconIconWarningOnColor = '#62480b';
147
151
  export const bpOutlineFocusOnDark = '#ffffff';
148
152
  export const bpOutlineFocusOnLight = '#2486fc';
149
153
  export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
@@ -245,6 +249,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
245
249
  export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
246
250
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
247
251
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
252
+ export const bpSurfaceCtaSurfaceQuaternary = 'rgba(0, 0, 0, 0)';
253
+ export const bpSurfaceCtaSurfaceQuaternaryHover = 'rgba(0, 0, 0, 0.04)';
254
+ export const bpSurfaceCtaSurfaceQuaternaryPressed = 'rgba(0, 0, 0, 0.08)';
248
255
  export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
249
256
  export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
250
257
  export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
@@ -313,7 +320,7 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
313
320
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
314
321
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
315
322
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
316
- export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
323
+ export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
317
324
  export const bpSurfaceInlineTableSurface = '#ffffff';
318
325
  export const bpSurfaceInputSurface = '#ffffff';
319
326
  export const bpSurfaceInputSurfaceError = '#ffffff';
@@ -387,6 +394,7 @@ export const bpSurfaceStatusSurfaceDarkBlue = '#7f9dc1';
387
394
  export const bpSurfaceStatusSurfaceDarkBlueFocus = '#7f9dc1';
388
395
  export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
389
396
  export const bpSurfaceStatusSurfaceError = '#ed3757';
397
+ export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
390
398
  export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
391
399
  export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
392
400
  export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
@@ -394,6 +402,7 @@ export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
394
402
  export const bpSurfaceStatusSurfaceGreen = '#92e0c0';
395
403
  export const bpSurfaceStatusSurfaceGreenFocus = '#92e0c0';
396
404
  export const bpSurfaceStatusSurfaceGreenHover = '#92e0c0';
405
+ export const bpSurfaceStatusSurfaceInfoSecondary = '#d3e7fe';
397
406
  export const bpSurfaceStatusSurfaceInprogress = '#f5b31b';
398
407
  export const bpSurfaceStatusSurfaceLightBlue = '#91c2fd';
399
408
  export const bpSurfaceStatusSurfaceLightBlueFocus = '#91c2fd';
@@ -410,7 +419,10 @@ export const bpSurfaceStatusSurfaceRedFocus = '#f69bab';
410
419
  export const bpSurfaceStatusSurfaceRedHover = '#f69bab';
411
420
  export const bpSurfaceStatusSurfaceScheduled = '#9f3fed';
412
421
  export const bpSurfaceStatusSurfaceSuccess = '#26c281';
422
+ export const bpSurfaceStatusSurfaceSuccessSecondary = '#d4f3e6';
413
423
  export const bpSurfaceStatusSurfaceUploading = '#0061d5';
424
+ export const bpSurfaceStatusSurfaceWarning = '#f5b31b';
425
+ export const bpSurfaceStatusSurfaceWarningSecondary = '#fdf0d1';
414
426
  export const bpSurfaceStatusSurfaceYellow = '#ffeb7f';
415
427
  export const bpSurfaceStatusSurfaceYellowFocus = '#ffeb7f';
416
428
  export const bpSurfaceStatusSurfaceYellowHover = '#ffeb7f';
@@ -478,13 +490,17 @@ export const bpTextNavTextOnLightSelected = '#ffffff';
478
490
  export const bpTextToggleTextText = '#004eaa';
479
491
  export const bpTextTextBrandOnColor = '#ffffff';
480
492
  export const bpTextTextDestructiveOnLight = '#d5324e';
493
+ export const bpTextTextErrorOnColor = '#821e30';
481
494
  export const bpTextTextErrorOnLight = '#d5324e';
495
+ export const bpTextTextInfoOnColor = '#00316b';
482
496
  export const bpTextTextOnDark = '#ffffff';
483
497
  export const bpTextTextOnLight = '#222222';
484
498
  export const bpTextTextOnLightDisabled = '#bcbcbc';
485
499
  export const bpTextTextOnLightSecondary = '#6f6f6f';
486
500
  export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
487
501
  export const bpTextTextOnLightTertiary = '#909090';
502
+ export const bpTextTextSuccessOnColor = '#0f4e34';
503
+ export const bpTextTextWarningOnColor = '#62480b';
488
504
  export const bpBoxBlue10 = '#e5effa';
489
505
  export const bpBoxBlue20 = '#ccdff7';
490
506
  export const bpBoxBlue30 = '#b2cff2';
package/dist/tokens/BP2/dark_mode_value/tokens.json CHANGED
@@ -72,11 +72,11 @@
72
72
  "BpBorderRadioTileBorderSelected": "#0061d5",
73
73
  "BpBorderResizeBorderFocus": "#2486fc",
74
74
  "BpBorderResizeBorderHover": "#bcbcbc",
75
- "BpBorderSearchGlobalBorderHover": "#e8e8e8",
75
+ "BpBorderSearchGlobalBorderHover": "rgba(0, 0, 0, 0.12)",
76
76
  "BpBorderSearchInputBorderFocus": "#2486fc",
77
- "BpBorderSearchInputBorderHover": "#6f6f6f",
78
- "BpBorderSearchBorder": "#f4f4f4",
79
- "BpBorderSearchBorderHover": "#6f6f6f",
77
+ "BpBorderSearchInputBorderHover": "rgba(0, 0, 0, 0.12)",
78
+ "BpBorderSearchBorder": "rgba(0, 0, 0, 0.12)",
79
+ "BpBorderSearchBorderHover": "rgba(0, 0, 0, 0.12)",
80
80
  "BpBorderSelectBorder": "#bcbcbc",
81
81
  "BpBorderSelectBorderActive": "#2486fc",
82
82
  "BpBorderSelectBorderError": "#d5324e",
@@ -136,15 +136,19 @@
136
136
  "BpIconNavIconOnLightSelected": "#222222",
137
137
  "BpIconIconBlue": "#0061d5",
138
138
  "BpIconIconDestructiveOnLight": "#d5324e",
139
+ "BpIconIconErrorOnColor": "#821e30",
139
140
  "BpIconIconErrorOnLight": "#d5324e",
140
141
  "BpIconIconIllustrator": "#ff9400",
141
142
  "BpIconIconIndesign": "#ff57a1",
143
+ "BpIconIconInfoOnColor": "#00316b",
142
144
  "BpIconIconOnDark": "#ffffff",
143
145
  "BpIconIconOnLight": "rgba(0, 0, 0, 0.9)",
144
146
  "BpIconIconOnLightSecondary": "rgba(0, 0, 0, 0.6)",
145
147
  "BpIconIconOnLightTertiary": "rgba(0, 0, 0, 0.5)",
146
148
  "BpIconIconPhotoshop": "#26c9ff",
147
149
  "BpIconIconRequiredOnLight": "#d5324e",
150
+ "BpIconIconSuccessOnColor": "#0f4e34",
151
+ "BpIconIconWarningOnColor": "#62480b",
148
152
  "BpOutlineFocusOnDark": "#ffffff",
149
153
  "BpOutlineFocusOnLight": "#2486fc",
150
154
  "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
@@ -246,6 +250,9 @@
246
250
  "BpSurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
247
251
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
248
252
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
253
+ "BpSurfaceCtaSurfaceQuaternary": "rgba(0, 0, 0, 0)",
254
+ "BpSurfaceCtaSurfaceQuaternaryHover": "rgba(0, 0, 0, 0.04)",
255
+ "BpSurfaceCtaSurfaceQuaternaryPressed": "rgba(0, 0, 0, 0.08)",
249
256
  "BpSurfaceCtaSurfaceSecondary": "#ffffff",
250
257
  "BpSurfaceCtaSurfaceSecondaryHover": "#f4f4f4",
251
258
  "BpSurfaceCtaSurfaceSecondaryPressed": "#e8e8e8",
@@ -314,7 +321,7 @@
314
321
  "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
315
322
  "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
316
323
  "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
317
- "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
324
+ "BpSurfaceInlineNoticeSurfaceWarning": "#fef7e8",
318
325
  "BpSurfaceInlineTableSurface": "#ffffff",
319
326
  "BpSurfaceInputSurface": "#ffffff",
320
327
  "BpSurfaceInputSurfaceError": "#ffffff",
@@ -388,6 +395,7 @@
388
395
  "BpSurfaceStatusSurfaceDarkBlueFocus": "#7f9dc1",
389
396
  "BpSurfaceStatusSurfaceDarkBlueHover": "#7f9dc1",
390
397
  "BpSurfaceStatusSurfaceError": "#ed3757",
398
+ "BpSurfaceStatusSurfaceErrorSecondary": "#fbd7dd",
391
399
  "BpSurfaceStatusSurfaceGeneric": "#a7a7a7",
392
400
  "BpSurfaceStatusSurfaceGray": "#e8e8e8",
393
401
  "BpSurfaceStatusSurfaceGrayFocus": "#e8e8e8",
@@ -395,6 +403,7 @@
395
403
  "BpSurfaceStatusSurfaceGreen": "#92e0c0",
396
404
  "BpSurfaceStatusSurfaceGreenFocus": "#92e0c0",
397
405
  "BpSurfaceStatusSurfaceGreenHover": "#92e0c0",
406
+ "BpSurfaceStatusSurfaceInfoSecondary": "#d3e7fe",
398
407
  "BpSurfaceStatusSurfaceInprogress": "#f5b31b",
399
408
  "BpSurfaceStatusSurfaceLightBlue": "#91c2fd",
400
409
  "BpSurfaceStatusSurfaceLightBlueFocus": "#91c2fd",
@@ -411,7 +420,10 @@
411
420
  "BpSurfaceStatusSurfaceRedHover": "#f69bab",
412
421
  "BpSurfaceStatusSurfaceScheduled": "#9f3fed",
413
422
  "BpSurfaceStatusSurfaceSuccess": "#26c281",
423
+ "BpSurfaceStatusSurfaceSuccessSecondary": "#d4f3e6",
414
424
  "BpSurfaceStatusSurfaceUploading": "#0061d5",
425
+ "BpSurfaceStatusSurfaceWarning": "#f5b31b",
426
+ "BpSurfaceStatusSurfaceWarningSecondary": "#fdf0d1",
415
427
  "BpSurfaceStatusSurfaceYellow": "#ffeb7f",
416
428
  "BpSurfaceStatusSurfaceYellowFocus": "#ffeb7f",
417
429
  "BpSurfaceStatusSurfaceYellowHover": "#ffeb7f",
@@ -479,13 +491,17 @@
479
491
  "BpTextToggleTextText": "#004eaa",
480
492
  "BpTextTextBrandOnColor": "#ffffff",
481
493
  "BpTextTextDestructiveOnLight": "#d5324e",
494
+ "BpTextTextErrorOnColor": "#821e30",
482
495
  "BpTextTextErrorOnLight": "#d5324e",
496
+ "BpTextTextInfoOnColor": "#00316b",
483
497
  "BpTextTextOnDark": "#ffffff",
484
498
  "BpTextTextOnLight": "#222222",
485
499
  "BpTextTextOnLightDisabled": "#bcbcbc",
486
500
  "BpTextTextOnLightSecondary": "#6f6f6f",
487
501
  "BpTextTextOnLightSecondaryHover": "#4e4e4e",
488
502
  "BpTextTextOnLightTertiary": "#909090",
503
+ "BpTextTextSuccessOnColor": "#0f4e34",
504
+ "BpTextTextWarningOnColor": "#62480b",
489
505
  "BpBoxBlue10": "#e5effa",
490
506
  "BpBoxBlue20": "#ccdff7",
491
507
  "BpBoxBlue30": "#b2cff2",
package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts CHANGED
@@ -140,15 +140,19 @@ export const bpIconNavIconOnLightHover: string;
140
140
  export const bpIconNavIconOnLightSelected: string;
141
141
  export const bpIconIconBlue: string;
142
142
  export const bpIconIconDestructiveOnLight: string;
143
+ export const bpIconIconErrorOnColor: string;
143
144
  export const bpIconIconErrorOnLight: string;
144
145
  export const bpIconIconIllustrator: string;
145
146
  export const bpIconIconIndesign: string;
147
+ export const bpIconIconInfoOnColor: string;
146
148
  export const bpIconIconOnDark: string;
147
149
  export const bpIconIconOnLight: string;
148
150
  export const bpIconIconOnLightSecondary: string;
149
151
  export const bpIconIconOnLightTertiary: string;
150
152
  export const bpIconIconPhotoshop: string;
151
153
  export const bpIconIconRequiredOnLight: string;
154
+ export const bpIconIconSuccessOnColor: string;
155
+ export const bpIconIconWarningOnColor: string;
152
156
  export const bpOutlineFocusOnDark: string;
153
157
  export const bpOutlineFocusOnLight: string;
154
158
  export const bpOverlayModalOverlay: string;
@@ -250,6 +254,9 @@ export const bpSurfaceCtaSurfacePromoFocus: string;
250
254
  export const bpSurfaceCtaSurfacePromoFocusPressed: string;
251
255
  export const bpSurfaceCtaSurfacePromoHover: string;
252
256
  export const bpSurfaceCtaSurfacePromoPressed: string;
257
+ export const bpSurfaceCtaSurfaceQuaternary: string;
258
+ export const bpSurfaceCtaSurfaceQuaternaryHover: string;
259
+ export const bpSurfaceCtaSurfaceQuaternaryPressed: string;
253
260
  export const bpSurfaceCtaSurfaceSecondary: string;
254
261
  export const bpSurfaceCtaSurfaceSecondaryHover: string;
255
262
  export const bpSurfaceCtaSurfaceSecondaryPressed: string;
@@ -392,6 +399,7 @@ export const bpSurfaceStatusSurfaceDarkBlue: string;
392
399
  export const bpSurfaceStatusSurfaceDarkBlueFocus: string;
393
400
  export const bpSurfaceStatusSurfaceDarkBlueHover: string;
394
401
  export const bpSurfaceStatusSurfaceError: string;
402
+ export const bpSurfaceStatusSurfaceErrorSecondary: string;
395
403
  export const bpSurfaceStatusSurfaceGeneric: string;
396
404
  export const bpSurfaceStatusSurfaceGray: string;
397
405
  export const bpSurfaceStatusSurfaceGrayFocus: string;
@@ -399,6 +407,7 @@ export const bpSurfaceStatusSurfaceGrayHover: string;
399
407
  export const bpSurfaceStatusSurfaceGreen: string;
400
408
  export const bpSurfaceStatusSurfaceGreenFocus: string;
401
409
  export const bpSurfaceStatusSurfaceGreenHover: string;
410
+ export const bpSurfaceStatusSurfaceInfoSecondary: string;
402
411
  export const bpSurfaceStatusSurfaceInprogress: string;
403
412
  export const bpSurfaceStatusSurfaceLightBlue: string;
404
413
  export const bpSurfaceStatusSurfaceLightBlueFocus: string;
@@ -415,7 +424,10 @@ export const bpSurfaceStatusSurfaceRedFocus: string;
415
424
  export const bpSurfaceStatusSurfaceRedHover: string;
416
425
  export const bpSurfaceStatusSurfaceScheduled: string;
417
426
  export const bpSurfaceStatusSurfaceSuccess: string;
427
+ export const bpSurfaceStatusSurfaceSuccessSecondary: string;
418
428
  export const bpSurfaceStatusSurfaceUploading: string;
429
+ export const bpSurfaceStatusSurfaceWarning: string;
430
+ export const bpSurfaceStatusSurfaceWarningSecondary: string;
419
431
  export const bpSurfaceStatusSurfaceYellow: string;
420
432
  export const bpSurfaceStatusSurfaceYellowFocus: string;
421
433
  export const bpSurfaceStatusSurfaceYellowHover: string;
@@ -483,13 +495,17 @@ export const bpTextNavTextOnLightSelected: string;
483
495
  export const bpTextToggleTextText: string;
484
496
  export const bpTextTextBrandOnColor: string;
485
497
  export const bpTextTextDestructiveOnLight: string;
498
+ export const bpTextTextErrorOnColor: string;
486
499
  export const bpTextTextErrorOnLight: string;
500
+ export const bpTextTextInfoOnColor: string;
487
501
  export const bpTextTextOnDark: string;
488
502
  export const bpTextTextOnLight: string;
489
503
  export const bpTextTextOnLightDisabled: string;
490
504
  export const bpTextTextOnLightSecondary: string;
491
505
  export const bpTextTextOnLightSecondaryHover: string;
492
506
  export const bpTextTextOnLightTertiary: string;
507
+ export const bpTextTextSuccessOnColor: string;
508
+ export const bpTextTextWarningOnColor: string;
493
509
  export const bpBoxBlue10: string;
494
510
  export const bpBoxBlue20: string;
495
511
  export const bpBoxBlue30: string;