@box/blueprint-web-assets 4.104.11 → 4.105.1

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 (36) hide show
  1. package/README.md +7 -7
  2. package/dist/icons/Medium/BoxRightArrow.js +5 -0
  3. package/dist/icons/Medium/CloudDown.js +5 -0
  4. package/dist/icons/Medium/CollectionsPlus.d.ts +3 -0
  5. package/dist/icons/Medium/CollectionsPlus.js +5 -0
  6. package/dist/icons/Medium/LightningBolt.d.ts +3 -0
  7. package/dist/icons/Medium/LightningBolt.js +5 -0
  8. package/dist/icons/Medium/index.d.ts +4 -1
  9. package/dist/icons/Medium/index.js +4 -1
  10. package/dist/icons/MediumFilled/LightningBolt.d.ts +3 -0
  11. package/dist/icons/MediumFilled/LightningBolt.js +5 -0
  12. package/dist/icons/MediumFilled/index.d.ts +1 -1
  13. package/dist/icons/MediumFilled/index.js +1 -1
  14. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +30 -0
  15. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +30 -0
  16. package/dist/tokens/BP2/dark_mode_value/tokens.css +30 -0
  17. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +30 -0
  18. package/dist/tokens/BP2/dark_mode_value/tokens.js +30 -0
  19. package/dist/tokens/BP2/dark_mode_value/tokens.json +31 -1
  20. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +30 -0
  21. package/dist/tokens/BP2/light_mode_value/px-tokens.js +30 -0
  22. package/dist/tokens/BP2/light_mode_value/tokens.css +30 -0
  23. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +30 -0
  24. package/dist/tokens/BP2/light_mode_value/tokens.js +30 -0
  25. package/dist/tokens/BP2/light_mode_value/tokens.json +31 -1
  26. package/dist/tokens/px-tokens.d.ts +30 -0
  27. package/dist/tokens/px-tokens.js +30 -0
  28. package/dist/tokens/tokens-css-vars.scss +30 -0
  29. package/dist/tokens/tokens.d.ts +30 -0
  30. package/dist/tokens/tokens.js +30 -0
  31. package/dist/tokens/tokens.json +31 -1
  32. package/package.json +2 -2
  33. package/dist/icons/Medium/BoxLeftArrow.js +0 -5
  34. package/dist/icons/MediumFilled/Money.js +0 -5
  35. /package/dist/icons/Medium/{BoxLeftArrow.d.ts → BoxRightArrow.d.ts} +0 -0
  36. /package/dist/icons/{MediumFilled/Money.d.ts → Medium/CloudDown.d.ts} +0 -0
package/dist/tokens/BP2/light_mode_value/px-tokens.js CHANGED
@@ -35,6 +35,9 @@ export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
35
35
  export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
36
36
  export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
37
37
  export const bpBorderDropdownBorderError = '#ed3757';
38
+ export const bpBorderEditableTextDisplayBorderError = '#ed3757';
39
+ export const bpBorderEditableTextDisplayBorderFocus = '#2486fc';
40
+ export const bpBorderEditableTextDisplayBorderHover = '#222222';
38
41
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
39
42
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
40
43
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -290,6 +293,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
290
293
  export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
291
294
  export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
292
295
  export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
296
+ export const bpSurfaceDualStateSurfaceActive = 'rgba(0, 0, 0, 0)';
297
+ export const bpSurfaceDualStateSurfaceActiveHover = 'rgba(0, 0, 0, 0.04)';
298
+ export const bpSurfaceDualStateSurfaceActivePressed = 'rgba(0, 0, 0, 0.08)';
299
+ export const bpSurfaceDualStateSurfaceInactive = 'rgba(0, 0, 0, 0)';
300
+ export const bpSurfaceDualStateSurfaceInactiveHover = 'rgba(0, 0, 0, 0.04)';
301
+ export const bpSurfaceDualStateSurfaceInactivePressed = 'rgba(0, 0, 0, 0.08)';
293
302
  export const bpSurfaceFilterSurface = '#0061d5';
294
303
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
295
304
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -324,6 +333,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
324
333
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
325
334
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
326
335
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
336
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary = '#f4f4f4';
327
337
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
328
338
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
329
339
  export const bpSurfaceInlineTableSurface = '#ffffff';
@@ -802,9 +812,13 @@ export const bpFontLineHeight03 = '16px';
802
812
  export const bpFontLineHeight04 = '20px';
803
813
  export const bpFontLineHeight05 = '24px';
804
814
  export const bpFontLineHeight06 = '32px';
815
+ export const bpFontLineHeight065 = '36px';
805
816
  export const bpFontLineHeight07 = '44px';
817
+ export const bpFontLineHeight08 = '48px';
806
818
  export const bpFontSize10 = '21px';
807
819
  export const bpFontSize11 = '36px';
820
+ export const bpFontSize12 = '48px';
821
+ export const bpFontSize105 = '24px';
808
822
  export const bpFontSize01 = '9px';
809
823
  export const bpFontSize02 = '10px';
810
824
  export const bpFontSize03 = '12px';
@@ -1041,3 +1055,19 @@ export const bpYellowOpacity04 = 'rgba(255, 215, 0, 0.04)';
1041
1055
  export const bpYellowOpacity08 = 'rgba(255, 215, 0, 0.08)';
1042
1056
  export const bpScreenHeight = 900;
1043
1057
  export const bpScreenWidth = 1440;
1058
+ export const bpCurveExtraSmallOff = 'cubic-bezier(0, 0, 1, 1)';
1059
+ export const bpCurveExtraSmallOn = 'cubic-bezier(0, 0, 1, 1)';
1060
+ export const bpCurveLargeOff = 'cubic-bezier(0.55, 0, 0.6, 1)';
1061
+ export const bpCurveLargeOn = 'cubic-bezier(0.32, 0, 0.33, 1.3)';
1062
+ export const bpCurveMediumOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1063
+ export const bpCurveMediumOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1064
+ export const bpCurveSmallOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1065
+ export const bpCurveSmallOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1066
+ export const bpDurationLong = '300ms';
1067
+ export const bpDurationMedium = '150ms';
1068
+ export const bpDurationShort = '100ms';
1069
+ export const bpOpacityHidden = '0';
1070
+ export const bpOpacityVisible = '1';
1071
+ export const bpScaleDefault = 'scale(1.00)';
1072
+ export const bpScaleLarge = 'scale(1.12)';
1073
+ export const bpScaleSmall = 'scale(0.98)';
package/dist/tokens/BP2/light_mode_value/tokens.css CHANGED
@@ -336,9 +336,13 @@
336
336
  --bp-font-line-height-04: 1.25rem;
337
337
  --bp-font-line-height-05: 1.5rem;
338
338
  --bp-font-line-height-06: 2rem;
339
+ --bp-font-line-height-065: 2.25rem;
339
340
  --bp-font-line-height-07: 2.75rem;
341
+ --bp-font-line-height-08: 3rem;
340
342
  --bp-font-size-10: 1.3125rem;
341
343
  --bp-font-size-11: 2.25rem;
344
+ --bp-font-size-12: 3rem;
345
+ --bp-font-size-105: 1.5rem;
342
346
  --bp-font-size-01: 0.5625rem;
343
347
  --bp-font-size-02: 0.625rem;
344
348
  --bp-font-size-03: 0.75rem;
@@ -575,6 +579,22 @@
575
579
  --bp-yellow-opacity-08: rgba(255, 215, 0, 0.08);
576
580
  --bp-screen-height: 900;
577
581
  --bp-screen-width: 1440;
582
+ --bp-curve-extra-small-off: cubic-bezier(0, 0, 1, 1);
583
+ --bp-curve-extra-small-on: cubic-bezier(0, 0, 1, 1);
584
+ --bp-curve-large-off: cubic-bezier(0.55, 0, 0.6, 1);
585
+ --bp-curve-large-on: cubic-bezier(0.32, 0, 0.33, 1.3);
586
+ --bp-curve-medium-off: cubic-bezier(0.55, 0.08, 0.68, 0.53);
587
+ --bp-curve-medium-on: cubic-bezier(0.25, 0.46, 0.45, 0.94);
588
+ --bp-curve-small-off: cubic-bezier(0.55, 0.08, 0.68, 0.53);
589
+ --bp-curve-small-on: cubic-bezier(0.25, 0.46, 0.45, 0.94);
590
+ --bp-duration-long: 300ms;
591
+ --bp-duration-medium: 150ms;
592
+ --bp-duration-short: 100ms;
593
+ --bp-opacity-hidden: 0;
594
+ --bp-opacity-visible: 1;
595
+ --bp-scale-default: scale(1);
596
+ --bp-scale-large: scale(1.12);
597
+ --bp-scale-small: scale(0.98);
578
598
  --bp-background-background: var(--bp-gray-white);
579
599
  --bp-border-accordion-border-hover: var(--bp-gray-10);
580
600
  --bp-border-avatar-border-hover: var(--bp-black-opacity-04);
@@ -606,6 +626,9 @@
606
626
  --bp-border-dropdown-secondary-border: var(--bp-black-opacity-08);
607
627
  --bp-border-dropdown-border: var(--bp-black-opacity-08);
608
628
  --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
629
+ --bp-border-editable-text-display-border-error: var(--bp-watermelon-red-100);
630
+ --bp-border-editable-text-display-border-focus: var(--bp-light-blue-100);
631
+ --bp-border-editable-text-display-border-hover: var(--bp-gray-100);
609
632
  --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
610
633
  --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
611
634
  --bp-border-grid-thumbnail-border: var(--bp-gray-10);
@@ -832,6 +855,12 @@
832
855
  --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-black-opacity-08);
833
856
  --bp-surface-dropdown-surface: var(--bp-white-opacity-70);
834
857
  --bp-surface-dropdown-surface-hover: var(--bp-black-opacity-04);
858
+ --bp-surface-dual-state-surface-active: var(--bp-black-opacity-00);
859
+ --bp-surface-dual-state-surface-active-hover: var(--bp-black-opacity-04);
860
+ --bp-surface-dual-state-surface-active-pressed: var(--bp-black-opacity-08);
861
+ --bp-surface-dual-state-surface-inactive: var(--bp-black-opacity-00);
862
+ --bp-surface-dual-state-surface-inactive-hover: var(--bp-black-opacity-04);
863
+ --bp-surface-dual-state-surface-inactive-pressed: var(--bp-black-opacity-08);
835
864
  --bp-surface-filter-surface: var(--bp-box-blue-100);
836
865
  --bp-surface-filter-surface-focus: var(--bp-box-blue-100);
837
866
  --bp-surface-filter-surface-hover: var(--bp-box-blue-100);
@@ -866,6 +895,7 @@
866
895
  --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
867
896
  --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
868
897
  --bp-surface-inline-notice-surface-note: var(--bp-gray-white);
898
+ --bp-surface-inline-notice-surface-note-secondary: var(--bp-gray-05);
869
899
  --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
870
900
  --bp-surface-inline-notice-surface-warning: var(--bp-yellorange-10);
871
901
  --bp-surface-inline-table-surface: var(--bp-gray-white);
package/dist/tokens/BP2/light_mode_value/tokens.d.ts CHANGED
@@ -31,6 +31,9 @@ export const bpBorderDividerBorderBrand: string;
31
31
  export const bpBorderDropdownSecondaryBorder: string;
32
32
  export const bpBorderDropdownBorder: string;
33
33
  export const bpBorderDropdownBorderError: string;
34
+ export const bpBorderEditableTextDisplayBorderError: string;
35
+ export const bpBorderEditableTextDisplayBorderFocus: string;
36
+ export const bpBorderEditableTextDisplayBorderHover: string;
34
37
  export const bpBorderFilterChipBorderMultiOn: string;
35
38
  export const bpBorderFilterChipBorderMultiOnHover: string;
36
39
  export const bpBorderGridThumbnailBorder: string;
@@ -286,6 +289,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover: string;
286
289
  export const bpSurfaceDropdownTertiarySurfacePressed: string;
287
290
  export const bpSurfaceDropdownSurface: string;
288
291
  export const bpSurfaceDropdownSurfaceHover: string;
292
+ export const bpSurfaceDualStateSurfaceActive: string;
293
+ export const bpSurfaceDualStateSurfaceActiveHover: string;
294
+ export const bpSurfaceDualStateSurfaceActivePressed: string;
295
+ export const bpSurfaceDualStateSurfaceInactive: string;
296
+ export const bpSurfaceDualStateSurfaceInactiveHover: string;
297
+ export const bpSurfaceDualStateSurfaceInactivePressed: string;
289
298
  export const bpSurfaceFilterSurface: string;
290
299
  export const bpSurfaceFilterSurfaceFocus: string;
291
300
  export const bpSurfaceFilterSurfaceHover: string;
@@ -320,6 +329,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
320
329
  export const bpSurfaceInlineNoticeSurfaceError: string;
321
330
  export const bpSurfaceInlineNoticeSurfaceInfo: string;
322
331
  export const bpSurfaceInlineNoticeSurfaceNote: string;
332
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary: string;
323
333
  export const bpSurfaceInlineNoticeSurfaceSuccess: string;
324
334
  export const bpSurfaceInlineNoticeSurfaceWarning: string;
325
335
  export const bpSurfaceInlineTableSurface: string;
@@ -798,9 +808,13 @@ export const bpFontLineHeight03: string;
798
808
  export const bpFontLineHeight04: string;
799
809
  export const bpFontLineHeight05: string;
800
810
  export const bpFontLineHeight06: string;
811
+ export const bpFontLineHeight065: string;
801
812
  export const bpFontLineHeight07: string;
813
+ export const bpFontLineHeight08: string;
802
814
  export const bpFontSize10: string;
803
815
  export const bpFontSize11: string;
816
+ export const bpFontSize12: string;
817
+ export const bpFontSize105: string;
804
818
  export const bpFontSize01: string;
805
819
  export const bpFontSize02: string;
806
820
  export const bpFontSize03: string;
@@ -1037,3 +1051,19 @@ export const bpYellowOpacity04: string;
1037
1051
  export const bpYellowOpacity08: string;
1038
1052
  export const bpScreenHeight: number;
1039
1053
  export const bpScreenWidth: number;
1054
+ export const bpCurveExtraSmallOff: string;
1055
+ export const bpCurveExtraSmallOn: string;
1056
+ export const bpCurveLargeOff: string;
1057
+ export const bpCurveLargeOn: string;
1058
+ export const bpCurveMediumOff: string;
1059
+ export const bpCurveMediumOn: string;
1060
+ export const bpCurveSmallOff: string;
1061
+ export const bpCurveSmallOn: string;
1062
+ export const bpDurationLong: string;
1063
+ export const bpDurationMedium: string;
1064
+ export const bpDurationShort: string;
1065
+ export const bpOpacityHidden: string;
1066
+ export const bpOpacityVisible: string;
1067
+ export const bpScaleDefault: string;
1068
+ export const bpScaleLarge: string;
1069
+ export const bpScaleSmall: string;
package/dist/tokens/BP2/light_mode_value/tokens.js CHANGED
@@ -31,6 +31,9 @@ export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
31
31
  export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
32
32
  export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
33
33
  export const bpBorderDropdownBorderError = '#ed3757';
34
+ export const bpBorderEditableTextDisplayBorderError = '#ed3757';
35
+ export const bpBorderEditableTextDisplayBorderFocus = '#2486fc';
36
+ export const bpBorderEditableTextDisplayBorderHover = '#222222';
34
37
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
35
38
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
36
39
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -286,6 +289,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
286
289
  export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
287
290
  export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
288
291
  export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
292
+ export const bpSurfaceDualStateSurfaceActive = 'rgba(0, 0, 0, 0)';
293
+ export const bpSurfaceDualStateSurfaceActiveHover = 'rgba(0, 0, 0, 0.04)';
294
+ export const bpSurfaceDualStateSurfaceActivePressed = 'rgba(0, 0, 0, 0.08)';
295
+ export const bpSurfaceDualStateSurfaceInactive = 'rgba(0, 0, 0, 0)';
296
+ export const bpSurfaceDualStateSurfaceInactiveHover = 'rgba(0, 0, 0, 0.04)';
297
+ export const bpSurfaceDualStateSurfaceInactivePressed = 'rgba(0, 0, 0, 0.08)';
289
298
  export const bpSurfaceFilterSurface = '#0061d5';
290
299
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
291
300
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -320,6 +329,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
320
329
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
321
330
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
322
331
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
332
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary = '#f4f4f4';
323
333
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
324
334
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
325
335
  export const bpSurfaceInlineTableSurface = '#ffffff';
@@ -798,9 +808,13 @@ export const bpFontLineHeight03 = '1rem';
798
808
  export const bpFontLineHeight04 = '1.25rem';
799
809
  export const bpFontLineHeight05 = '1.5rem';
800
810
  export const bpFontLineHeight06 = '2rem';
811
+ export const bpFontLineHeight065 = '2.25rem';
801
812
  export const bpFontLineHeight07 = '2.75rem';
813
+ export const bpFontLineHeight08 = '3rem';
802
814
  export const bpFontSize10 = '1.3125rem';
803
815
  export const bpFontSize11 = '2.25rem';
816
+ export const bpFontSize12 = '3rem';
817
+ export const bpFontSize105 = '1.5rem';
804
818
  export const bpFontSize01 = '0.5625rem';
805
819
  export const bpFontSize02 = '0.625rem';
806
820
  export const bpFontSize03 = '0.75rem';
@@ -1037,3 +1051,19 @@ export const bpYellowOpacity04 = 'rgba(255, 215, 0, 0.04)';
1037
1051
  export const bpYellowOpacity08 = 'rgba(255, 215, 0, 0.08)';
1038
1052
  export const bpScreenHeight = 900;
1039
1053
  export const bpScreenWidth = 1440;
1054
+ export const bpCurveExtraSmallOff = 'cubic-bezier(0, 0, 1, 1)';
1055
+ export const bpCurveExtraSmallOn = 'cubic-bezier(0, 0, 1, 1)';
1056
+ export const bpCurveLargeOff = 'cubic-bezier(0.55, 0, 0.6, 1)';
1057
+ export const bpCurveLargeOn = 'cubic-bezier(0.32, 0, 0.33, 1.3)';
1058
+ export const bpCurveMediumOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1059
+ export const bpCurveMediumOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1060
+ export const bpCurveSmallOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1061
+ export const bpCurveSmallOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1062
+ export const bpDurationLong = '300ms';
1063
+ export const bpDurationMedium = '150ms';
1064
+ export const bpDurationShort = '100ms';
1065
+ export const bpOpacityHidden = '0';
1066
+ export const bpOpacityVisible = '1';
1067
+ export const bpScaleDefault = 'scale(1.00)';
1068
+ export const bpScaleLarge = 'scale(1.12)';
1069
+ export const bpScaleSmall = 'scale(0.98)';
package/dist/tokens/BP2/light_mode_value/tokens.json CHANGED
@@ -32,6 +32,9 @@
32
32
  "BpBorderDropdownSecondaryBorder": "rgba(0, 0, 0, 0.08)",
33
33
  "BpBorderDropdownBorder": "rgba(0, 0, 0, 0.08)",
34
34
  "BpBorderDropdownBorderError": "#ed3757",
35
+ "BpBorderEditableTextDisplayBorderError": "#ed3757",
36
+ "BpBorderEditableTextDisplayBorderFocus": "#2486fc",
37
+ "BpBorderEditableTextDisplayBorderHover": "#222222",
35
38
  "BpBorderFilterChipBorderMultiOn": "#99c0ee",
36
39
  "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
37
40
  "BpBorderGridThumbnailBorder": "#e8e8e8",
@@ -287,6 +290,12 @@
287
290
  "BpSurfaceDropdownTertiarySurfacePressed": "rgba(0, 0, 0, 0.08)",
288
291
  "BpSurfaceDropdownSurface": "rgba(255, 255, 255, 0.7)",
289
292
  "BpSurfaceDropdownSurfaceHover": "rgba(0, 0, 0, 0.04)",
293
+ "BpSurfaceDualStateSurfaceActive": "rgba(0, 0, 0, 0)",
294
+ "BpSurfaceDualStateSurfaceActiveHover": "rgba(0, 0, 0, 0.04)",
295
+ "BpSurfaceDualStateSurfaceActivePressed": "rgba(0, 0, 0, 0.08)",
296
+ "BpSurfaceDualStateSurfaceInactive": "rgba(0, 0, 0, 0)",
297
+ "BpSurfaceDualStateSurfaceInactiveHover": "rgba(0, 0, 0, 0.04)",
298
+ "BpSurfaceDualStateSurfaceInactivePressed": "rgba(0, 0, 0, 0.08)",
290
299
  "BpSurfaceFilterSurface": "#0061d5",
291
300
  "BpSurfaceFilterSurfaceFocus": "#0061d5",
292
301
  "BpSurfaceFilterSurfaceHover": "#0061d5",
@@ -321,6 +330,7 @@
321
330
  "BpSurfaceInlineNoticeSurfaceError": "#fdebee",
322
331
  "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
323
332
  "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
333
+ "BpSurfaceInlineNoticeSurfaceNoteSecondary": "#f4f4f4",
324
334
  "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
325
335
  "BpSurfaceInlineNoticeSurfaceWarning": "#fef7e8",
326
336
  "BpSurfaceInlineTableSurface": "#ffffff",
@@ -799,9 +809,13 @@
799
809
  "BpFontLineHeight04": "1.25rem",
800
810
  "BpFontLineHeight05": "1.5rem",
801
811
  "BpFontLineHeight06": "2rem",
812
+ "BpFontLineHeight065": "2.25rem",
802
813
  "BpFontLineHeight07": "2.75rem",
814
+ "BpFontLineHeight08": "3rem",
803
815
  "BpFontSize10": "1.3125rem",
804
816
  "BpFontSize11": "2.25rem",
817
+ "BpFontSize12": "3rem",
818
+ "BpFontSize105": "1.5rem",
805
819
  "BpFontSize01": "0.5625rem",
806
820
  "BpFontSize02": "0.625rem",
807
821
  "BpFontSize03": "0.75rem",
@@ -1037,5 +1051,21 @@
1037
1051
  "BpYellowOpacity04": "rgba(255, 215, 0, 0.04)",
1038
1052
  "BpYellowOpacity08": "rgba(255, 215, 0, 0.08)",
1039
1053
  "BpScreenHeight": 900,
1040
- "BpScreenWidth": 1440
1054
+ "BpScreenWidth": 1440,
1055
+ "BpCurveExtraSmallOff": "cubic-bezier(0, 0, 1, 1)",
1056
+ "BpCurveExtraSmallOn": "cubic-bezier(0, 0, 1, 1)",
1057
+ "BpCurveLargeOff": "cubic-bezier(0.55, 0, 0.6, 1)",
1058
+ "BpCurveLargeOn": "cubic-bezier(0.32, 0, 0.33, 1.3)",
1059
+ "BpCurveMediumOff": "cubic-bezier(0.55, 0.08, 0.68, 0.53)",
1060
+ "BpCurveMediumOn": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
1061
+ "BpCurveSmallOff": "cubic-bezier(0.55, 0.08, 0.68, 0.53)",
1062
+ "BpCurveSmallOn": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
1063
+ "BpDurationLong": "300ms",
1064
+ "BpDurationMedium": "150ms",
1065
+ "BpDurationShort": "100ms",
1066
+ "BpOpacityHidden": "0",
1067
+ "BpOpacityVisible": "1",
1068
+ "BpScaleDefault": "scale(1.00)",
1069
+ "BpScaleLarge": "scale(1.12)",
1070
+ "BpScaleSmall": "scale(0.98)"
1041
1071
  }
package/dist/tokens/px-tokens.d.ts CHANGED
@@ -857,6 +857,9 @@ export const bpBorderDividerBorderBrand: string;
857
857
  export const bpBorderDropdownSecondaryBorder: string;
858
858
  export const bpBorderDropdownBorder: string;
859
859
  export const bpBorderDropdownBorderError: string;
860
+ export const bpBorderEditableTextDisplayBorderError: string;
861
+ export const bpBorderEditableTextDisplayBorderFocus: string;
862
+ export const bpBorderEditableTextDisplayBorderHover: string;
860
863
  export const bpBorderFilterChipBorderMultiOn: string;
861
864
  export const bpBorderFilterChipBorderMultiOnHover: string;
862
865
  export const bpBorderGridThumbnailBorder: string;
@@ -1112,6 +1115,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover: string;
1112
1115
  export const bpSurfaceDropdownTertiarySurfacePressed: string;
1113
1116
  export const bpSurfaceDropdownSurface: string;
1114
1117
  export const bpSurfaceDropdownSurfaceHover: string;
1118
+ export const bpSurfaceDualStateSurfaceActive: string;
1119
+ export const bpSurfaceDualStateSurfaceActiveHover: string;
1120
+ export const bpSurfaceDualStateSurfaceActivePressed: string;
1121
+ export const bpSurfaceDualStateSurfaceInactive: string;
1122
+ export const bpSurfaceDualStateSurfaceInactiveHover: string;
1123
+ export const bpSurfaceDualStateSurfaceInactivePressed: string;
1115
1124
  export const bpSurfaceFilterSurface: string;
1116
1125
  export const bpSurfaceFilterSurfaceFocus: string;
1117
1126
  export const bpSurfaceFilterSurfaceHover: string;
@@ -1146,6 +1155,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
1146
1155
  export const bpSurfaceInlineNoticeSurfaceError: string;
1147
1156
  export const bpSurfaceInlineNoticeSurfaceInfo: string;
1148
1157
  export const bpSurfaceInlineNoticeSurfaceNote: string;
1158
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary: string;
1149
1159
  export const bpSurfaceInlineNoticeSurfaceSuccess: string;
1150
1160
  export const bpSurfaceInlineNoticeSurfaceWarning: string;
1151
1161
  export const bpSurfaceInlineTableSurface: string;
@@ -1624,9 +1634,13 @@ export const bpFontLineHeight03: string;
1624
1634
  export const bpFontLineHeight04: string;
1625
1635
  export const bpFontLineHeight05: string;
1626
1636
  export const bpFontLineHeight06: string;
1637
+ export const bpFontLineHeight065: string;
1627
1638
  export const bpFontLineHeight07: string;
1639
+ export const bpFontLineHeight08: string;
1628
1640
  export const bpFontSize10: string;
1629
1641
  export const bpFontSize11: string;
1642
+ export const bpFontSize12: string;
1643
+ export const bpFontSize105: string;
1630
1644
  export const bpFontSize01: string;
1631
1645
  export const bpFontSize02: string;
1632
1646
  export const bpFontSize03: string;
@@ -1863,3 +1877,19 @@ export const bpYellowOpacity04: string;
1863
1877
  export const bpYellowOpacity08: string;
1864
1878
  export const bpScreenHeight: number;
1865
1879
  export const bpScreenWidth: number;
1880
+ export const bpCurveExtraSmallOff: string;
1881
+ export const bpCurveExtraSmallOn: string;
1882
+ export const bpCurveLargeOff: string;
1883
+ export const bpCurveLargeOn: string;
1884
+ export const bpCurveMediumOff: string;
1885
+ export const bpCurveMediumOn: string;
1886
+ export const bpCurveSmallOff: string;
1887
+ export const bpCurveSmallOn: string;
1888
+ export const bpDurationLong: string;
1889
+ export const bpDurationMedium: string;
1890
+ export const bpDurationShort: string;
1891
+ export const bpOpacityHidden: string;
1892
+ export const bpOpacityVisible: string;
1893
+ export const bpScaleDefault: string;
1894
+ export const bpScaleLarge: string;
1895
+ export const bpScaleSmall: string;
package/dist/tokens/px-tokens.js CHANGED
@@ -875,6 +875,9 @@ export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
875
875
  export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
876
876
  export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
877
877
  export const bpBorderDropdownBorderError = '#ed3757';
878
+ export const bpBorderEditableTextDisplayBorderError = '#ed3757';
879
+ export const bpBorderEditableTextDisplayBorderFocus = '#2486fc';
880
+ export const bpBorderEditableTextDisplayBorderHover = '#222222';
878
881
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
879
882
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
880
883
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -1128,6 +1131,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
1128
1131
  export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
1129
1132
  export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
1130
1133
  export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1134
+ export const bpSurfaceDualStateSurfaceActive = 'rgba(0, 0, 0, 0)';
1135
+ export const bpSurfaceDualStateSurfaceActiveHover = 'rgba(0, 0, 0, 0.04)';
1136
+ export const bpSurfaceDualStateSurfaceActivePressed = 'rgba(0, 0, 0, 0.08)';
1137
+ export const bpSurfaceDualStateSurfaceInactive = 'rgba(0, 0, 0, 0)';
1138
+ export const bpSurfaceDualStateSurfaceInactiveHover = 'rgba(0, 0, 0, 0.04)';
1139
+ export const bpSurfaceDualStateSurfaceInactivePressed = 'rgba(0, 0, 0, 0.08)';
1131
1140
  export const bpSurfaceFilterSurface = '#0061d5';
1132
1141
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
1133
1142
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -1162,6 +1171,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
1162
1171
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
1163
1172
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
1164
1173
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
1174
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary = '#f4f4f4';
1165
1175
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
1166
1176
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
1167
1177
  export const bpSurfaceInlineTableSurface = '#ffffff';
@@ -1635,9 +1645,13 @@ export const bpFontLineHeight03 = '16px';
1635
1645
  export const bpFontLineHeight04 = '20px';
1636
1646
  export const bpFontLineHeight05 = '24px';
1637
1647
  export const bpFontLineHeight06 = '32px';
1648
+ export const bpFontLineHeight065 = '36px';
1638
1649
  export const bpFontLineHeight07 = '44px';
1650
+ export const bpFontLineHeight08 = '48px';
1639
1651
  export const bpFontSize10 = '21px';
1640
1652
  export const bpFontSize11 = '36px';
1653
+ export const bpFontSize12 = '48px';
1654
+ export const bpFontSize105 = '24px';
1641
1655
  export const bpFontSize01 = '9px';
1642
1656
  export const bpFontSize02 = '10px';
1643
1657
  export const bpFontSize03 = '12px';
@@ -1874,3 +1888,19 @@ export const bpYellowOpacity04 = 'rgba(255, 215, 0, 0.04)';
1874
1888
  export const bpYellowOpacity08 = 'rgba(255, 215, 0, 0.08)';
1875
1889
  export const bpScreenHeight = 900;
1876
1890
  export const bpScreenWidth = 1440;
1891
+ export const bpCurveExtraSmallOff = 'cubic-bezier(0, 0, 1, 1)';
1892
+ export const bpCurveExtraSmallOn = 'cubic-bezier(0, 0, 1, 1)';
1893
+ export const bpCurveLargeOff = 'cubic-bezier(0.55, 0, 0.6, 1)';
1894
+ export const bpCurveLargeOn = 'cubic-bezier(0.32, 0, 0.33, 1.3)';
1895
+ export const bpCurveMediumOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1896
+ export const bpCurveMediumOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1897
+ export const bpCurveSmallOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1898
+ export const bpCurveSmallOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1899
+ export const bpDurationLong = '300ms';
1900
+ export const bpDurationMedium = '150ms';
1901
+ export const bpDurationShort = '100ms';
1902
+ export const bpOpacityHidden = '0';
1903
+ export const bpOpacityVisible = '1';
1904
+ export const bpScaleDefault = 'scale(1.00)';
1905
+ export const bpScaleLarge = 'scale(1.12)';
1906
+ export const bpScaleSmall = 'scale(0.98)';
package/dist/tokens/tokens-css-vars.scss CHANGED
@@ -1124,9 +1124,13 @@
1124
1124
  --bp-font-line-height-04: 1.25rem;
1125
1125
  --bp-font-line-height-05: 1.5rem;
1126
1126
  --bp-font-line-height-06: 2rem;
1127
+ --bp-font-line-height-065: 2.25rem;
1127
1128
  --bp-font-line-height-07: 2.75rem;
1129
+ --bp-font-line-height-08: 3rem;
1128
1130
  --bp-font-size-10: 1.3125rem;
1129
1131
  --bp-font-size-11: 2.25rem;
1132
+ --bp-font-size-12: 3rem;
1133
+ --bp-font-size-105: 1.5rem;
1130
1134
  --bp-font-size-01: 0.5625rem;
1131
1135
  --bp-font-size-02: 0.625rem;
1132
1136
  --bp-font-size-03: 0.75rem;
@@ -1363,6 +1367,22 @@
1363
1367
  --bp-yellow-opacity-08: rgba(255, 215, 0, 0.08);
1364
1368
  --bp-screen-height: 900;
1365
1369
  --bp-screen-width: 1440;
1370
+ --bp-curve-extra-small-off: cubic-bezier(0, 0, 1, 1);
1371
+ --bp-curve-extra-small-on: cubic-bezier(0, 0, 1, 1);
1372
+ --bp-curve-large-off: cubic-bezier(0.55, 0, 0.6, 1);
1373
+ --bp-curve-large-on: cubic-bezier(0.32, 0, 0.33, 1.3);
1374
+ --bp-curve-medium-off: cubic-bezier(0.55, 0.08, 0.68, 0.53);
1375
+ --bp-curve-medium-on: cubic-bezier(0.25, 0.46, 0.45, 0.94);
1376
+ --bp-curve-small-off: cubic-bezier(0.55, 0.08, 0.68, 0.53);
1377
+ --bp-curve-small-on: cubic-bezier(0.25, 0.46, 0.45, 0.94);
1378
+ --bp-duration-long: 300ms;
1379
+ --bp-duration-medium: 150ms;
1380
+ --bp-duration-short: 100ms;
1381
+ --bp-opacity-hidden: 0;
1382
+ --bp-opacity-visible: 1;
1383
+ --bp-scale-default: scale(1);
1384
+ --bp-scale-large: scale(1.12);
1385
+ --bp-scale-small: scale(0.98);
1366
1386
  --bp-background-background: var(--bp-gray-white);
1367
1387
  --bp-border-accordion-border-hover: var(--bp-gray-10);
1368
1388
  --bp-border-avatar-border-hover: var(--bp-black-opacity-04);
@@ -1394,6 +1414,9 @@
1394
1414
  --bp-border-dropdown-secondary-border: var(--bp-black-opacity-08);
1395
1415
  --bp-border-dropdown-border: var(--bp-black-opacity-08);
1396
1416
  --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
1417
+ --bp-border-editable-text-display-border-error: var(--bp-watermelon-red-100);
1418
+ --bp-border-editable-text-display-border-focus: var(--bp-light-blue-100);
1419
+ --bp-border-editable-text-display-border-hover: var(--bp-gray-100);
1397
1420
  --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
1398
1421
  --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
1399
1422
  --bp-border-grid-thumbnail-border: var(--bp-gray-10);
@@ -1620,6 +1643,12 @@
1620
1643
  --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-black-opacity-08);
1621
1644
  --bp-surface-dropdown-surface: var(--bp-white-opacity-70);
1622
1645
  --bp-surface-dropdown-surface-hover: var(--bp-black-opacity-04);
1646
+ --bp-surface-dual-state-surface-active: var(--bp-black-opacity-00);
1647
+ --bp-surface-dual-state-surface-active-hover: var(--bp-black-opacity-04);
1648
+ --bp-surface-dual-state-surface-active-pressed: var(--bp-black-opacity-08);
1649
+ --bp-surface-dual-state-surface-inactive: var(--bp-black-opacity-00);
1650
+ --bp-surface-dual-state-surface-inactive-hover: var(--bp-black-opacity-04);
1651
+ --bp-surface-dual-state-surface-inactive-pressed: var(--bp-black-opacity-08);
1623
1652
  --bp-surface-filter-surface: var(--bp-box-blue-100);
1624
1653
  --bp-surface-filter-surface-focus: var(--bp-box-blue-100);
1625
1654
  --bp-surface-filter-surface-hover: var(--bp-box-blue-100);
@@ -1654,6 +1683,7 @@
1654
1683
  --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
1655
1684
  --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
1656
1685
  --bp-surface-inline-notice-surface-note: var(--bp-gray-white);
1686
+ --bp-surface-inline-notice-surface-note-secondary: var(--bp-gray-05);
1657
1687
  --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
1658
1688
  --bp-surface-inline-notice-surface-warning: var(--bp-yellorange-10);
1659
1689
  --bp-surface-inline-table-surface: var(--bp-gray-white);
package/dist/tokens/tokens.d.ts CHANGED
@@ -853,6 +853,9 @@ export const bpBorderDividerBorderBrand: string;
853
853
  export const bpBorderDropdownSecondaryBorder: string;
854
854
  export const bpBorderDropdownBorder: string;
855
855
  export const bpBorderDropdownBorderError: string;
856
+ export const bpBorderEditableTextDisplayBorderError: string;
857
+ export const bpBorderEditableTextDisplayBorderFocus: string;
858
+ export const bpBorderEditableTextDisplayBorderHover: string;
856
859
  export const bpBorderFilterChipBorderMultiOn: string;
857
860
  export const bpBorderFilterChipBorderMultiOnHover: string;
858
861
  export const bpBorderGridThumbnailBorder: string;
@@ -1108,6 +1111,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover: string;
1108
1111
  export const bpSurfaceDropdownTertiarySurfacePressed: string;
1109
1112
  export const bpSurfaceDropdownSurface: string;
1110
1113
  export const bpSurfaceDropdownSurfaceHover: string;
1114
+ export const bpSurfaceDualStateSurfaceActive: string;
1115
+ export const bpSurfaceDualStateSurfaceActiveHover: string;
1116
+ export const bpSurfaceDualStateSurfaceActivePressed: string;
1117
+ export const bpSurfaceDualStateSurfaceInactive: string;
1118
+ export const bpSurfaceDualStateSurfaceInactiveHover: string;
1119
+ export const bpSurfaceDualStateSurfaceInactivePressed: string;
1111
1120
  export const bpSurfaceFilterSurface: string;
1112
1121
  export const bpSurfaceFilterSurfaceFocus: string;
1113
1122
  export const bpSurfaceFilterSurfaceHover: string;
@@ -1142,6 +1151,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
1142
1151
  export const bpSurfaceInlineNoticeSurfaceError: string;
1143
1152
  export const bpSurfaceInlineNoticeSurfaceInfo: string;
1144
1153
  export const bpSurfaceInlineNoticeSurfaceNote: string;
1154
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary: string;
1145
1155
  export const bpSurfaceInlineNoticeSurfaceSuccess: string;
1146
1156
  export const bpSurfaceInlineNoticeSurfaceWarning: string;
1147
1157
  export const bpSurfaceInlineTableSurface: string;
@@ -1620,9 +1630,13 @@ export const bpFontLineHeight03: string;
1620
1630
  export const bpFontLineHeight04: string;
1621
1631
  export const bpFontLineHeight05: string;
1622
1632
  export const bpFontLineHeight06: string;
1633
+ export const bpFontLineHeight065: string;
1623
1634
  export const bpFontLineHeight07: string;
1635
+ export const bpFontLineHeight08: string;
1624
1636
  export const bpFontSize10: string;
1625
1637
  export const bpFontSize11: string;
1638
+ export const bpFontSize12: string;
1639
+ export const bpFontSize105: string;
1626
1640
  export const bpFontSize01: string;
1627
1641
  export const bpFontSize02: string;
1628
1642
  export const bpFontSize03: string;
@@ -1859,3 +1873,19 @@ export const bpYellowOpacity04: string;
1859
1873
  export const bpYellowOpacity08: string;
1860
1874
  export const bpScreenHeight: number;
1861
1875
  export const bpScreenWidth: number;
1876
+ export const bpCurveExtraSmallOff: string;
1877
+ export const bpCurveExtraSmallOn: string;
1878
+ export const bpCurveLargeOff: string;
1879
+ export const bpCurveLargeOn: string;
1880
+ export const bpCurveMediumOff: string;
1881
+ export const bpCurveMediumOn: string;
1882
+ export const bpCurveSmallOff: string;
1883
+ export const bpCurveSmallOn: string;
1884
+ export const bpDurationLong: string;
1885
+ export const bpDurationMedium: string;
1886
+ export const bpDurationShort: string;
1887
+ export const bpOpacityHidden: string;
1888
+ export const bpOpacityVisible: string;
1889
+ export const bpScaleDefault: string;
1890
+ export const bpScaleLarge: string;
1891
+ export const bpScaleSmall: string;
package/dist/tokens/tokens.js CHANGED
@@ -871,6 +871,9 @@ export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
871
871
  export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
872
872
  export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
873
873
  export const bpBorderDropdownBorderError = '#ed3757';
874
+ export const bpBorderEditableTextDisplayBorderError = '#ed3757';
875
+ export const bpBorderEditableTextDisplayBorderFocus = '#2486fc';
876
+ export const bpBorderEditableTextDisplayBorderHover = '#222222';
874
877
  export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
875
878
  export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
876
879
  export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -1124,6 +1127,12 @@ export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
1124
1127
  export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
1125
1128
  export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
1126
1129
  export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1130
+ export const bpSurfaceDualStateSurfaceActive = 'rgba(0, 0, 0, 0)';
1131
+ export const bpSurfaceDualStateSurfaceActiveHover = 'rgba(0, 0, 0, 0.04)';
1132
+ export const bpSurfaceDualStateSurfaceActivePressed = 'rgba(0, 0, 0, 0.08)';
1133
+ export const bpSurfaceDualStateSurfaceInactive = 'rgba(0, 0, 0, 0)';
1134
+ export const bpSurfaceDualStateSurfaceInactiveHover = 'rgba(0, 0, 0, 0.04)';
1135
+ export const bpSurfaceDualStateSurfaceInactivePressed = 'rgba(0, 0, 0, 0.08)';
1127
1136
  export const bpSurfaceFilterSurface = '#0061d5';
1128
1137
  export const bpSurfaceFilterSurfaceFocus = '#0061d5';
1129
1138
  export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -1158,6 +1167,7 @@ export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
1158
1167
  export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
1159
1168
  export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
1160
1169
  export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
1170
+ export const bpSurfaceInlineNoticeSurfaceNoteSecondary = '#f4f4f4';
1161
1171
  export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
1162
1172
  export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
1163
1173
  export const bpSurfaceInlineTableSurface = '#ffffff';
@@ -1631,9 +1641,13 @@ export const bpFontLineHeight03 = '1rem';
1631
1641
  export const bpFontLineHeight04 = '1.25rem';
1632
1642
  export const bpFontLineHeight05 = '1.5rem';
1633
1643
  export const bpFontLineHeight06 = '2rem';
1644
+ export const bpFontLineHeight065 = '2.25rem';
1634
1645
  export const bpFontLineHeight07 = '2.75rem';
1646
+ export const bpFontLineHeight08 = '3rem';
1635
1647
  export const bpFontSize10 = '1.3125rem';
1636
1648
  export const bpFontSize11 = '2.25rem';
1649
+ export const bpFontSize12 = '3rem';
1650
+ export const bpFontSize105 = '1.5rem';
1637
1651
  export const bpFontSize01 = '0.5625rem';
1638
1652
  export const bpFontSize02 = '0.625rem';
1639
1653
  export const bpFontSize03 = '0.75rem';
@@ -1870,3 +1884,19 @@ export const bpYellowOpacity04 = 'rgba(255, 215, 0, 0.04)';
1870
1884
  export const bpYellowOpacity08 = 'rgba(255, 215, 0, 0.08)';
1871
1885
  export const bpScreenHeight = 900;
1872
1886
  export const bpScreenWidth = 1440;
1887
+ export const bpCurveExtraSmallOff = 'cubic-bezier(0, 0, 1, 1)';
1888
+ export const bpCurveExtraSmallOn = 'cubic-bezier(0, 0, 1, 1)';
1889
+ export const bpCurveLargeOff = 'cubic-bezier(0.55, 0, 0.6, 1)';
1890
+ export const bpCurveLargeOn = 'cubic-bezier(0.32, 0, 0.33, 1.3)';
1891
+ export const bpCurveMediumOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1892
+ export const bpCurveMediumOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1893
+ export const bpCurveSmallOff = 'cubic-bezier(0.55, 0.08, 0.68, 0.53)';
1894
+ export const bpCurveSmallOn = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
1895
+ export const bpDurationLong = '300ms';
1896
+ export const bpDurationMedium = '150ms';
1897
+ export const bpDurationShort = '100ms';
1898
+ export const bpOpacityHidden = '0';
1899
+ export const bpOpacityVisible = '1';
1900
+ export const bpScaleDefault = 'scale(1.00)';
1901
+ export const bpScaleLarge = 'scale(1.12)';
1902
+ export const bpScaleSmall = 'scale(0.98)';