@box/blueprint-web 12.86.0 → 12.88.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 (9) hide show
  1. package/dist/lib-esm/combobox/combobox.js +3 -2
  2. package/dist/lib-esm/combobox/combobox.module.js +1 -1
  3. package/dist/lib-esm/index.css +161 -135
  4. package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
  5. package/dist/lib-esm/primitives/notification/notification.module.js +1 -1
  6. package/dist/lib-esm/primitives/notification/private-notification-element.d.ts +5 -1
  7. package/dist/lib-esm/primitives/notification/private-notification-element.js +43 -12
  8. package/dist/lib-esm/split-button/styles.module.js +1 -1
  9. package/package.json +1 -1
package/dist/lib-esm/combobox/combobox.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { SelectItemCheck, SelectItem, ComboboxItem, useComboboxStore, useSelectStore, PopoverAnchor, Combobox as Combobox$1, ComboboxCancel, SelectList, ComboboxPopover } from '@ariakit/react';
3
3
  import { SelectRenderer } from '@ariakit/react-core/select/select-renderer';
4
- import { Checkmark, XMark } from '@box/blueprint-web-assets/icons/Fill';
4
+ import { Checkmark, XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
5
+ import { XMark } from '@box/blueprint-web-assets/icons/Medium';
5
6
  import { bpIconIconOnLight, IconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
6
7
  import clsx from 'clsx';
7
8
  import React__default, { forwardRef, useMemo, useRef, useCallback, useEffect } from 'react';
@@ -395,7 +396,7 @@ const RootInner = ({
395
396
  render: cancelProps => jsx(IconButton, {
396
397
  ...cancelProps,
397
398
  "aria-label": clearButtonAriaLabel,
398
- icon: XMark,
399
+ icon: enableModernizedComponents ? XMark : XMark$1,
399
400
  size: "x-small"
400
401
  }),
401
402
  store: comboboxStore
package/dist/lib-esm/combobox/combobox.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_combobox_module_container--32caf","popover":"bp_combobox_module_popover--32caf","disabled":"bp_combobox_module_disabled--32caf","label":"bp_combobox_module_label--32caf","hiddenLabel":"bp_combobox_module_hiddenLabel--32caf","comboboxContainer":"bp_combobox_module_comboboxContainer--32caf","withComboboxButtons":"bp_combobox_module_withComboboxButtons--32caf","error":"bp_combobox_module_error--32caf","textInputWrapper":"bp_combobox_module_textInputWrapper--32caf","textInput":"bp_combobox_module_textInput--32caf","errorIcon":"bp_combobox_module_errorIcon--32caf","comboboxButtons":"bp_combobox_module_comboboxButtons--32caf","withChips":"bp_combobox_module_withChips--32caf","inlineError":"bp_combobox_module_inlineError--32caf","option":"bp_combobox_module_option--32caf","indicator":"bp_combobox_module_indicator--32caf","indicatorIcon":"bp_combobox_module_indicatorIcon--32caf","optionWithIndicator":"bp_combobox_module_optionWithIndicator--32caf","loadingIndicator":"bp_combobox_module_loadingIndicator--32caf","noResultOption":"bp_combobox_module_noResultOption--32caf"};
2
+ var styles = {"container":"bp_combobox_module_container--2f327","popover":"bp_combobox_module_popover--2f327","disabled":"bp_combobox_module_disabled--2f327","label":"bp_combobox_module_label--2f327","hiddenLabel":"bp_combobox_module_hiddenLabel--2f327","comboboxContainer":"bp_combobox_module_comboboxContainer--2f327","withComboboxButtons":"bp_combobox_module_withComboboxButtons--2f327","error":"bp_combobox_module_error--2f327","textInputWrapper":"bp_combobox_module_textInputWrapper--2f327","textInput":"bp_combobox_module_textInput--2f327","errorIcon":"bp_combobox_module_errorIcon--2f327","comboboxButtons":"bp_combobox_module_comboboxButtons--2f327","withChips":"bp_combobox_module_withChips--2f327","inlineError":"bp_combobox_module_inlineError--2f327","option":"bp_combobox_module_option--2f327","indicator":"bp_combobox_module_indicator--2f327","indicatorIcon":"bp_combobox_module_indicatorIcon--2f327","optionWithIndicator":"bp_combobox_module_optionWithIndicator--2f327","loadingIndicator":"bp_combobox_module_loadingIndicator--2f327","noResultOption":"bp_combobox_module_noResultOption--2f327"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/index.css CHANGED
@@ -269,13 +269,13 @@
269
269
  }
270
270
  }
271
271
 
272
- .bp_base_button_module_button--72712[data-modern=true]{
272
+ .bp_base_button_module_button--cc46d[data-modern=true]{
273
273
  --button-border-radius:var(--bp-radius-10);
274
274
  }
275
- .bp_base_button_module_button--72712[data-modern=true]:not(:disabled)[data-focus-visible]{
275
+ .bp_base_button_module_button--cc46d[data-modern=true]:not(:disabled)[data-focus-visible]{
276
276
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
277
277
  }
278
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_primary--72712{
278
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_primary--cc46d{
279
279
  --button-color:var(--bp-text-text-on-dark);
280
280
  --button-background:var(--bp-surface-surface-brand);
281
281
  --button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
@@ -284,7 +284,7 @@
284
284
  --button-active-background:var(--bp-surface-surface-brand-pressed);
285
285
  --button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
286
286
  }
287
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_secondary--72712{
287
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_secondary--cc46d{
288
288
  --button-color:var(--bp-text-text-on-light);
289
289
  --button-background:var(--bp-surface-cta-surface-secondary);
290
290
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
@@ -294,14 +294,14 @@
294
294
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
295
295
  --button-backdrop-filter:blur(16px);
296
296
  }
297
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_tertiary--72712{
297
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_tertiary--cc46d{
298
298
  --button-color:var(--bp-text-cta-link);
299
299
  --button-background:var(--bp-surface-cta-surface-tertiary);
300
300
  --button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
301
301
  --button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
302
302
  --button-backdrop-filter:blur(16px);
303
303
  }
304
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_outline--72712{
304
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_outline--cc46d{
305
305
  --button-color:var(--bp-text-text-on-light);
306
306
  --button-background:var(--bp-surface-cta-surface-secondary);
307
307
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
@@ -311,40 +311,42 @@
311
311
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
312
312
  --button-backdrop-filter:blur(16px);
313
313
  }
314
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_small--72712{
314
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_small--cc46d{
315
315
  --button-small-gap:var(--bp-space-010);
316
316
  --button-small-min-height:var(--bp-size-080);
317
317
  --button-small-padding:0 var(--bp-size-030);
318
318
  }
319
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_small--72712.bp_base_button_module_isIconButton--72712{
319
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_small--cc46d.bp_base_button_module_isIconButton--cc46d{
320
320
  --icon-button-small-width:var(--bp-size-080);
321
321
  --icon-button-small-height:var(--bp-size-080);
322
322
  --icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
323
323
  }
324
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_small--72712.bp_base_button_module_isTextWithIconButton--72712{
324
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_small--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
325
325
  --button-small-padding:0 0.625rem 0 var(--bp-space-030);
326
326
  }
327
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_large--72712{
327
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_large--cc46d{
328
328
  --button-large-gap:var(--bp-space-020);
329
329
  --button-large-min-height:var(--bp-size-100);
330
330
  --button-large-padding:0 var(--bp-size-040);
331
+ --button-large-font-size:var(--body-large-bold-font-size);
332
+ --button-large-line-height:var(--body-large-bold-line-height);
331
333
  }
332
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_large--72712.bp_base_button_module_isIconButton--72712{
334
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_large--cc46d.bp_base_button_module_isIconButton--cc46d{
333
335
  --icon-button-large-width:var(--bp-size-100);
334
336
  --icon-button-large-height:var(--bp-size-100);
335
337
  --icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
336
338
  }
337
- .bp_base_button_module_button--72712[data-modern=true].bp_base_button_module_large--72712.bp_base_button_module_isTextWithIconButton--72712{
339
+ .bp_base_button_module_button--cc46d[data-modern=true].bp_base_button_module_large--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
338
340
  --button-large-padding:0 0.875rem 0 var(--bp-space-040);
339
341
  }
340
342
 
341
- .bp_base_button_module_button--72712[data-modern=false]{
343
+ .bp_base_button_module_button--cc46d[data-modern=false]{
342
344
  --button-border-radius:var(--radius-2);
343
345
  }
344
- .bp_base_button_module_button--72712[data-modern=false]:not(:disabled)[data-focus-visible]{
346
+ .bp_base_button_module_button--cc46d[data-modern=false]:not(:disabled)[data-focus-visible]{
345
347
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
346
348
  }
347
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_primary--72712{
349
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_primary--cc46d{
348
350
  --button-color:var(--text-text-brand-on-color);
349
351
  --button-background:var(--surface-surface-brand);
350
352
  --button-border:var(--border-1) solid var(--surface-surface-brand);
@@ -353,7 +355,7 @@
353
355
  --button-active-background:var(--surface-surface-brand-pressed);
354
356
  --button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
355
357
  }
356
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_secondary--72712{
358
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_secondary--cc46d{
357
359
  --button-color:var(--text-text-on-light);
358
360
  --button-background:var(--surface-cta-surface-secondary);
359
361
  --button-border:var(--border-1) solid var(--border-cta-border-secondary);
@@ -363,7 +365,7 @@
363
365
  --button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
364
366
  --button-backdrop-filter:none;
365
367
  }
366
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_tertiary--72712{
368
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_tertiary--cc46d{
367
369
  --button-color:var(--text-cta-link);
368
370
  --button-background:#0000;
369
371
  --button-border:var(--border-1) solid #0000;
@@ -371,7 +373,7 @@
371
373
  --button-active-background:var(--surface-cta-surface-tertiary-pressed);
372
374
  --button-backdrop-filter:none;
373
375
  }
374
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_outline--72712{
376
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_outline--cc46d{
375
377
  --button-color:var(--text-text-on-light);
376
378
  --button-background:var(--surface-cta-surface-outline);
377
379
  --button-border:var(--border-1) solid var(--border-cta-border-outline);
@@ -381,34 +383,36 @@
381
383
  --button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
382
384
  --button-backdrop-filter:none;
383
385
  }
384
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_small--72712{
386
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_small--cc46d{
385
387
  --button-small-gap:var(--space-1);
386
388
  --button-small-min-height:var(--size-8);
387
389
  --button-small-padding:0 var(--space-4);
388
390
  }
389
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_small--72712.bp_base_button_module_isIconButton--72712{
391
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_small--cc46d.bp_base_button_module_isIconButton--cc46d{
390
392
  --icon-button-small-width:var(--size-8);
391
393
  --icon-button-small-height:var(--size-8);
392
394
  --icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
393
395
  }
394
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_small--72712.bp_base_button_module_isTextWithIconButton--72712{
396
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_small--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
395
397
  --button-small-padding:0 var(--space-3);
396
398
  }
397
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_large--72712{
399
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_large--cc46d{
398
400
  --button-large-gap:var(--space-2);
399
401
  --button-large-min-height:var(--size-10);
400
402
  --button-large-padding:0 var(--space-4);
403
+ --button-large-font-size:var(--body-default-bold-font-size);
404
+ --button-large-line-height:var(--body-default-bold-line-height);
401
405
  }
402
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_large--72712.bp_base_button_module_isIconButton--72712{
406
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_large--cc46d.bp_base_button_module_isIconButton--cc46d{
403
407
  --icon-button-large-width:var(--size-10);
404
408
  --icon-button-large-height:var(--size-10);
405
409
  --icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
406
410
  }
407
- .bp_base_button_module_button--72712[data-modern=false].bp_base_button_module_large--72712.bp_base_button_module_isTextWithIconButton--72712{
411
+ .bp_base_button_module_button--cc46d[data-modern=false].bp_base_button_module_large--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
408
412
  --button-large-padding:0 var(--space-4);
409
413
  }
410
414
 
411
- .bp_base_button_module_button--72712{
415
+ .bp_base_button_module_button--cc46d{
412
416
  border-radius:var(--button-border-radius);
413
417
  cursor:pointer;
414
418
  font-family:var(--body-default-bold-font-family);
@@ -425,98 +429,100 @@
425
429
  user-select:none;
426
430
  white-space:nowrap;
427
431
  }
428
- .bp_base_button_module_button--72712,.bp_base_button_module_button--72712 .bp_base_button_module_icon--72712{
432
+ .bp_base_button_module_button--cc46d,.bp_base_button_module_button--cc46d .bp_base_button_module_icon--cc46d{
429
433
  align-items:center;
430
434
  display:flex;
431
435
  }
432
- .bp_base_button_module_button--72712:disabled{
436
+ .bp_base_button_module_button--cc46d:disabled{
433
437
  opacity:.3;
434
438
  }
435
- .bp_base_button_module_button--72712.bp_base_button_module_primary--72712{
439
+ .bp_base_button_module_button--cc46d.bp_base_button_module_primary--cc46d{
436
440
  background:var(--button-background);
437
441
  border:var(--button-border);
438
442
  color:var(--button-color);
439
443
  }
440
- .bp_base_button_module_button--72712.bp_base_button_module_primary--72712:not(:disabled):hover,.bp_base_button_module_button--72712.bp_base_button_module_primary--72712:not(:disabled)[data-focus-visible]{
444
+ .bp_base_button_module_button--cc46d.bp_base_button_module_primary--cc46d:not(:disabled):hover,.bp_base_button_module_button--cc46d.bp_base_button_module_primary--cc46d:not(:disabled)[data-focus-visible]{
441
445
  background:var(--button-focus-or-hover-background);
442
446
  border:var(--button-focus-or-hover-border);
443
447
  }
444
- .bp_base_button_module_button--72712.bp_base_button_module_primary--72712:not(:disabled):active{
448
+ .bp_base_button_module_button--cc46d.bp_base_button_module_primary--cc46d:not(:disabled):active{
445
449
  background:var(--button-active-background);
446
450
  border:var(--button-active-border);
447
451
  }
448
- .bp_base_button_module_button--72712.bp_base_button_module_secondary--72712{
452
+ .bp_base_button_module_button--cc46d.bp_base_button_module_secondary--cc46d{
449
453
  backdrop-filter:var(--button-backdrop-filter);
450
454
  background:var(--button-background);
451
455
  border:var(--button-border);
452
456
  color:var(--button-color);
453
457
  }
454
- .bp_base_button_module_button--72712.bp_base_button_module_secondary--72712:not(:disabled):hover,.bp_base_button_module_button--72712.bp_base_button_module_secondary--72712:not(:disabled)[data-focus-visible]{
458
+ .bp_base_button_module_button--cc46d.bp_base_button_module_secondary--cc46d:not(:disabled):hover,.bp_base_button_module_button--cc46d.bp_base_button_module_secondary--cc46d:not(:disabled)[data-focus-visible]{
455
459
  background:var(--button-focus-or-hover-background);
456
460
  border:var(--button-focus-or-hover-border);
457
461
  }
458
- .bp_base_button_module_button--72712.bp_base_button_module_secondary--72712:not(:disabled):active{
462
+ .bp_base_button_module_button--cc46d.bp_base_button_module_secondary--cc46d:not(:disabled):active{
459
463
  background:var(--button-active-background);
460
464
  border:var(--button-active-border);
461
465
  }
462
- .bp_base_button_module_button--72712.bp_base_button_module_tertiary--72712{
466
+ .bp_base_button_module_button--cc46d.bp_base_button_module_tertiary--cc46d{
463
467
  backdrop-filter:var(--button-backdrop-filter);
464
468
  background:var(--button-background);
465
469
  border:var(--button-border);
466
470
  color:var(--button-color);
467
471
  }
468
- .bp_base_button_module_button--72712.bp_base_button_module_tertiary--72712:not(:disabled):hover,.bp_base_button_module_button--72712.bp_base_button_module_tertiary--72712:not(:disabled)[data-focus-visible]{
472
+ .bp_base_button_module_button--cc46d.bp_base_button_module_tertiary--cc46d:not(:disabled):hover,.bp_base_button_module_button--cc46d.bp_base_button_module_tertiary--cc46d:not(:disabled)[data-focus-visible]{
469
473
  background:var(--button-focus-or-hover-background);
470
474
  }
471
- .bp_base_button_module_button--72712.bp_base_button_module_tertiary--72712:not(:disabled):active{
475
+ .bp_base_button_module_button--cc46d.bp_base_button_module_tertiary--cc46d:not(:disabled):active{
472
476
  background:var(--button-active-background);
473
477
  }
474
- .bp_base_button_module_button--72712.bp_base_button_module_outline--72712{
478
+ .bp_base_button_module_button--cc46d.bp_base_button_module_outline--cc46d{
475
479
  backdrop-filter:var(--button-backdrop-filter);
476
480
  background:var(--button-background);
477
481
  border:var(--button-border);
478
482
  color:var(--button-color);
479
483
  }
480
- .bp_base_button_module_button--72712.bp_base_button_module_outline--72712:not(:disabled):hover,.bp_base_button_module_button--72712.bp_base_button_module_outline--72712:not(:disabled)[data-focus-visible]{
484
+ .bp_base_button_module_button--cc46d.bp_base_button_module_outline--cc46d:not(:disabled):hover,.bp_base_button_module_button--cc46d.bp_base_button_module_outline--cc46d:not(:disabled)[data-focus-visible]{
481
485
  background:var(--button-focus-or-hover-background);
482
486
  border:var(--button-focus-or-hover-border);
483
487
  }
484
- .bp_base_button_module_button--72712.bp_base_button_module_outline--72712:not(:disabled):active{
488
+ .bp_base_button_module_button--cc46d.bp_base_button_module_outline--cc46d:not(:disabled):active{
485
489
  background:var(--button-active-background);
486
490
  border:var(--button-active-border);
487
491
  }
488
- .bp_base_button_module_button--72712.bp_base_button_module_small--72712{
492
+ .bp_base_button_module_button--cc46d.bp_base_button_module_small--cc46d{
489
493
  gap:var(--button-small-gap);
490
494
  min-height:var(--button-small-min-height);
491
495
  padding:var(--button-small-padding);
492
496
  }
493
- .bp_base_button_module_button--72712.bp_base_button_module_small--72712.bp_base_button_module_isIconButton--72712{
497
+ .bp_base_button_module_button--cc46d.bp_base_button_module_small--cc46d.bp_base_button_module_isIconButton--cc46d{
494
498
  height:var(--icon-button-small-height);
495
499
  min-height:unset;
496
500
  padding:var(--icon-button-small-padding);
497
501
  width:var(--icon-button-small-width);
498
502
  }
499
- .bp_base_button_module_button--72712.bp_base_button_module_small--72712.bp_base_button_module_isTextWithIconButton--72712{
503
+ .bp_base_button_module_button--cc46d.bp_base_button_module_small--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
500
504
  padding:var(--button-small-padding);
501
505
  }
502
- .bp_base_button_module_button--72712.bp_base_button_module_large--72712{
506
+ .bp_base_button_module_button--cc46d.bp_base_button_module_large--cc46d{
507
+ font-size:var(--button-large-font-size);
503
508
  gap:var(--button-large-gap);
509
+ line-height:var(--button-large-line-height);
504
510
  min-height:var(--button-large-min-height);
505
511
  padding:var(--button-large-padding);
506
512
  }
507
- .bp_base_button_module_button--72712.bp_base_button_module_large--72712.bp_base_button_module_isIconButton--72712{
513
+ .bp_base_button_module_button--cc46d.bp_base_button_module_large--cc46d.bp_base_button_module_isIconButton--cc46d{
508
514
  height:var(--icon-button-large-height);
509
515
  padding:var(--icon-button-large-padding);
510
516
  width:var(--icon-button-large-width);
511
517
  }
512
- .bp_base_button_module_button--72712.bp_base_button_module_large--72712.bp_base_button_module_isTextWithIconButton--72712{
518
+ .bp_base_button_module_button--cc46d.bp_base_button_module_large--cc46d.bp_base_button_module_isTextWithIconButton--cc46d{
513
519
  padding:var(--button-large-padding);
514
520
  }
515
- .bp_base_button_module_button--72712.bp_base_button_module_hide--72712{
521
+ .bp_base_button_module_button--cc46d.bp_base_button_module_hide--cc46d{
516
522
  pointer-events:none;
517
523
  position:relative;
518
524
  }
519
- .bp_base_button_module_button--72712.bp_base_button_module_hide--72712 span{
525
+ .bp_base_button_module_button--cc46d.bp_base_button_module_hide--cc46d span{
520
526
  color:#0000;
521
527
  opacity:0;
522
528
  }
@@ -2573,7 +2579,7 @@
2573
2579
  margin-block-start:var(--text-area-container-row-gap);
2574
2580
  }
2575
2581
 
2576
- .bp_combobox_module_container--32caf[data-modern=false]{
2582
+ .bp_combobox_module_container--2f327[data-modern=false]{
2577
2583
  --max-lines:3;
2578
2584
  --input-height:var(--space-5);
2579
2585
  --chip-height:var(--space-7);
@@ -2629,7 +2635,7 @@
2629
2635
  --combobox-button-spacing:var(--space-2);
2630
2636
  }
2631
2637
 
2632
- .bp_combobox_module_container--32caf[data-modern=true]{
2638
+ .bp_combobox_module_container--2f327[data-modern=true]{
2633
2639
  --max-lines:3;
2634
2640
  --bp-innershadow-01:var(--innershadow-1);
2635
2641
  --bp-input-height:var(--bp-space-050);
@@ -2691,7 +2697,7 @@
2691
2697
  --combobox-button-spacing:var(--bp-space-020);
2692
2698
  }
2693
2699
 
2694
- .bp_combobox_module_popover--32caf[data-modern=false]{
2700
+ .bp_combobox_module_popover--2f327[data-modern=false]{
2695
2701
  --option-height:2.25rem;
2696
2702
  --dropdown-max-height:12.5rem;
2697
2703
  --combobox-popover-max-height:min(
@@ -2719,12 +2725,13 @@
2719
2725
  --combobox-option-indicator-height:var(--size-9);
2720
2726
  --combobox-option-indicator-icon-fill:var(--icon-icon-on-light);
2721
2727
  --combobox-option-with-indicator-padding-inline:var(--space-10) var(--space-2);
2728
+ --combobox-option-text-color:var(--text-text-on-light);
2722
2729
  --combobox-loading-indicator-position:unset;
2723
2730
  --combobox-no-result-option-color:var(--text-text-on-light);
2724
2731
  --combobox-popover-backdrop-filter:none;
2725
2732
  }
2726
2733
 
2727
- .bp_combobox_module_popover--32caf[data-modern=true]{
2734
+ .bp_combobox_module_popover--2f327[data-modern=true]{
2728
2735
  --option-height:2.25rem;
2729
2736
  --dropdown-max-height:12.5rem;
2730
2737
  --bp-dropshadow-03:var(--dropshadow-3);
@@ -2753,12 +2760,13 @@
2753
2760
  --combobox-option-indicator-height:var(--bp-size-090);
2754
2761
  --combobox-option-indicator-icon-fill:var(--bp-icon-icon-on-light);
2755
2762
  --combobox-option-with-indicator-padding-inline:var(--bp-space-100) var(--bp-space-020);
2763
+ --combobox-option-text-color:var(--bp-text-text-on-light);
2756
2764
  --combobox-loading-indicator-position:unset;
2757
2765
  --combobox-no-result-option-color:var(--bp-text-text-on-light);
2758
2766
  --combobox-popover-backdrop-filter:blur(16px);
2759
2767
  }
2760
2768
 
2761
- .bp_combobox_module_container--32caf{
2769
+ .bp_combobox_module_container--2f327{
2762
2770
  display:flex;
2763
2771
  flex-direction:column;
2764
2772
  font-family:var(--body-default-font-family);
@@ -2770,10 +2778,10 @@
2770
2778
  text-decoration:var(--body-default-text-decoration);
2771
2779
  text-transform:var(--body-default-text-case);
2772
2780
  }
2773
- .bp_combobox_module_container--32caf.bp_combobox_module_disabled--32caf{
2781
+ .bp_combobox_module_container--2f327.bp_combobox_module_disabled--2f327{
2774
2782
  opacity:60%;
2775
2783
  }
2776
- .bp_combobox_module_container--32caf .bp_combobox_module_label--32caf{
2784
+ .bp_combobox_module_container--2f327 .bp_combobox_module_label--2f327{
2777
2785
  color:var(--combobox-label-color);
2778
2786
  flex:0 0 fit-content;
2779
2787
  font-family:var(--body-default-bold-font-family);
@@ -2786,10 +2794,10 @@
2786
2794
  text-decoration:var(--body-default-bold-text-decoration);
2787
2795
  text-transform:var(--body-default-bold-text-case);
2788
2796
  }
2789
- .bp_combobox_module_container--32caf .bp_combobox_module_label--32caf:not(.bp_combobox_module_hiddenLabel--32caf){
2797
+ .bp_combobox_module_container--2f327 .bp_combobox_module_label--2f327:not(.bp_combobox_module_hiddenLabel--2f327){
2790
2798
  margin-block-end:var(--combobox-label-margin-block-end);
2791
2799
  }
2792
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf{
2800
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327{
2793
2801
  background-color:var(--combobox-container-background-color);
2794
2802
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
2795
2803
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
@@ -2806,15 +2814,15 @@
2806
2814
  padding-inline:var(--combobox-container-padding-inline);
2807
2815
  position:relative;
2808
2816
  }
2809
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf.bp_combobox_module_withComboboxButtons--32caf{
2817
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withComboboxButtons--2f327{
2810
2818
  padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
2811
2819
  }
2812
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf:not(:disabled):has(input:focus){
2820
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):has(input:focus){
2813
2821
  background-color:var(--combobox-container-focus-background-color);
2814
2822
  border:var(--combobox-container-focus-border);
2815
2823
  padding-block:var(--combobox-container-focus-padding-block);
2816
2824
  }
2817
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf:not(:disabled).bp_combobox_module_error--32caf,.bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf:not(:disabled):has([aria-invalid=true]){
2825
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled).bp_combobox_module_error--2f327,.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):has([aria-invalid=true]){
2818
2826
  background-color:var(--combobox-container-error-background-color);
2819
2827
  border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
2820
2828
  border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
@@ -2822,19 +2830,19 @@
2822
2830
  border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
2823
2831
  padding-block:var(--combobox-container-error-padding-block);
2824
2832
  }
2825
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--32caf):not(:has([aria-invalid=true])){
2833
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--2f327):not(:has([aria-invalid=true])){
2826
2834
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
2827
2835
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
2828
2836
  border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
2829
2837
  border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
2830
2838
  }
2831
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf .bp_combobox_module_textInputWrapper--32caf{
2839
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327{
2832
2840
  align-items:center;
2833
2841
  display:flex;
2834
2842
  flex:content;
2835
2843
  gap:var(--combobox-text-input-wrapper-gap);
2836
2844
  }
2837
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf .bp_combobox_module_textInputWrapper--32caf .bp_combobox_module_textInput--32caf{
2845
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_textInput--2f327{
2838
2846
  background-color:var(--combobox-text-input-background-color);
2839
2847
  border:none;
2840
2848
  color:var(--combobox-text-input-color);
@@ -2851,31 +2859,31 @@
2851
2859
  text-transform:var(--body-default-text-case);
2852
2860
  width:100%;
2853
2861
  }
2854
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf .bp_combobox_module_textInputWrapper--32caf .bp_combobox_module_errorIcon--32caf path{
2862
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_errorIcon--2f327 path{
2855
2863
  fill:var(--combobox-error-icon-fill);
2856
2864
  }
2857
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf .bp_combobox_module_textInputWrapper--32caf .bp_combobox_module_comboboxButtons--32caf{
2865
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_comboboxButtons--2f327{
2858
2866
  align-items:center;
2859
2867
  display:flex;
2860
2868
  position:absolute;
2861
2869
  right:var(--combobox-button-spacing);
2862
2870
  top:var(--combobox-button-spacing);
2863
2871
  }
2864
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf.bp_combobox_module_withChips--32caf{
2872
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327{
2865
2873
  max-height:var(--combobox-container-with-chips-max-height);
2866
2874
  padding-block:var(--combobox-container-with-chips-padding-block);
2867
2875
  }
2868
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf.bp_combobox_module_withChips--32caf:not(:disabled).bp_combobox_module_error--32caf{
2876
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327:not(:disabled).bp_combobox_module_error--2f327{
2869
2877
  padding-block:var(--combobox-container-with-chips-error-padding-block);
2870
2878
  }
2871
- .bp_combobox_module_container--32caf .bp_combobox_module_comboboxContainer--32caf.bp_combobox_module_withChips--32caf:not(:disabled):has(input:focus){
2879
+ .bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327:not(:disabled):has(input:focus){
2872
2880
  padding-block:var(--combobox-container-with-chips-focus-padding-block);
2873
2881
  }
2874
- .bp_combobox_module_container--32caf .bp_combobox_module_inlineError--32caf{
2882
+ .bp_combobox_module_container--2f327 .bp_combobox_module_inlineError--2f327{
2875
2883
  margin-block-start:var(--combobox-inline-error-margin-block-start);
2876
2884
  }
2877
2885
 
2878
- .bp_combobox_module_popover--32caf{
2886
+ .bp_combobox_module_popover--2f327{
2879
2887
  backdrop-filter:var(--combobox-popover-backdrop-filter);
2880
2888
  background-color:var(--combobox-popover-background-color);
2881
2889
  border:var(--combobox-popover-border);
@@ -2895,10 +2903,11 @@
2895
2903
  text-transform:var(--body-default-text-case);
2896
2904
  z-index:var(--z-index-popover);
2897
2905
  }
2898
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf{
2906
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327{
2899
2907
  border:var(--combobox-option-border);
2900
2908
  border-radius:var(--combobox-option-border-radius);
2901
2909
  box-sizing:border-box;
2910
+ color:var(--combobox-option-text-color);
2902
2911
  cursor:pointer;
2903
2912
  outline:none;
2904
2913
  overflow-wrap:break-word;
@@ -2909,21 +2918,21 @@
2909
2918
  user-select:none;
2910
2919
  width:100%;
2911
2920
  }
2912
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf[aria-disabled]{
2921
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327[aria-disabled]{
2913
2922
  opacity:var(--combobox-option-disabled-opacity);
2914
2923
  }
2915
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf[data-active-item]:not([aria-disabled]){
2924
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327[data-active-item]:not([aria-disabled]){
2916
2925
  background-color:var(--combobox-option-active-background-color);
2917
2926
  border:var(--combobox-option-active-border);
2918
2927
  }
2919
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf:active{
2928
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327:active{
2920
2929
  background-color:var(--combobox-option-hover-background-color);
2921
2930
  border:var(--combobox-option-border);
2922
2931
  }
2923
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf:hover{
2932
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327:hover{
2924
2933
  background-color:var(--combobox-option-hover-background-color);
2925
2934
  }
2926
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf .bp_combobox_module_indicator--32caf{
2935
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327 .bp_combobox_module_indicator--2f327{
2927
2936
  align-items:center;
2928
2937
  display:flex;
2929
2938
  height:var(--combobox-option-indicator-height);
@@ -2932,16 +2941,16 @@
2932
2941
  position:absolute;
2933
2942
  top:var(--combobox-option-indicator-top);
2934
2943
  }
2935
- .bp_combobox_module_popover--32caf .bp_combobox_module_option--32caf .bp_combobox_module_indicator--32caf .bp_combobox_module_indicatorIcon--32caf path{
2944
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327 .bp_combobox_module_indicator--2f327 .bp_combobox_module_indicatorIcon--2f327 path{
2936
2945
  fill:var(--combobox-option-indicator-icon-fill);
2937
2946
  }
2938
- .bp_combobox_module_popover--32caf .bp_combobox_module_optionWithIndicator--32caf{
2947
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_optionWithIndicator--2f327{
2939
2948
  padding-inline:var(--combobox-option-with-indicator-padding-inline);
2940
2949
  }
2941
- .bp_combobox_module_popover--32caf .bp_combobox_module_loadingIndicator--32caf{
2950
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_loadingIndicator--2f327{
2942
2951
  position:var(--combobox-loading-indicator-position);
2943
2952
  }
2944
- .bp_combobox_module_popover--32caf .bp_combobox_module_noResultOption--32caf{
2953
+ .bp_combobox_module_popover--2f327 .bp_combobox_module_noResultOption--2f327{
2945
2954
  color:var(--combobox-no-result-option-color);
2946
2955
  -webkit-user-select:none;
2947
2956
  user-select:none;
@@ -7570,7 +7579,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7570
7579
  white-space:nowrap;
7571
7580
  }
7572
7581
 
7573
- .bp_notification_module_viewport--055d9{
7582
+ .bp_notification_module_viewport--33c6e{
7574
7583
  --notification-viewport-space:var(--space-4);
7575
7584
  --notification-viewport-item-spacing:var(--space-3);
7576
7585
  all:unset;
@@ -7585,7 +7594,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7585
7594
  z-index:2147483647;
7586
7595
  }
7587
7596
 
7588
- .bp_notification_module_root--055d9[data-modern=false]{
7597
+ .bp_notification_module_root--33c6e[data-modern=false]{
7589
7598
  --notification-padding-vertical:var(--space-3);
7590
7599
  --notification-padding-horizontal:var(--space-4);
7591
7600
  --notification-item-spacing:var(--space-3);
@@ -7604,9 +7613,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7604
7613
  --notification-text-color:var(--text-text-on-light);
7605
7614
  --notification-text-container-height:var(--space-8);
7606
7615
  --notification-icon-size:var(--size-8);
7616
+ --notification-icon-margin:.375rem;
7607
7617
  }
7608
7618
 
7609
- .bp_notification_module_root--055d9[data-modern=true]{
7619
+ .bp_notification_module_root--33c6e[data-modern=true]{
7610
7620
  --notification-padding-vertical:var(--bp-space-030);
7611
7621
  --notification-padding-horizontal:var(--bp-space-040);
7612
7622
  --notification-item-spacing:var(--bp-space-030);
@@ -7615,74 +7625,75 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7615
7625
  --notification-shadow:var(--dropshadow-3);
7616
7626
  --notification-background-info:var(--bp-light-blue-opacity-04);
7617
7627
  --notification-background-success:var(--bp-green-light-opacity-04);
7618
- --notification-background-warning:var(--bp-yellow-opacity-04);
7628
+ --notification-background-warning:var(--bp-yellorange-opacity-04);
7619
7629
  --notification-background-error:var(--bp-watermelon-red-opacity-04);
7620
7630
  --notification-background-overlay:var(--bp-white-opacity-90);
7621
7631
  --notification-background-blur:16px;
7622
- --notification-border-color-info:var(--bp-light-blue-opacity-30);
7623
- --notification-border-color-success:var(--bp-green-light-opacity-30);
7624
- --notification-border-color-warning:var(--bp-yellow-opacity-30);
7625
- --notification-border-color-error:var(--bp-watermelon-red-opacity-30);
7632
+ --notification-border-color-info:var(--bp-border-message-border-info-secondary);
7633
+ --notification-border-color-success:var(--bp-border-message-border-success-secondary);
7634
+ --notification-border-color-warning:var(--bp-border-message-border-warning-secondary);
7635
+ --notification-border-color-error:var(--bp-border-message-border-error-secondary);
7626
7636
  --notification-outline-focus:var(--bp-outline-focus-on-light);
7627
7637
  --notification-text-color:var(--bp-text-text-on-light);
7628
7638
  --notification-text-container-height:var(--bp-space-080);
7629
7639
  --notification-icon-size:var(--bp-size-080);
7640
+ --notification-icon-margin:.375rem;
7630
7641
  }
7631
- .bp_notification_module_root--055d9[data-modern=true].bp_notification_module_info--055d9{
7642
+ .bp_notification_module_root--33c6e[data-modern=true].bp_notification_module_info--33c6e{
7632
7643
  background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
7633
7644
  }
7634
- .bp_notification_module_root--055d9[data-modern=true].bp_notification_module_success--055d9{
7645
+ .bp_notification_module_root--33c6e[data-modern=true].bp_notification_module_success--33c6e{
7635
7646
  background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
7636
7647
  }
7637
- .bp_notification_module_root--055d9[data-modern=true].bp_notification_module_warning--055d9{
7648
+ .bp_notification_module_root--33c6e[data-modern=true].bp_notification_module_warning--33c6e{
7638
7649
  background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
7639
7650
  }
7640
- .bp_notification_module_root--055d9[data-modern=true].bp_notification_module_error--055d9{
7651
+ .bp_notification_module_root--33c6e[data-modern=true].bp_notification_module_error--33c6e{
7641
7652
  background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
7642
7653
  }
7643
7654
 
7644
- .bp_notification_module_root--055d9{
7655
+ .bp_notification_module_root--33c6e{
7645
7656
  backdrop-filter:blur(var(--notification-background-blur));
7646
7657
  border:var(--notification-border) solid;
7647
7658
  border-radius:var(--notification-radius);
7648
7659
  box-shadow:var(--notification-shadow);
7649
7660
  display:flex;
7650
7661
  max-width:288px;
7662
+ padding:var(--notification-padding-vertical) var(--notification-padding-horizontal);
7651
7663
  width:max-content;
7652
7664
  }
7653
7665
  @media (width > 374px){
7654
- .bp_notification_module_root--055d9{
7666
+ .bp_notification_module_root--33c6e{
7655
7667
  max-width:343px;
7656
7668
  }
7657
7669
  }
7658
7670
  @media (width > 767px){
7659
- .bp_notification_module_root--055d9{
7671
+ .bp_notification_module_root--33c6e{
7660
7672
  max-width:728px;
7661
7673
  }
7662
7674
  }
7663
7675
  @media (width > 1023px){
7664
- .bp_notification_module_root--055d9{
7676
+ .bp_notification_module_root--33c6e{
7665
7677
  max-width:848px;
7666
7678
  }
7667
7679
  }
7668
7680
  @media (width > 1219px){
7669
- .bp_notification_module_root--055d9{
7681
+ .bp_notification_module_root--33c6e{
7670
7682
  max-width:896px;
7671
7683
  }
7672
7684
  }
7673
- .bp_notification_module_root--055d9 .bp_notification_module_container--055d9{
7685
+ .bp_notification_module_root--33c6e .bp_notification_module_container--33c6e{
7674
7686
  align-items:flex-start;
7675
7687
  display:flex;
7676
7688
  gap:var(--notification-item-spacing);
7677
- padding:var(--notification-padding-vertical) 0;
7678
7689
  width:100%;
7679
7690
  }
7680
7691
  @media (width > 767px){
7681
- .bp_notification_module_root--055d9 .bp_notification_module_container--055d9{
7692
+ .bp_notification_module_root--33c6e .bp_notification_module_container--33c6e{
7682
7693
  align-items:center;
7683
7694
  }
7684
7695
  }
7685
- .bp_notification_module_root--055d9 .bp_notification_module_mobileContainer--055d9{
7696
+ .bp_notification_module_root--33c6e .bp_notification_module_mobileContainer--33c6e{
7686
7697
  align-items:left;
7687
7698
  display:flex;
7688
7699
  flex-direction:column;
@@ -7690,46 +7701,46 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7690
7701
  width:100%;
7691
7702
  }
7692
7703
  @media (width > 767px){
7693
- .bp_notification_module_root--055d9 .bp_notification_module_mobileContainer--055d9{
7704
+ .bp_notification_module_root--33c6e .bp_notification_module_mobileContainer--33c6e{
7694
7705
  align-items:center;
7695
7706
  flex-direction:row;
7696
7707
  }
7697
7708
  }
7698
- .bp_notification_module_root--055d9 .bp_notification_module_withButtons--055d9{
7709
+ .bp_notification_module_root--33c6e .bp_notification_module_withButtons--33c6e{
7699
7710
  gap:var(--notification-item-spacing);
7700
7711
  }
7701
- .bp_notification_module_root--055d9.bp_notification_module_info--055d9{
7712
+ .bp_notification_module_root--33c6e.bp_notification_module_info--33c6e{
7702
7713
  background:var(--notification-background-info);
7703
7714
  border-color:var(--notification-border-color-info);
7704
7715
  }
7705
- .bp_notification_module_root--055d9.bp_notification_module_success--055d9{
7716
+ .bp_notification_module_root--33c6e.bp_notification_module_success--33c6e{
7706
7717
  background:var(--notification-background-success);
7707
7718
  border-color:var(--notification-border-color-success);
7708
7719
  }
7709
- .bp_notification_module_root--055d9.bp_notification_module_warning--055d9{
7720
+ .bp_notification_module_root--33c6e.bp_notification_module_warning--33c6e{
7710
7721
  background:var(--notification-background-warning);
7711
7722
  border-color:var(--notification-border-color-warning);
7712
7723
  }
7713
- .bp_notification_module_root--055d9.bp_notification_module_error--055d9{
7724
+ .bp_notification_module_root--33c6e.bp_notification_module_error--33c6e{
7714
7725
  background:var(--notification-background-error);
7715
7726
  border-color:var(--notification-border-color-error);
7716
7727
  }
7717
- .bp_notification_module_root--055d9:focus-visible{
7728
+ .bp_notification_module_root--33c6e:focus-visible{
7718
7729
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
7719
7730
  outline:none;
7720
7731
  }
7721
- .bp_notification_module_root--055d9 .bp_notification_module_typeIconContainer--055d9{
7732
+ .bp_notification_module_root--33c6e .bp_notification_module_typeIconContainer--33c6e{
7722
7733
  align-items:center;
7723
7734
  display:flex;
7724
7735
  height:var(--notification-icon-size);
7725
7736
  justify-content:center;
7726
7737
  width:var(--notification-icon-size);
7727
7738
  }
7728
- .bp_notification_module_root--055d9 .bp_notification_module_typeIconContainer--055d9 .bp_notification_module_typeIcon--055d9{
7739
+ .bp_notification_module_root--33c6e .bp_notification_module_typeIconContainer--33c6e .bp_notification_module_typeIcon--33c6e{
7729
7740
  flex-shrink:0;
7730
- margin-left:var(--notification-padding-horizontal);
7741
+ margin:var(--notification-icon-margin);
7731
7742
  }
7732
- .bp_notification_module_root--055d9 .bp_notification_module_text--055d9{
7743
+ .bp_notification_module_root--33c6e .bp_notification_module_text--33c6e{
7733
7744
  align-items:center;
7734
7745
  color:var(--notification-text-color);
7735
7746
  display:flex;
@@ -7745,34 +7756,33 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
7745
7756
  text-decoration:var(--body-default-bold-text-decoration);
7746
7757
  text-transform:var(--body-default-bold-text-case);
7747
7758
  }
7748
- .bp_notification_module_root--055d9 .bp_notification_module_text--055d9 > div{
7759
+ .bp_notification_module_root--33c6e .bp_notification_module_text--33c6e > div{
7749
7760
  overflow:hidden;
7750
7761
  overflow-wrap:break-word;
7751
7762
  }
7752
- .bp_notification_module_root--055d9 .bp_notification_module_contentButtonSection--055d9{
7763
+ .bp_notification_module_root--33c6e .bp_notification_module_contentButtonSection--33c6e{
7753
7764
  display:flex;
7754
7765
  gap:var(--notification-item-spacing);
7755
7766
  margin-left:0;
7756
7767
  }
7757
7768
  @media (width > 767px){
7758
- .bp_notification_module_root--055d9 .bp_notification_module_contentButtonSection--055d9{
7769
+ .bp_notification_module_root--33c6e .bp_notification_module_contentButtonSection--33c6e{
7759
7770
  margin-left:auto;
7760
7771
  }
7761
7772
  }
7762
- .bp_notification_module_root--055d9 .bp_notification_module_contentButtonSection--055d9 .bp_notification_module_contentButtons--055d9{
7773
+ .bp_notification_module_root--33c6e .bp_notification_module_contentButtonSection--33c6e .bp_notification_module_contentButtons--33c6e{
7763
7774
  display:flex;
7764
7775
  gap:var(--notification-item-spacing);
7765
7776
  }
7766
- .bp_notification_module_root--055d9 .bp_notification_module_closeButtonSection--055d9{
7777
+ .bp_notification_module_root--33c6e .bp_notification_module_closeButtonSection--33c6e{
7767
7778
  display:flex;
7768
7779
  gap:var(--notification-item-spacing);
7769
7780
  margin-left:auto;
7770
- margin-right:var(--notification-padding-horizontal);
7771
7781
  }
7772
- .bp_notification_module_root--055d9 .bp_notification_module_closeButtonSection--055d9 .bp_notification_module_closeButton--055d9{
7782
+ .bp_notification_module_root--33c6e .bp_notification_module_closeButtonSection--33c6e .bp_notification_module_closeButton--33c6e{
7773
7783
  align-self:center;
7774
7784
  }
7775
- .bp_notification_module_root--055d9 .bp_notification_module_closeButtonSection--055d9 .bp_notification_module_closeButton--055d9 svg *{
7785
+ .bp_notification_module_root--33c6e .bp_notification_module_closeButtonSection--33c6e .bp_notification_module_closeButton--33c6e svg *{
7776
7786
  fill:currentColor;
7777
7787
  }
7778
7788
 
@@ -9274,7 +9284,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9274
9284
  .bp_trigger_button_module_triggerButton--5c49e.bp_trigger_button_module_large--5c49e.bp_trigger_button_module_startIcon--5c49e{
9275
9285
  padding-left:.625rem;
9276
9286
  }
9277
- .bp_styles_module_splitButton--75e0b[data-modern=false]{
9287
+ .bp_styles_module_splitButton--92246[data-modern=false]{
9278
9288
  --split-button-left-width:100%;
9279
9289
  --split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
9280
9290
  --split-button-left-skip-right-border-border-inline-end-color:#0000;
@@ -9286,9 +9296,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9286
9296
  --split-button-right-svg-width:var(--size-3);
9287
9297
  --split-button-right-svg-height:var(--size-3);
9288
9298
  --split-button-right-element-border-color:var(--border-cta-border-secondary);
9299
+ --split-button-right-element-secondary-background:var(--surface-cta-surface-secondary);
9300
+ --split-button-right-element-secondary-focus-or-hover-background:var(--surface-cta-surface-secondary-hover);
9301
+ --split-button-right-element-secondary-active-background:var(--surface-cta-surface-secondary-pressed);
9302
+ --split-button-right-element-secondary-backdrop-filter:none;
9289
9303
  }
9290
9304
 
9291
- .bp_styles_module_splitButton--75e0b[data-modern=true]{
9305
+ .bp_styles_module_splitButton--92246[data-modern=true]{
9292
9306
  --split-button-left-width:100%;
9293
9307
  --split-button-left-gap-margin-inline-end:calc(var(--bp-space-005)/2);
9294
9308
  --split-button-left-skip-right-border-border-inline-end-color:#0000;
@@ -9298,61 +9312,73 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9298
9312
  --split-button-right-svg-width:var(--bp-size-040);
9299
9313
  --split-button-right-svg-height:var(--bp-size-040);
9300
9314
  --split-button-right-element-border-color:var(--bp-border-cta-border-secondary);
9315
+ --split-button-right-element-secondary-background:var(--bp-surface-cta-surface-secondary);
9316
+ --split-button-right-element-secondary-focus-or-hover-background:var(--bp-surface-cta-surface-secondary-hover);
9317
+ --split-button-right-element-secondary-active-background:var(--bp-surface-cta-surface-secondary-pressed);
9318
+ --split-button-right-element-secondary-backdrop-filter:blur(16px);
9301
9319
  }
9302
9320
 
9303
- .bp_styles_module_dropdown--75e0b[data-modern=false],.bp_styles_module_dropdown--75e0b[data-modern=true]{
9321
+ .bp_styles_module_dropdown--92246[data-modern=false],.bp_styles_module_dropdown--92246[data-modern=true]{
9304
9322
  --split-button-dropdown-min-width:160px;
9305
9323
  }
9306
9324
 
9307
- .bp_styles_module_splitButton--75e0b{
9325
+ .bp_styles_module_splitButton--92246{
9308
9326
  display:inline-flex;
9309
9327
  position:relative;
9310
9328
  }
9311
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b{
9329
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonLeft--92246{
9312
9330
  border-bottom-right-radius:0;
9313
9331
  border-top-right-radius:0;
9314
9332
  padding:var(--split-button-left-element-padding);
9315
9333
  width:var(--split-button-left-width);
9316
9334
  }
9317
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_gap--75e0b{
9335
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonLeft--92246.bp_styles_module_gap--92246{
9318
9336
  margin-inline-end:var(--split-button-left-gap-margin-inline-end);
9319
9337
  }
9320
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b:focus-visible{
9338
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonLeft--92246:focus-visible{
9321
9339
  z-index:1;
9322
9340
  }
9323
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_skipRightBorder--75e0b{
9341
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonLeft--92246.bp_styles_module_skipRightBorder--92246{
9324
9342
  border-inline-end-color:var(--split-button-left-skip-right-border-border-inline-end-color) !important;
9325
9343
  }
9326
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_skipRightBorder--75e0b:focus-visible{
9344
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonLeft--92246.bp_styles_module_skipRightBorder--92246:focus-visible{
9327
9345
  border-inline-end-color:var(--split-button-left-skip-right-border-focus-visible-border-inline-end-color) !important;
9328
9346
  }
9329
- .bp_styles_module_splitButton--75e0b .bp_styles_module_loadingButton--75e0b{
9347
+ .bp_styles_module_splitButton--92246 .bp_styles_module_loadingButton--92246{
9330
9348
  width:100%;
9331
9349
  }
9332
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b{
9350
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246{
9333
9351
  border-end-start-radius:0;
9334
9352
  border-start-start-radius:0;
9335
9353
  padding:var(--split-button-right-element-padding) !important;
9336
9354
  }
9337
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b svg{
9355
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246 svg{
9338
9356
  height:var(--split-button-right-svg-height);
9339
9357
  width:var(--split-button-right-svg-width);
9340
9358
  }
9341
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b:focus-visible{
9359
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246:focus-visible{
9342
9360
  z-index:1;
9343
9361
  }
9344
- .bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:active,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:focus-visible,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:hover{
9362
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246.bp_styles_module_secondary--92246{
9363
+ backdrop-filter:var(--split-button-right-element-secondary-backdrop-filter);
9364
+ background:var(--split-button-right-element-secondary-background);
9345
9365
  border-color:var(--split-button-right-element-border-color);
9346
9366
  }
9367
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246.bp_styles_module_secondary--92246:focus-visible,.bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246.bp_styles_module_secondary--92246:hover{
9368
+ background:var(--split-button-right-element-secondary-focus-or-hover-background);
9369
+ }
9370
+ .bp_styles_module_splitButton--92246 .bp_styles_module_splitButtonRight--92246.bp_styles_module_secondary--92246:active{
9371
+ background:var(--split-button-right-element-secondary-active-background);
9372
+ }
9347
9373
 
9348
- .bp_styles_module_invisible--75e0b{
9374
+ .bp_styles_module_invisible--92246{
9349
9375
  left:0;
9350
9376
  position:absolute;
9351
9377
  top:0;
9352
9378
  visibility:hidden;
9353
9379
  }
9354
9380
 
9355
- .bp_styles_module_dropdown--75e0b{
9381
+ .bp_styles_module_dropdown--92246{
9356
9382
  min-width:var(--split-button-dropdown-min-width);
9357
9383
  }
9358
9384
 
package/dist/lib-esm/primitives/base-button/base-button.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"button":"bp_base_button_module_button--72712","primary":"bp_base_button_module_primary--72712","secondary":"bp_base_button_module_secondary--72712","tertiary":"bp_base_button_module_tertiary--72712","outline":"bp_base_button_module_outline--72712","small":"bp_base_button_module_small--72712","isIconButton":"bp_base_button_module_isIconButton--72712","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--72712","large":"bp_base_button_module_large--72712","icon":"bp_base_button_module_icon--72712","hide":"bp_base_button_module_hide--72712"};
2
+ var styles = {"button":"bp_base_button_module_button--cc46d","primary":"bp_base_button_module_primary--cc46d","secondary":"bp_base_button_module_secondary--cc46d","tertiary":"bp_base_button_module_tertiary--cc46d","outline":"bp_base_button_module_outline--cc46d","small":"bp_base_button_module_small--cc46d","isIconButton":"bp_base_button_module_isIconButton--cc46d","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--cc46d","large":"bp_base_button_module_large--cc46d","icon":"bp_base_button_module_icon--cc46d","hide":"bp_base_button_module_hide--cc46d"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/primitives/notification/notification.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"viewport":"bp_notification_module_viewport--055d9","root":"bp_notification_module_root--055d9","info":"bp_notification_module_info--055d9","success":"bp_notification_module_success--055d9","warning":"bp_notification_module_warning--055d9","error":"bp_notification_module_error--055d9","container":"bp_notification_module_container--055d9","mobileContainer":"bp_notification_module_mobileContainer--055d9","withButtons":"bp_notification_module_withButtons--055d9","typeIconContainer":"bp_notification_module_typeIconContainer--055d9","typeIcon":"bp_notification_module_typeIcon--055d9","text":"bp_notification_module_text--055d9","contentButtonSection":"bp_notification_module_contentButtonSection--055d9","contentButtons":"bp_notification_module_contentButtons--055d9","closeButtonSection":"bp_notification_module_closeButtonSection--055d9","closeButton":"bp_notification_module_closeButton--055d9"};
2
+ var styles = {"viewport":"bp_notification_module_viewport--33c6e","root":"bp_notification_module_root--33c6e","info":"bp_notification_module_info--33c6e","success":"bp_notification_module_success--33c6e","warning":"bp_notification_module_warning--33c6e","error":"bp_notification_module_error--33c6e","container":"bp_notification_module_container--33c6e","mobileContainer":"bp_notification_module_mobileContainer--33c6e","withButtons":"bp_notification_module_withButtons--33c6e","typeIconContainer":"bp_notification_module_typeIconContainer--33c6e","typeIcon":"bp_notification_module_typeIcon--33c6e","text":"bp_notification_module_text--33c6e","contentButtonSection":"bp_notification_module_contentButtonSection--33c6e","contentButtons":"bp_notification_module_contentButtons--33c6e","closeButtonSection":"bp_notification_module_closeButtonSection--33c6e","closeButton":"bp_notification_module_closeButton--33c6e"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/primitives/notification/private-notification-element.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { AlertBadge } from '@box/blueprint-web-assets/icons/Line';
1
2
  import * as Toast from '@radix-ui/react-toast';
2
3
  import { type ToastProps } from '@radix-ui/react-toast';
3
- import { type ReactNode } from 'react';
4
+ import { type ComponentProps, type ReactNode } from 'react';
4
5
  import { type StyledText } from '../../utils/commonTypes';
5
6
  export interface PrivateNotificationElementProps extends ToastProps {
6
7
  /** Governs the icon type and background color for the notification */
@@ -22,6 +23,9 @@ export interface PrivateNotificationElementProps extends ToastProps {
22
23
  /** This props should be Notification.Buttons only */
23
24
  children?: ReactNode;
24
25
  }
26
+ export declare const createLegacyIconProps: (iconLabel: string) => ComponentProps<typeof AlertBadge>;
27
+ export declare const createIconProps: (iconLabel: string) => ComponentProps<typeof AlertBadge>;
28
+ export declare const getIcon: (iconLabel: string, variant: PrivateNotificationElementProps["variant"]) => ReactNode;
25
29
  /**
26
30
  * A base component mounted on a page when addNotification is invoked.
27
31
  *
package/dist/lib-esm/primitives/notification/private-notification-element.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { XMark } from '@box/blueprint-web-assets/icons/Fill';
2
+ import { XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
3
3
  import { AlertTriangle, InfoBadge, CheckmarkBadge, AlertBadge } from '@box/blueprint-web-assets/icons/Line';
4
- import { Size5 } from '@box/blueprint-web-assets/tokens/tokens';
4
+ import { XMark, AlertTriangle as AlertTriangle$1, InformationCircle, CheckmarkCircle, AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
5
+ import { Size5, bpSize050, bpIconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
5
6
  import * as Toast from '@radix-ui/react-toast';
6
7
  import clsx from 'clsx';
7
8
  import { useMemo } from 'react';
@@ -9,13 +10,14 @@ import { useBlueprintModernization } from '../../blueprint-modernization-context
9
10
  import { IconButton } from '../icon-button/icon-button.js';
10
11
  import styles from './notification.module.js';
11
12
 
12
- const getIcon = (iconLabel, variant) => {
13
- const props = {
14
- className: styles.typeIcon,
15
- 'aria-label': iconLabel,
16
- width: Size5,
17
- height: Size5
18
- };
13
+ const createLegacyIconProps = iconLabel => ({
14
+ className: styles.typeIcon,
15
+ 'aria-label': iconLabel,
16
+ width: Size5,
17
+ height: Size5
18
+ });
19
+ const getLegacyIcon = (iconLabel, variant) => {
20
+ const props = createLegacyIconProps(iconLabel);
19
21
  switch (variant) {
20
22
  case 'error':
21
23
  return jsx(AlertBadge, {
@@ -36,6 +38,35 @@ const getIcon = (iconLabel, variant) => {
36
38
  }
37
39
  return null;
38
40
  };
41
+ const createIconProps = iconLabel => ({
42
+ className: styles.typeIcon,
43
+ 'aria-label': iconLabel,
44
+ width: bpSize050,
45
+ height: bpSize050,
46
+ color: bpIconIconOnLight
47
+ });
48
+ const getIcon = (iconLabel, variant) => {
49
+ const props = createIconProps(iconLabel);
50
+ switch (variant) {
51
+ case 'error':
52
+ return jsx(AlertCircle, {
53
+ ...props
54
+ });
55
+ case 'success':
56
+ return jsx(CheckmarkCircle, {
57
+ ...props
58
+ });
59
+ case 'info':
60
+ return jsx(InformationCircle, {
61
+ ...props
62
+ });
63
+ case 'warning':
64
+ return jsx(AlertTriangle$1, {
65
+ ...props
66
+ });
67
+ }
68
+ return null;
69
+ };
39
70
  /**
40
71
  * A base component mounted on a page when addNotification is invoked.
41
72
  *
@@ -56,10 +87,10 @@ function PrivateNotificationElement(props) {
56
87
  children,
57
88
  ...rest
58
89
  } = props;
59
- const iconComponent = useMemo(() => getIcon(typeIconAriaLabel, variant), [typeIconAriaLabel, variant]);
60
90
  const {
61
91
  enableModernizedComponents
62
92
  } = useBlueprintModernization();
93
+ const iconComponent = useMemo(() => enableModernizedComponents ? getIcon(typeIconAriaLabel, variant) : getLegacyIcon(typeIconAriaLabel, variant), [typeIconAriaLabel, variant, enableModernizedComponents]);
63
94
  return jsx(Toast.Root, {
64
95
  ...rest,
65
96
  className: clsx(styles.root, styles[variant]),
@@ -95,7 +126,7 @@ function PrivateNotificationElement(props) {
95
126
  children: jsx(IconButton, {
96
127
  "aria-label": closeButtonAriaLabel,
97
128
  className: styles.closeButton,
98
- icon: XMark,
129
+ icon: enableModernizedComponents ? XMark : XMark$1,
99
130
  onClick: onClose
100
131
  })
101
132
  })
@@ -104,4 +135,4 @@ function PrivateNotificationElement(props) {
104
135
  });
105
136
  }
106
137
 
107
- export { PrivateNotificationElement };
138
+ export { PrivateNotificationElement, createIconProps, createLegacyIconProps, getIcon };
package/dist/lib-esm/split-button/styles.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"splitButton":"bp_styles_module_splitButton--75e0b","dropdown":"bp_styles_module_dropdown--75e0b","splitButtonLeft":"bp_styles_module_splitButtonLeft--75e0b","gap":"bp_styles_module_gap--75e0b","skipRightBorder":"bp_styles_module_skipRightBorder--75e0b","loadingButton":"bp_styles_module_loadingButton--75e0b","splitButtonRight":"bp_styles_module_splitButtonRight--75e0b","secondary":"bp_styles_module_secondary--75e0b","invisible":"bp_styles_module_invisible--75e0b"};
2
+ var styles = {"splitButton":"bp_styles_module_splitButton--92246","dropdown":"bp_styles_module_dropdown--92246","splitButtonLeft":"bp_styles_module_splitButtonLeft--92246","gap":"bp_styles_module_gap--92246","skipRightBorder":"bp_styles_module_skipRightBorder--92246","loadingButton":"bp_styles_module_loadingButton--92246","splitButtonRight":"bp_styles_module_splitButtonRight--92246","secondary":"bp_styles_module_secondary--92246","invisible":"bp_styles_module_invisible--92246"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.86.0",
3
+ "version": "12.88.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {