@box/blueprint-web 15.10.0 → 16.1.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.
@@ -355,7 +355,7 @@
355
355
  }
356
356
  }
357
357
 
358
- .bp_base_button_module_button--faf0a[data-modern=true]{
358
+ .bp_base_button_module_button--47c24[data-modern=true]{
359
359
  --button-border-radius:var(--bp-radius-10);
360
360
  --button-line-height:1;
361
361
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
@@ -366,10 +366,10 @@
366
366
  line-height:var(--bp-font-line-height-04);
367
367
  line-height:var(--button-line-height);
368
368
  }
369
- .bp_base_button_module_button--faf0a[data-modern=true]:not(:disabled)[data-focus-visible]{
369
+ .bp_base_button_module_button--47c24[data-modern=true]:not(:disabled)[data-focus-visible]{
370
370
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
371
371
  }
372
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_primary--faf0a{
372
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_primary--47c24{
373
373
  --button-color:var(--bp-text-text-on-dark);
374
374
  --button-background:var(--bp-surface-surface-brand);
375
375
  --button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
@@ -378,7 +378,7 @@
378
378
  --button-active-background:var(--bp-surface-surface-brand-pressed);
379
379
  --button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
380
380
  }
381
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_secondary--faf0a{
381
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_secondary--47c24{
382
382
  --button-color:var(--bp-text-text-on-light);
383
383
  --button-background:var(--bp-surface-cta-surface-secondary);
384
384
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
@@ -388,14 +388,14 @@
388
388
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
389
389
  --button-backdrop-filter:blur(16px);
390
390
  }
391
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_tertiary--faf0a{
391
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_tertiary--47c24{
392
392
  --button-color:var(--bp-text-cta-link);
393
393
  --button-background:var(--bp-surface-cta-surface-tertiary);
394
394
  --button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
395
395
  --button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
396
396
  --button-backdrop-filter:blur(16px);
397
397
  }
398
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a{
398
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_quaternary--47c24{
399
399
  --button-color:var(--bp-text-cta-link-secondary);
400
400
  --button-background:var(--bp-surface-cta-surface-quaternary);
401
401
  --button-border:var(--bp-border-01) solid #0000;
@@ -403,7 +403,7 @@
403
403
  --button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
404
404
  --button-backdrop-filter:blur(16px);
405
405
  }
406
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_tertiary-destructive--faf0a{
406
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_tertiary-destructive--47c24{
407
407
  --button-color:var(--bp-text-text-destructive-on-light);
408
408
  --button-background:var(--bp-surface-cta-destructive-surface-tertiary);
409
409
  --button-border:var(--bp-border-01) solid #0000;
@@ -411,7 +411,7 @@
411
411
  --button-active-background:var(--bp-surface-cta-destructive-surface-tertiary-pressed);
412
412
  --button-backdrop-filter:blur(16px);
413
413
  }
414
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_destructive--faf0a{
414
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_destructive--47c24{
415
415
  --button-color:var(--bp-text-text-on-dark);
416
416
  --button-background:var(--bp-surface-cta-destructive-surface-primary);
417
417
  --button-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary);
@@ -420,7 +420,7 @@
420
420
  --button-active-background:var(--bp-surface-cta-destructive-surface-primary-pressed);
421
421
  --button-active-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
422
422
  }
423
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_outline--faf0a{
423
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_outline--47c24{
424
424
  --button-color:var(--bp-text-text-on-light);
425
425
  --button-background:var(--bp-surface-cta-surface-secondary);
426
426
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
@@ -430,26 +430,26 @@
430
430
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
431
431
  --button-backdrop-filter:blur(16px);
432
432
  }
433
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_small--faf0a{
433
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_small--47c24{
434
434
  --button-small-gap:var(--bp-space-010);
435
435
  --button-small-min-height:var(--bp-size-080);
436
436
  --button-small-padding:0 var(--bp-size-030);
437
437
  }
438
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_small--faf0a.bp_base_button_module_isIconButton--faf0a{
438
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_small--47c24.bp_base_button_module_isIconButton--47c24{
439
439
  --icon-button-small-width:var(--bp-size-080);
440
440
  --icon-button-small-height:var(--bp-size-080);
441
441
  --icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
442
442
  }
443
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
443
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
444
444
  --button-small-padding:0 0.625rem 0 var(--bp-space-030);
445
445
  }
446
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
446
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
447
447
  --button-small-padding:0 var(--bp-space-030) 0 0.625rem;
448
448
  }
449
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
449
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
450
450
  --button-small-padding:0 0.625rem 0 0.625rem;
451
451
  }
452
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a{
452
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_x-small--47c24{
453
453
  --button-x-small-gap:var(--bp-space-010);
454
454
  --button-x-small-min-height:var(--bp-size-060);
455
455
  --button-x-small-padding:var(--bp-space-005) var(--bp-space-020);
@@ -460,43 +460,43 @@
460
460
  letter-spacing:var(--bp-font-letter-spacing-01);
461
461
  line-height:var(--bp-font-line-height-04);
462
462
  }
463
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isIconButton--faf0a{
463
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_x-small--47c24.bp_base_button_module_isIconButton--47c24{
464
464
  --icon-button-x-small-width:var(--bp-size-060);
465
465
  --icon-button-x-small-height:var(--bp-size-060);
466
466
  --icon-button-x-small-padding:0 calc((var(--bp-size-060) - var(--bp-size-040))/2);
467
467
  }
468
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
468
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
469
469
  --button-x-small-padding:var(--bp-space-005) 0.375rem var(--bp-space-005) var(--bp-space-020);
470
470
  }
471
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
471
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
472
472
  --button-x-small-padding:var(--bp-space-005) var(--bp-space-020) var(--bp-space-005) 0.375rem;
473
473
  }
474
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
474
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
475
475
  --button-x-small-padding:var(--bp-space-005) 0.375rem;
476
476
  }
477
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_large--faf0a{
477
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_large--47c24{
478
478
  --button-large-gap:var(--bp-space-020);
479
479
  --button-large-min-height:var(--bp-size-100);
480
480
  --button-large-padding:0 var(--bp-size-040);
481
481
  --button-large-font-size:var(--body-large-bold-font-size);
482
482
  --button-large-line-height:var(--body-large-bold-line-height);
483
483
  }
484
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_large--faf0a.bp_base_button_module_isIconButton--faf0a{
484
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_large--47c24.bp_base_button_module_isIconButton--47c24{
485
485
  --icon-button-large-width:var(--bp-size-100);
486
486
  --icon-button-large-height:var(--bp-size-100);
487
487
  --icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
488
488
  }
489
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
489
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
490
490
  --button-large-padding:0 0.875rem 0 var(--bp-space-040);
491
491
  }
492
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
492
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
493
493
  --button-large-padding:0 var(--bp-space-040) 0 0.875rem;
494
494
  }
495
- .bp_base_button_module_button--faf0a[data-modern=true].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
495
+ .bp_base_button_module_button--47c24[data-modern=true].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
496
496
  --button-large-padding:0 0.875rem 0 0.875rem;
497
497
  }
498
498
 
499
- .bp_base_button_module_button--faf0a[data-modern=false]{
499
+ .bp_base_button_module_button--47c24[data-modern=false]{
500
500
  --button-border-radius:var(--radius-2);
501
501
  --button-line-height:1;
502
502
  font-family:var(--body-default-bold-font-family);
@@ -508,10 +508,10 @@
508
508
  text-decoration:var(--body-default-bold-text-decoration);
509
509
  text-transform:var(--body-default-bold-text-case);
510
510
  }
511
- .bp_base_button_module_button--faf0a[data-modern=false]:not(:disabled)[data-focus-visible]{
511
+ .bp_base_button_module_button--47c24[data-modern=false]:not(:disabled)[data-focus-visible]{
512
512
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
513
513
  }
514
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_primary--faf0a{
514
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_primary--47c24{
515
515
  --button-color:var(--text-text-brand-on-color);
516
516
  --button-background:var(--surface-surface-brand);
517
517
  --button-border:var(--border-1) solid var(--surface-surface-brand);
@@ -520,7 +520,7 @@
520
520
  --button-active-background:var(--surface-surface-brand-pressed);
521
521
  --button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
522
522
  }
523
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_secondary--faf0a{
523
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_secondary--47c24{
524
524
  --button-color:var(--text-text-on-light);
525
525
  --button-background:var(--surface-cta-surface-secondary);
526
526
  --button-border:var(--border-1) solid var(--border-cta-border-secondary);
@@ -530,7 +530,7 @@
530
530
  --button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
531
531
  --button-backdrop-filter:none;
532
532
  }
533
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_tertiary--faf0a{
533
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_tertiary--47c24{
534
534
  --button-color:var(--text-cta-link);
535
535
  --button-background:#0000;
536
536
  --button-border:var(--border-1) solid #0000;
@@ -538,7 +538,7 @@
538
538
  --button-active-background:var(--surface-cta-surface-tertiary-pressed);
539
539
  --button-backdrop-filter:none;
540
540
  }
541
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a{
541
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_quaternary--47c24{
542
542
  --button-color:var(--text-cta-link-secondary);
543
543
  --button-background:var(--bp-surface-cta-surface-quaternary);
544
544
  --button-border:var(--border-1) solid #0000;
@@ -546,7 +546,7 @@
546
546
  --button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
547
547
  --button-backdrop-filter:none;
548
548
  }
549
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_tertiary-destructive--faf0a{
549
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_tertiary-destructive--47c24{
550
550
  --button-color:var(--text-text-destructive-on-light);
551
551
  --button-background:#0000;
552
552
  --button-border:var(--border-1) solid #0000;
@@ -554,7 +554,7 @@
554
554
  --button-active-background:var(--surface-cta-destructive-surface-tertiary-pressed);
555
555
  --button-backdrop-filter:none;
556
556
  }
557
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_destructive--faf0a{
557
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_destructive--47c24{
558
558
  --button-color:var(--text-text-on-dark);
559
559
  --button-background:var(--bp-surface-cta-destructive-surface-primary);
560
560
  --button-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary);
@@ -564,7 +564,7 @@
564
564
  --button-active-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
565
565
  --button-backdrop-filter:none;
566
566
  }
567
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_outline--faf0a{
567
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_outline--47c24{
568
568
  --button-color:var(--text-text-on-light);
569
569
  --button-background:var(--surface-cta-surface-outline);
570
570
  --button-border:var(--border-1) solid var(--border-cta-border-outline);
@@ -574,26 +574,26 @@
574
574
  --button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
575
575
  --button-backdrop-filter:none;
576
576
  }
577
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_small--faf0a{
577
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_small--47c24{
578
578
  --button-small-gap:var(--space-1);
579
579
  --button-small-min-height:var(--size-8);
580
580
  --button-small-padding:0 var(--space-4);
581
581
  }
582
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_small--faf0a.bp_base_button_module_isIconButton--faf0a{
582
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_small--47c24.bp_base_button_module_isIconButton--47c24{
583
583
  --icon-button-small-width:var(--size-8);
584
584
  --icon-button-small-height:var(--size-8);
585
585
  --icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
586
586
  }
587
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
587
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
588
588
  --button-small-padding:0 var(--space-3);
589
589
  }
590
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
590
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
591
591
  --button-small-padding:0 var(--space-3) 0 0.625rem;
592
592
  }
593
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
593
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
594
594
  --button-small-padding:0 var(--space-3) 0 var(--space-3);
595
595
  }
596
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a{
596
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_x-small--47c24{
597
597
  --button-x-small-gap:var(--space-1);
598
598
  --button-x-small-min-height:var(--size-6);
599
599
  --button-x-small-padding:var(--space-05) var(--space-2);
@@ -604,52 +604,52 @@
604
604
  font-weight:var(--button-x-small-font-weight);
605
605
  line-height:var(--button-x-small-line-height);
606
606
  }
607
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isIconButton--faf0a{
607
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_x-small--47c24.bp_base_button_module_isIconButton--47c24{
608
608
  --icon-button-x-small-width:var(--size-6);
609
609
  --icon-button-x-small-height:var(--size-6);
610
610
  --icon-button-x-small-padding:0 calc((var(--size-6) - var(--space-4))/2);
611
611
  }
612
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
612
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
613
613
  --button-x-small-padding:var(--space-05) 0.375rem var(--space-05) var(--space-2);
614
614
  }
615
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
615
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
616
616
  --button-x-small-padding:var(--space-05) var(--space-2) var(--space-05) 0.375rem;
617
617
  }
618
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
618
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
619
619
  --button-x-small-padding:var(--space-05) 0.375rem;
620
620
  }
621
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_large--faf0a{
621
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_large--47c24{
622
622
  --button-large-gap:var(--space-2);
623
623
  --button-large-min-height:var(--size-10);
624
624
  --button-large-padding:0 var(--space-4);
625
625
  --button-large-font-size:var(--body-default-bold-font-size);
626
626
  --button-large-line-height:var(--body-default-bold-line-height);
627
627
  }
628
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_large--faf0a.bp_base_button_module_isIconButton--faf0a{
628
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_large--47c24.bp_base_button_module_isIconButton--47c24{
629
629
  --icon-button-large-width:var(--size-10);
630
630
  --icon-button-large-height:var(--size-10);
631
631
  --icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
632
632
  }
633
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a{
633
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconEndButton--47c24{
634
634
  --button-large-padding:0 var(--space-4);
635
635
  }
636
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a{
636
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconStartButton--47c24{
637
637
  --button-large-padding:0 var(--space-4) 0 0.875rem;
638
638
  }
639
- .bp_base_button_module_button--faf0a[data-modern=false].bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
639
+ .bp_base_button_module_button--47c24[data-modern=false].bp_base_button_module_large--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
640
640
  --button-large-padding:0 var(--space-4) 0 var(--space-4);
641
641
  }
642
642
 
643
- .bp_base_button_module_button--faf0a[data-bp-animated=true]{
643
+ .bp_base_button_module_button--47c24[data-bp-animated=true]{
644
644
  transition-duration:var(--bp-duration-short);
645
645
  transition-property:background;
646
646
  transition-timing-function:var(--bp-curve-small-off);
647
647
  }
648
- .bp_base_button_module_button--faf0a[data-bp-animated=true]:active,.bp_base_button_module_button--faf0a[data-bp-animated=true]:hover{
648
+ .bp_base_button_module_button--47c24[data-bp-animated=true]:active,.bp_base_button_module_button--47c24[data-bp-animated=true]:hover{
649
649
  transition-timing-function:var(--bp-curve-small-on);
650
650
  }
651
651
 
652
- .bp_base_button_module_button--faf0a{
652
+ .bp_base_button_module_button--47c24{
653
653
  border-radius:var(--button-border-radius);
654
654
  cursor:pointer;
655
655
  justify-content:center;
@@ -658,151 +658,151 @@
658
658
  user-select:none;
659
659
  white-space:nowrap;
660
660
  }
661
- .bp_base_button_module_button--faf0a,.bp_base_button_module_button--faf0a .bp_base_button_module_icon--faf0a{
661
+ .bp_base_button_module_button--47c24,.bp_base_button_module_button--47c24 .bp_base_button_module_icon--47c24{
662
662
  align-items:center;
663
663
  display:flex;
664
664
  }
665
- .bp_base_button_module_button--faf0a:disabled{
665
+ .bp_base_button_module_button--47c24:disabled{
666
666
  opacity:.3;
667
667
  }
668
- .bp_base_button_module_button--faf0a.bp_base_button_module_primary--faf0a{
668
+ .bp_base_button_module_button--47c24.bp_base_button_module_primary--47c24{
669
669
  background:var(--button-background);
670
670
  border:var(--button-border);
671
671
  color:var(--button-color);
672
672
  }
673
- .bp_base_button_module_button--faf0a.bp_base_button_module_primary--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_primary--faf0a:not(:disabled)[data-focus-visible]{
673
+ .bp_base_button_module_button--47c24.bp_base_button_module_primary--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_primary--47c24:not(:disabled)[data-focus-visible]{
674
674
  background:var(--button-focus-or-hover-background);
675
675
  border:var(--button-focus-or-hover-border);
676
676
  }
677
- .bp_base_button_module_button--faf0a.bp_base_button_module_primary--faf0a:not(:disabled):active{
677
+ .bp_base_button_module_button--47c24.bp_base_button_module_primary--47c24:not(:disabled):active{
678
678
  background:var(--button-active-background);
679
679
  border:var(--button-active-border);
680
680
  }
681
- .bp_base_button_module_button--faf0a.bp_base_button_module_secondary--faf0a{
681
+ .bp_base_button_module_button--47c24.bp_base_button_module_secondary--47c24{
682
682
  backdrop-filter:var(--button-backdrop-filter);
683
683
  background:var(--button-background);
684
684
  border:var(--button-border);
685
685
  color:var(--button-color);
686
686
  }
687
- .bp_base_button_module_button--faf0a.bp_base_button_module_secondary--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_secondary--faf0a:not(:disabled)[data-focus-visible]{
687
+ .bp_base_button_module_button--47c24.bp_base_button_module_secondary--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_secondary--47c24:not(:disabled)[data-focus-visible]{
688
688
  background:var(--button-focus-or-hover-background);
689
689
  border:var(--button-focus-or-hover-border);
690
690
  }
691
- .bp_base_button_module_button--faf0a.bp_base_button_module_secondary--faf0a:not(:disabled):active{
691
+ .bp_base_button_module_button--47c24.bp_base_button_module_secondary--47c24:not(:disabled):active{
692
692
  background:var(--button-active-background);
693
693
  border:var(--button-active-border);
694
694
  }
695
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary-destructive--faf0a{
695
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary-destructive--47c24{
696
696
  backdrop-filter:var(--button-backdrop-filter);
697
697
  background:var(--button-background);
698
698
  border:var(--button-border);
699
699
  color:var(--button-color);
700
700
  }
701
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary-destructive--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_tertiary-destructive--faf0a:not(:disabled)[data-focus-visible]{
701
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary-destructive--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_tertiary-destructive--47c24:not(:disabled)[data-focus-visible]{
702
702
  background:var(--button-focus-or-hover-background);
703
703
  }
704
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary-destructive--faf0a:not(:disabled):active{
704
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary-destructive--47c24:not(:disabled):active{
705
705
  background:var(--button-active-background);
706
706
  }
707
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary--faf0a{
707
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary--47c24{
708
708
  backdrop-filter:var(--button-backdrop-filter);
709
709
  background:var(--button-background);
710
710
  border:var(--button-border);
711
711
  color:var(--button-color);
712
712
  }
713
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_tertiary--faf0a:not(:disabled)[data-focus-visible]{
713
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_tertiary--47c24:not(:disabled)[data-focus-visible]{
714
714
  background:var(--button-focus-or-hover-background);
715
715
  }
716
- .bp_base_button_module_button--faf0a.bp_base_button_module_tertiary--faf0a:not(:disabled):active{
716
+ .bp_base_button_module_button--47c24.bp_base_button_module_tertiary--47c24:not(:disabled):active{
717
717
  background:var(--button-active-background);
718
718
  }
719
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a{
719
+ .bp_base_button_module_button--47c24.bp_base_button_module_quaternary--47c24{
720
720
  backdrop-filter:var(--button-backdrop-filter);
721
721
  background:var(--button-background);
722
722
  border:var(--button-border);
723
723
  color:var(--button-color);
724
724
  }
725
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a:not(:disabled)[data-focus-visible]{
725
+ .bp_base_button_module_button--47c24.bp_base_button_module_quaternary--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_quaternary--47c24:not(:disabled)[data-focus-visible]{
726
726
  background:var(--button-focus-or-hover-background);
727
727
  }
728
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a:not(:disabled):active{
728
+ .bp_base_button_module_button--47c24.bp_base_button_module_quaternary--47c24:not(:disabled):active{
729
729
  background:var(--button-active-background);
730
730
  }
731
- .bp_base_button_module_button--faf0a.bp_base_button_module_destructive--faf0a{
731
+ .bp_base_button_module_button--47c24.bp_base_button_module_destructive--47c24{
732
732
  background:var(--button-background);
733
733
  border:var(--button-border);
734
734
  color:var(--button-color);
735
735
  }
736
- .bp_base_button_module_button--faf0a.bp_base_button_module_destructive--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_destructive--faf0a:not(:disabled)[data-focus-visible]{
736
+ .bp_base_button_module_button--47c24.bp_base_button_module_destructive--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_destructive--47c24:not(:disabled)[data-focus-visible]{
737
737
  background:var(--button-focus-or-hover-background);
738
738
  border:var(--button-focus-or-hover-border);
739
739
  }
740
- .bp_base_button_module_button--faf0a.bp_base_button_module_destructive--faf0a:not(:disabled):active{
740
+ .bp_base_button_module_button--47c24.bp_base_button_module_destructive--47c24:not(:disabled):active{
741
741
  background:var(--button-active-background);
742
742
  border:var(--button-active-border);
743
743
  }
744
- .bp_base_button_module_button--faf0a.bp_base_button_module_outline--faf0a{
744
+ .bp_base_button_module_button--47c24.bp_base_button_module_outline--47c24{
745
745
  backdrop-filter:var(--button-backdrop-filter);
746
746
  background:var(--button-background);
747
747
  border:var(--button-border);
748
748
  color:var(--button-color);
749
749
  }
750
- .bp_base_button_module_button--faf0a.bp_base_button_module_outline--faf0a:not(:disabled):hover,.bp_base_button_module_button--faf0a.bp_base_button_module_outline--faf0a:not(:disabled)[data-focus-visible]{
750
+ .bp_base_button_module_button--47c24.bp_base_button_module_outline--47c24:not(:disabled):hover,.bp_base_button_module_button--47c24.bp_base_button_module_outline--47c24:not(:disabled)[data-focus-visible]{
751
751
  background:var(--button-focus-or-hover-background);
752
752
  border:var(--button-focus-or-hover-border);
753
753
  }
754
- .bp_base_button_module_button--faf0a.bp_base_button_module_outline--faf0a:not(:disabled):active{
754
+ .bp_base_button_module_button--47c24.bp_base_button_module_outline--47c24:not(:disabled):active{
755
755
  background:var(--button-active-background);
756
756
  border:var(--button-active-border);
757
757
  }
758
- .bp_base_button_module_button--faf0a.bp_base_button_module_small--faf0a{
758
+ .bp_base_button_module_button--47c24.bp_base_button_module_small--47c24{
759
759
  gap:var(--button-small-gap);
760
760
  min-height:var(--button-small-min-height);
761
761
  padding:var(--button-small-padding);
762
762
  }
763
- .bp_base_button_module_button--faf0a.bp_base_button_module_small--faf0a.bp_base_button_module_isIconButton--faf0a{
763
+ .bp_base_button_module_button--47c24.bp_base_button_module_small--47c24.bp_base_button_module_isIconButton--47c24{
764
764
  height:var(--icon-button-small-height);
765
765
  min-height:unset;
766
766
  padding:var(--icon-button-small-padding);
767
767
  width:var(--icon-button-small-width);
768
768
  }
769
- .bp_base_button_module_button--faf0a.bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
769
+ .bp_base_button_module_button--47c24.bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
770
770
  padding:var(--button-small-padding);
771
771
  }
772
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a{
772
+ .bp_base_button_module_button--47c24.bp_base_button_module_x-small--47c24{
773
773
  gap:var(--button-x-small-gap);
774
774
  min-height:var(--button-x-small-min-height);
775
775
  padding:var(--button-x-small-padding);
776
776
  }
777
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isIconButton--faf0a{
777
+ .bp_base_button_module_button--47c24.bp_base_button_module_x-small--47c24.bp_base_button_module_isIconButton--47c24{
778
778
  height:var(--icon-button-x-small-height);
779
779
  min-height:unset;
780
780
  padding:var(--icon-button-x-small-padding);
781
781
  width:var(--icon-button-x-small-width);
782
782
  }
783
- .bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_quaternary--faf0a.bp_base_button_module_x-small--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
783
+ .bp_base_button_module_button--47c24.bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconEndButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithIconStartButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_x-small--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
784
784
  padding:var(--button-x-small-padding);
785
785
  }
786
- .bp_base_button_module_button--faf0a.bp_base_button_module_large--faf0a{
786
+ .bp_base_button_module_button--47c24.bp_base_button_module_large--47c24{
787
787
  font-size:var(--button-large-font-size);
788
788
  gap:var(--button-large-gap);
789
789
  line-height:var(--button-large-line-height);
790
790
  min-height:var(--button-large-min-height);
791
791
  padding:var(--button-large-padding);
792
792
  }
793
- .bp_base_button_module_button--faf0a.bp_base_button_module_large--faf0a.bp_base_button_module_isIconButton--faf0a{
793
+ .bp_base_button_module_button--47c24.bp_base_button_module_large--47c24.bp_base_button_module_isIconButton--47c24{
794
794
  height:var(--icon-button-large-height);
795
795
  padding:var(--icon-button-large-padding);
796
796
  width:var(--icon-button-large-width);
797
797
  }
798
- .bp_base_button_module_button--faf0a.bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconEndButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithIconStartButton--faf0a,.bp_base_button_module_button--faf0a.bp_base_button_module_large--faf0a.bp_base_button_module_isTextWithStartAndEndIconButton--faf0a{
798
+ .bp_base_button_module_button--47c24.bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconEndButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_large--47c24.bp_base_button_module_isTextWithIconStartButton--47c24,.bp_base_button_module_button--47c24.bp_base_button_module_large--47c24.bp_base_button_module_isTextWithStartAndEndIconButton--47c24{
799
799
  padding:var(--button-large-padding);
800
800
  }
801
- .bp_base_button_module_button--faf0a.bp_base_button_module_hide--faf0a{
801
+ .bp_base_button_module_button--47c24.bp_base_button_module_hide--47c24{
802
802
  pointer-events:none;
803
803
  position:relative;
804
804
  }
805
- .bp_base_button_module_button--faf0a.bp_base_button_module_hide--faf0a span{
805
+ .bp_base_button_module_button--47c24.bp_base_button_module_hide--47c24 span{
806
806
  color:#0000;
807
807
  opacity:0;
808
808
  }
@@ -6120,16 +6120,16 @@
6120
6120
  .bp_list_checkbox_module_checkbox--711bf[data-disabled]{
6121
6121
  opacity:var(--checkbox-disabled-opacity);
6122
6122
  }
6123
- .bp_main_module_tableSortingContainer--284ec{
6123
+ .bp_main_module_tableSortingContainer--12343{
6124
6124
  display:flex;
6125
6125
  flex-direction:column;
6126
6126
  min-width:100%;
6127
6127
  }
6128
6128
 
6129
- .bp_main_module_resizableTableContainer--284ec{
6129
+ .bp_main_module_resizableTableContainer--12343{
6130
6130
  min-width:100%;
6131
6131
  }
6132
- .bp_main_module_resizableTableContainer--284ec table{
6132
+ .bp_main_module_resizableTableContainer--12343 table{
6133
6133
  --item-background:var(--list-item-header-background);
6134
6134
  --outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
6135
6135
  --outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
@@ -6140,11 +6140,11 @@
6140
6140
  border-spacing:0;
6141
6141
  width:100% !important;
6142
6142
  }
6143
- .bp_main_module_resizableTableContainer--284ec .bp_main_module_resizableTable--284ec{
6143
+ .bp_main_module_resizableTableContainer--12343 .bp_main_module_resizableTable--12343{
6144
6144
  table-layout:auto !important;
6145
6145
  }
6146
6146
 
6147
- .bp_main_module_resizableTableContainer--284ec[data-modern=false]{
6147
+ .bp_main_module_resizableTableContainer--12343[data-modern=false]{
6148
6148
  --list-item-header-background:var(--background-background);
6149
6149
  --list-item-header-column-padding:var(--space-2) var(--space-3);
6150
6150
  --list-item-border-radius:var(--border-radius-datatable, var(--radius-4));
@@ -6156,7 +6156,7 @@
6156
6156
  --list-item-header-column-focus-outline-radius:none;
6157
6157
  --list-item-header-column-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
6158
6158
  --list-item-header-column-focus-outline-offset:var(--space-1);
6159
- --list-item-header-column-resizer-width:var(--border-2);
6159
+ --list-item-header-column-resizer-width:var(--border-1);
6160
6160
  --list-item-header-column-resizer-height:var(--size-6);
6161
6161
  --list-item-header-column-resizer-background-color:var(--border-tab-border-hover);
6162
6162
  --list-item-header-column-resizer-background-color-active:var(--border-tab-border-hover);
@@ -6170,14 +6170,14 @@
6170
6170
  --list-item-row-background-hover:var(--background-background);
6171
6171
  --list-item-row-background-selected:var(--box-blue-05);
6172
6172
  --list-item-row-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
6173
- --list-item-row-focus-outline-offset:-.25rem;
6173
+ --list-item-row-focus-outline-offset:-0.25rem;
6174
6174
  --list-item-row-border-hover:var(--border-1) solid var(--gray-10);
6175
6175
  --outline-select-color:var(--outline-select-color-datatable, var(--box-blue-100));
6176
6176
  --outline-focus-color:var(--outline-focus-on-light);
6177
6177
  --list-item-row-background-selected-border:var(--border-2) solid var(--outline-select-color);
6178
6178
  --list-item-row-height:var(--size-14);
6179
6179
  --list-item-cell-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
6180
- --list-item-cell-focus-outline-offset:-.1875rem;
6180
+ --list-item-cell-focus-outline-offset:-0.1875rem;
6181
6181
  --list-item-cell-padding:var(--space-2) var(--space-3);
6182
6182
  --list-item-cell-border-radius:0;
6183
6183
  --list-item-cell-actions-width:var(--size-6);
@@ -6185,14 +6185,14 @@
6185
6185
  --list-item-cell-actions-right-offset:var(--space-4);
6186
6186
  --list-item-cell-actions-padding:0 var(--space-2);
6187
6187
  --list-item-cell-actions-margin-block:var(--space-2);
6188
- --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -.35rem);
6188
+ --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6189
6189
  --list-item-row-hover-after-element-border:var(--border-1) solid #0000;
6190
6190
  }
6191
- .bp_main_module_resizableTableContainer--284ec[data-modern=false] .bp_main_module_resizableTable--284ec{
6191
+ .bp_main_module_resizableTableContainer--12343[data-modern=false] .bp_main_module_resizableTable--12343{
6192
6192
  table-layout:auto !important;
6193
6193
  }
6194
6194
 
6195
- .bp_main_module_resizableTableContainer--284ec[data-modern=true]{
6195
+ .bp_main_module_resizableTableContainer--12343[data-modern=true]{
6196
6196
  --list-item-header-background:var(--bp-surface-surface);
6197
6197
  --list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
6198
6198
  --list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
@@ -6204,8 +6204,8 @@
6204
6204
  --list-item-header-column-focus-outline-radius:var(--bp-radius-01);
6205
6205
  --list-item-header-column-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
6206
6206
  --list-item-header-column-focus-outline-offset:var(--bp-space-010);
6207
- --list-item-header-column-resizer-width:var(--bp-size-005);
6208
- --list-item-header-column-resizer-height:var(--bp-size-060);
6207
+ --list-item-header-column-resizer-width:var(--bp-border-01);
6208
+ --list-item-header-column-resizer-height:var(--bp-size-040);
6209
6209
  --list-item-header-column-resizer-background-color:var(--bp-border-resize-border-hover);
6210
6210
  --list-item-header-column-resizer-background-color-active:var(--bp-border-resize-border-focus);
6211
6211
  --list-item-header-column-resizer-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
@@ -6218,14 +6218,14 @@
6218
6218
  --list-item-row-background-hover:var(--bp-surface-list-item-surface-hover);
6219
6219
  --list-item-row-background-selected:var(--bp-surface-list-item-surface-selected);
6220
6220
  --list-item-row-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
6221
- --list-item-row-focus-outline-offset:-.25rem;
6221
+ --list-item-row-focus-outline-offset:-0.25rem;
6222
6222
  --list-item-row-border-hover:var(--bp-border-01) solid var(--bp-border-list-item-border);
6223
6223
  --outline-select-color:var(--outline-select-color-datatable, var(--bp-border-list-item-border-selected));
6224
6224
  --outline-focus-color:var(--bp-outline-focus-on-light);
6225
6225
  --list-item-row-background-selected-border:var(--bp-border-02) solid var(--outline-select-color);
6226
6226
  --list-item-row-height:var(--bp-size-140);
6227
6227
  --list-item-cell-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
6228
- --list-item-cell-focus-outline-offset:-.1875rem;
6228
+ --list-item-cell-focus-outline-offset:-0.1875rem;
6229
6229
  --list-item-cell-padding:var(--bp-space-020) var(--bp-space-030);
6230
6230
  --list-item-cell-border-radius:var(--bp-radius-08);
6231
6231
  --list-item-cell-actions-width:var(--bp-size-060);
@@ -6233,14 +6233,14 @@
6233
6233
  --list-item-cell-actions-right-offset:var(--bp-space-040);
6234
6234
  --list-item-cell-actions-padding:0 var(--bp-space-020);
6235
6235
  --list-item-cell-actions-margin-block:var(--bp-space-020);
6236
- --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -.35rem);
6236
+ --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6237
6237
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6238
6238
  }
6239
- .bp_main_module_resizableTableContainer--284ec[data-modern=true] .bp_main_module_resizableTable--284ec{
6239
+ .bp_main_module_resizableTableContainer--12343[data-modern=true] .bp_main_module_resizableTable--12343{
6240
6240
  table-layout:fixed !important;
6241
6241
  }
6242
6242
 
6243
- .bp_main_module_tableHeader--284ec[data-modern=true]{
6243
+ .bp_main_module_tableHeader--12343[data-modern=true]{
6244
6244
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6245
6245
  font-size:var(--bp-font-size-03);
6246
6246
  font-style:normal;
@@ -6248,11 +6248,11 @@
6248
6248
  letter-spacing:var(--bp-font-letter-spacing-01);
6249
6249
  line-height:var(--bp-font-line-height-02);
6250
6250
  }
6251
- .bp_main_module_tableHeader--284ec[data-modern=true] tr > th{
6251
+ .bp_main_module_tableHeader--12343[data-modern=true] tr > th{
6252
6252
  font-weight:var(--bp-font-weight-regular);
6253
6253
  }
6254
6254
 
6255
- .bp_main_module_tableHeader--284ec[data-modern=false]{
6255
+ .bp_main_module_tableHeader--12343[data-modern=false]{
6256
6256
  font-family:var(--caption-default-font-family);
6257
6257
  font-size:var(--caption-default-font-size);
6258
6258
  font-weight:var(--caption-default-font-weight);
@@ -6261,70 +6261,70 @@
6261
6261
  text-decoration:var(--caption-default-text-decoration);
6262
6262
  text-transform:var(--caption-default-text-case);
6263
6263
  }
6264
- .bp_main_module_tableHeader--284ec[data-modern=false] tr > th{
6264
+ .bp_main_module_tableHeader--12343[data-modern=false] tr > th{
6265
6265
  font-weight:var(--font-weight-regular);
6266
6266
  }
6267
6267
 
6268
- .bp_main_module_tableHeader--284ec tr > th{
6268
+ .bp_main_module_tableHeader--12343 tr > th{
6269
6269
  overflow:hidden;
6270
6270
  padding:0;
6271
6271
  text-overflow:ellipsis;
6272
6272
  white-space:nowrap;
6273
6273
  }
6274
- .bp_main_module_tableHeader--284ec tr > th:first-child{
6274
+ .bp_main_module_tableHeader--12343 tr > th:first-child{
6275
6275
  border-radius:var(--list-item-first-column-item-radius);
6276
6276
  }
6277
- .bp_main_module_tableHeader--284ec tr > th:last-child{
6277
+ .bp_main_module_tableHeader--12343 tr > th:last-child{
6278
6278
  border-radius:var(--list-item-last-column-item-radius);
6279
6279
  }
6280
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec{
6280
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343{
6281
6281
  color:var(--list-item-header-text-color-unsorted);
6282
6282
  outline:none;
6283
6283
  overflow:visible;
6284
6284
  text-align:left;
6285
6285
  }
6286
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnNameWrapper--284ec{
6286
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnNameWrapper--12343{
6287
6287
  align-items:center;
6288
6288
  display:flex;
6289
6289
  flex:1 0 0;
6290
6290
  gap:var(--list-item-header-gap);
6291
6291
  overflow:hidden;
6292
6292
  }
6293
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnNameWrapper--284ec .bp_main_module_columnName--284ec{
6293
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnNameWrapper--12343 .bp_main_module_columnName--12343{
6294
6294
  min-width:0;
6295
6295
  overflow:hidden;
6296
6296
  text-overflow:ellipsis;
6297
6297
  white-space:nowrap;
6298
6298
  }
6299
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnNameWrapper--284ec:focus-visible{
6299
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnNameWrapper--12343:focus-visible{
6300
6300
  outline:none;
6301
6301
  }
6302
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnNameWrapper--284ec.bp_main_module_focusVisible--284ec{
6302
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnNameWrapper--12343.bp_main_module_focusVisible--12343{
6303
6303
  border-radius:var(--list-item-header-column-focus-outline-radius);
6304
6304
  outline:var(--list-item-header-column-focus-outline);
6305
6305
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6306
6306
  }
6307
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec[colspan]{
6307
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343[colspan]{
6308
6308
  text-align:center;
6309
6309
  }
6310
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_rotateArrow--284ec{
6310
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_rotateArrow--12343{
6311
6311
  transform:rotateX(180deg);
6312
6312
  }
6313
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_sorted--284ec{
6313
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_sorted--12343{
6314
6314
  color:var(--list-item-header-text-color-sorted);
6315
6315
  font-weight:bold;
6316
6316
  }
6317
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_sortingFlexWrapper--284ec{
6317
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_sortingFlexWrapper--12343{
6318
6318
  align-items:center;
6319
6319
  display:flex;
6320
6320
  gap:var(--list-item-header-gap);
6321
6321
  padding:var(--list-item-header-column-padding);
6322
6322
  position:relative;
6323
6323
  }
6324
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_sortingFlexWrapper--284ec svg{
6324
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_sortingFlexWrapper--12343 svg{
6325
6325
  flex-shrink:0;
6326
6326
  }
6327
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec{
6327
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343{
6328
6328
  background-color:var(--list-item-header-column-resizer-background-color);
6329
6329
  flex:0 0 auto;
6330
6330
  height:var(--list-item-header-column-resizer-height);
@@ -6333,55 +6333,55 @@
6333
6333
  touch-action:none;
6334
6334
  width:var(--list-item-header-column-resizer-width);
6335
6335
  }
6336
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec[data-resizable-direction=both]{
6336
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343[data-resizable-direction=both]{
6337
6337
  cursor:ew-resize;
6338
6338
  }
6339
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec[data-resizable-direction=left]{
6339
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343[data-resizable-direction=left]{
6340
6340
  cursor:e-resize;
6341
6341
  }
6342
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec[data-resizable-direction=right]{
6342
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343[data-resizable-direction=right]{
6343
6343
  cursor:w-resize;
6344
6344
  }
6345
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec[data-focus-visible]{
6345
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343[data-focus-visible]{
6346
6346
  border-radius:var(--list-item-header-column-focus-outline-radius);
6347
6347
  outline:var(--list-item-header-column-resizer-outline);
6348
6348
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6349
6349
  }
6350
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec .bp_main_module_columnResizer--284ec[data-resizing]{
6350
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343 .bp_main_module_columnResizer--12343[data-resizing]{
6351
6351
  background-color:var(--list-item-header-column-resizer-background-color-active);
6352
6352
  }
6353
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec:last-of-type .bp_main_module_columnResizer--284ec{
6353
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343:last-of-type .bp_main_module_columnResizer--12343{
6354
6354
  display:none;
6355
6355
  }
6356
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--284ec .bp_main_module_column--284ec[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6356
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--12343 .bp_main_module_column--12343[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6357
6357
  color:var(--list-item-header-text-color-sorted);
6358
6358
  font-weight:bold;
6359
6359
  }
6360
- .bp_main_module_tableHeader--284ec .bp_main_module_column--284ec:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--284ec .bp_main_module_column--284ec[data-focus-visible]:not([data-sort-direction]) svg{
6360
+ .bp_main_module_tableHeader--12343 .bp_main_module_column--12343:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--12343 .bp_main_module_column--12343[data-focus-visible]:not([data-sort-direction]) svg{
6361
6361
  transform:rotateX(180deg);
6362
6362
  visibility:visible;
6363
6363
  }
6364
6364
 
6365
- .bp_main_module_dropdownHeaderContainer--284ec{
6365
+ .bp_main_module_dropdownHeaderContainer--12343{
6366
6366
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6367
6367
  }
6368
6368
 
6369
- .bp_main_module_column--284ec.bp_main_module_droppableColumn--284ec{
6369
+ .bp_main_module_column--12343.bp_main_module_droppableColumn--12343{
6370
6370
  min-width:160px;
6371
6371
  }
6372
6372
 
6373
- .bp_main_module_column--284ec.bp_main_module_actionColumn--284ec{
6373
+ .bp_main_module_column--12343.bp_main_module_actionColumn--12343{
6374
6374
  min-width:1px;
6375
6375
  }
6376
6376
 
6377
- .bp_main_module_column--284ec.bp_main_module_hiddenColumn--284ec{
6377
+ .bp_main_module_column--12343.bp_main_module_hiddenColumn--12343{
6378
6378
  display:none;
6379
6379
  }
6380
6380
 
6381
- .bp_main_module_tableBody--284ec[data-empty]{
6381
+ .bp_main_module_tableBody--12343[data-empty]{
6382
6382
  text-align:center;
6383
6383
  }
6384
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec{
6384
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343{
6385
6385
  background:var(--list-item-row-background);
6386
6386
  border-radius:var(--list-item-row-border-radius);
6387
6387
  color:var(--list-item-row-text-color);
@@ -6392,7 +6392,7 @@
6392
6392
  position:relative;
6393
6393
  transform:translateZ(0);
6394
6394
  }
6395
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec::after{
6395
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343::after{
6396
6396
  background:#0000;
6397
6397
  border-top:var(--list-item-row-divider);
6398
6398
  box-sizing:border-box;
@@ -6405,20 +6405,20 @@
6405
6405
  width:100%;
6406
6406
  z-index:999;
6407
6407
  }
6408
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[aria-selected=true]{
6408
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[aria-selected=true]{
6409
6409
  --list-item-row-background:var(--list-item-row-background-selected);
6410
6410
  }
6411
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[aria-selected=true]::after{
6411
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[aria-selected=true]::after{
6412
6412
  border:var(--list-item-row-background-selected-border);
6413
6413
  border-radius:var(--list-item-row-border-radius);
6414
6414
  }
6415
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[aria-selected=true] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec{
6415
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[aria-selected=true] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343{
6416
6416
  opacity:1;
6417
6417
  }
6418
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[aria-selected=true] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec .bp_main_module_actionChildren--284ec{
6418
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[aria-selected=true] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343 .bp_main_module_actionChildren--12343{
6419
6419
  display:none;
6420
6420
  }
6421
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec{
6421
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343{
6422
6422
  max-width:0;
6423
6423
  outline:none;
6424
6424
  overflow:hidden;
@@ -6428,25 +6428,25 @@
6428
6428
  transform:translateZ(0);
6429
6429
  white-space:nowrap;
6430
6430
  }
6431
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec[data-focus-visible]{
6431
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343[data-focus-visible]{
6432
6432
  outline:var(--list-item-cell-focus-outline);
6433
6433
  outline-offset:var(--list-item-cell-focus-outline-offset);
6434
6434
  position:relative;
6435
6435
  }
6436
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec:first-child{
6436
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343:first-child{
6437
6437
  border-radius:var(--list-item-first-column-item-radius);
6438
6438
  }
6439
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec:last-child{
6439
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343:last-child{
6440
6440
  border-radius:var(--list-item-last-column-item-radius);
6441
6441
  }
6442
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec.bp_main_module_actions--284ec{
6442
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343.bp_main_module_actions--12343{
6443
6443
  overflow:unset;
6444
6444
  padding:0;
6445
6445
  position:sticky;
6446
6446
  right:0;
6447
6447
  width:var(--list-item-cell-actions-width);
6448
6448
  }
6449
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec{
6449
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343{
6450
6450
  align-items:center;
6451
6451
  background:var(--list-item-row-background);
6452
6452
  bottom:0;
@@ -6460,7 +6460,7 @@
6460
6460
  right:var(--list-item-cell-actions-right-offset);
6461
6461
  top:0;
6462
6462
  }
6463
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec::before{
6463
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343::before{
6464
6464
  box-shadow:-.25rem 0 .625rem .625rem var(--list-item-row-background);
6465
6465
  content:"";
6466
6466
  display:block;
@@ -6470,68 +6470,68 @@
6470
6470
  width:0;
6471
6471
  z-index:0;
6472
6472
  }
6473
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec[data-state=open]{
6473
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343[data-state=open]{
6474
6474
  opacity:1;
6475
6475
  }
6476
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec[data-state=open] .bp_main_module_actionChildren--284ec{
6476
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343[data-state=open] .bp_main_module_actionChildren--12343{
6477
6477
  display:block;
6478
6478
  }
6479
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec .bp_main_module_cell--284ec.bp_main_module_isCellHidden--284ec{
6479
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343 .bp_main_module_cell--12343.bp_main_module_isCellHidden--12343{
6480
6480
  display:none;
6481
6481
  }
6482
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-dragging]{
6482
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-dragging]{
6483
6483
  opacity:.5;
6484
6484
  transform:translateZ(0);
6485
6485
  }
6486
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible]{
6486
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible]{
6487
6487
  outline:var(--list-item-row-focus-outline);
6488
6488
  outline-offset:var(--list-item-row-focus-outline-offset);
6489
6489
  }
6490
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible][aria-selected=true]{
6490
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible][aria-selected=true]{
6491
6491
  background:var(--list-item-row-background);
6492
6492
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6493
6493
  }
6494
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:last-child::after{
6494
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:last-child::after{
6495
6495
  border-bottom:var(--border-1) solid var(--gray-10);
6496
6496
  }
6497
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:last-child[aria-selected=true]::after{
6497
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:last-child[aria-selected=true]::after{
6498
6498
  border-bottom:var(--list-item-row-background-selected-border);
6499
6499
  }
6500
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible],.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered]{
6500
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible],.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered]{
6501
6501
  z-index:1;
6502
6502
  }
6503
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered]:not([aria-selected=true])::after{
6503
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered]:not([aria-selected=true])::after{
6504
6504
  border-bottom:var(--list-item-row-hover-after-element-border);
6505
6505
  border-radius:var(--list-item-border-radius);
6506
6506
  border-top:var(--list-item-row-hover-after-element-border);
6507
6507
  box-shadow:var(--dropshadow-2);
6508
6508
  }
6509
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered]:last-child:not([aria-selected=true])::after{
6509
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered]:last-child:not([aria-selected=true])::after{
6510
6510
  border-bottom:var(--list-item-row-hover-after-element-border);
6511
6511
  }
6512
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6512
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6513
6513
  border-top:var(--list-item-row-hover-after-element-border);
6514
6514
  }
6515
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within[data-dragging] .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within[data-pressed] .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered][data-dragging] .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered][data-pressed] .bp_main_module_actionsWrapper--284ec{
6515
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within[data-dragging] .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within[data-pressed] .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered][data-dragging] .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered][data-pressed] .bp_main_module_actionsWrapper--12343{
6516
6516
  opacity:1;
6517
6517
  }
6518
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6518
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6519
6519
  border:var(--list-item-row-border-hover);
6520
6520
  border-radius:var(--list-item-border-radius);
6521
6521
  }
6522
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec{
6522
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343{
6523
6523
  opacity:1;
6524
6524
  }
6525
- .bp_main_module_tableBody--284ec .bp_main_module_row--284ec:focus-within .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec .bp_main_module_actionChildren--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-focus-visible] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec .bp_main_module_actionChildren--284ec,.bp_main_module_tableBody--284ec .bp_main_module_row--284ec[data-hovered] .bp_main_module_cell--284ec .bp_main_module_actionsWrapper--284ec .bp_main_module_actionChildren--284ec{
6525
+ .bp_main_module_tableBody--12343 .bp_main_module_row--12343:focus-within .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343 .bp_main_module_actionChildren--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-focus-visible] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343 .bp_main_module_actionChildren--12343,.bp_main_module_tableBody--12343 .bp_main_module_row--12343[data-hovered] .bp_main_module_cell--12343 .bp_main_module_actionsWrapper--12343 .bp_main_module_actionChildren--12343{
6526
6526
  display:block;
6527
6527
  }
6528
6528
  @supports selector(:has(*)){
6529
- .bp_main_module_row--284ec[aria-selected=true] + .bp_main_module_dropIndicator--284ec + [aria-selected=true]::after,.bp_main_module_row--284ec[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--284ec:first-child,.bp_main_module_row--284ec[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--284ec:last-child,.bp_main_module_row--284ec[aria-selected=true] + [aria-selected=true]::after{
6529
+ .bp_main_module_row--12343[aria-selected=true] + .bp_main_module_dropIndicator--12343 + [aria-selected=true]::after,.bp_main_module_row--12343[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--12343:first-child,.bp_main_module_row--12343[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--12343:last-child,.bp_main_module_row--12343[aria-selected=true] + [aria-selected=true]::after{
6530
6530
  border-start-end-radius:0;
6531
6531
  border-start-start-radius:0;
6532
6532
  border-top-width:var(--border-1);
6533
6533
  }
6534
- .bp_main_module_row--284ec[aria-selected=true]:has(+ .bp_main_module_dropIndicator--284ec + [aria-selected=true]) .bp_main_module_cell--284ec:last-child,.bp_main_module_row--284ec[aria-selected=true]:has(+ .bp_main_module_dropIndicator--284ec + [aria-selected=true])::after,.bp_main_module_row--284ec[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--284ec:first-child,.bp_main_module_row--284ec[aria-selected=true]:has(+ [aria-selected=true])::after{
6534
+ .bp_main_module_row--12343[aria-selected=true]:has(+ .bp_main_module_dropIndicator--12343 + [aria-selected=true]) .bp_main_module_cell--12343:last-child,.bp_main_module_row--12343[aria-selected=true]:has(+ .bp_main_module_dropIndicator--12343 + [aria-selected=true])::after,.bp_main_module_row--12343[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--12343:first-child,.bp_main_module_row--12343[aria-selected=true]:has(+ [aria-selected=true])::after{
6535
6535
  border-bottom-width:var(--border-1);
6536
6536
  border-end-end-radius:0;
6537
6537
  border-end-start-radius:0;
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--284ec","resizableTableContainer":"bp_main_module_resizableTableContainer--284ec","resizableTable":"bp_main_module_resizableTable--284ec","tableHeader":"bp_main_module_tableHeader--284ec","column":"bp_main_module_column--284ec","columnNameWrapper":"bp_main_module_columnNameWrapper--284ec","columnName":"bp_main_module_columnName--284ec","focusVisible":"bp_main_module_focusVisible--284ec","sorted":"bp_main_module_sorted--284ec","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--284ec","columnResizer":"bp_main_module_columnResizer--284ec","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--284ec","droppableColumn":"bp_main_module_droppableColumn--284ec","actionColumn":"bp_main_module_actionColumn--284ec","hiddenColumn":"bp_main_module_hiddenColumn--284ec","tableBody":"bp_main_module_tableBody--284ec","row":"bp_main_module_row--284ec","cell":"bp_main_module_cell--284ec","actionsWrapper":"bp_main_module_actionsWrapper--284ec","actionChildren":"bp_main_module_actionChildren--284ec","actions":"bp_main_module_actions--284ec","isCellHidden":"bp_main_module_isCellHidden--284ec"};
2
+ var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--12343","resizableTableContainer":"bp_main_module_resizableTableContainer--12343","resizableTable":"bp_main_module_resizableTable--12343","tableHeader":"bp_main_module_tableHeader--12343","column":"bp_main_module_column--12343","columnNameWrapper":"bp_main_module_columnNameWrapper--12343","columnName":"bp_main_module_columnName--12343","focusVisible":"bp_main_module_focusVisible--12343","sorted":"bp_main_module_sorted--12343","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--12343","columnResizer":"bp_main_module_columnResizer--12343","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--12343","droppableColumn":"bp_main_module_droppableColumn--12343","actionColumn":"bp_main_module_actionColumn--12343","hiddenColumn":"bp_main_module_hiddenColumn--12343","tableBody":"bp_main_module_tableBody--12343","row":"bp_main_module_row--12343","cell":"bp_main_module_cell--12343","actionsWrapper":"bp_main_module_actionsWrapper--12343","actionChildren":"bp_main_module_actionChildren--12343","actions":"bp_main_module_actions--12343","isCellHidden":"bp_main_module_isCellHidden--12343"};
3
3
 
4
4
  export { styles as default };
@@ -24,6 +24,7 @@ const buttonTypeClassMap = {
24
24
  function getButtonClassName(variant, size, buttonType, loading, className) {
25
25
  return clsx(styles.button, variant && styles[variant], size && styles[size], buttonTypeClassMap[buttonType], loading && styles.hide, className);
26
26
  }
27
+ const VALID_X_SMALL_VARIANTS = ['quaternary', 'secondary'];
27
28
  const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
28
29
  const {
29
30
  children,
@@ -35,7 +36,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
35
36
  'aria-label': ariaLabel,
36
37
  ...rest
37
38
  } = getButtonOptions(props);
38
- const effectiveSize = size === 'x-small' && variant !== 'quaternary' ? 'small' : size;
39
+ const effectiveSize = size === 'x-small' && !VALID_X_SMALL_VARIANTS.includes(variant) ? 'small' : size;
39
40
  const {
40
41
  enableModernizedComponents
41
42
  } = useBlueprintModernization();
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"button":"bp_base_button_module_button--faf0a","primary":"bp_base_button_module_primary--faf0a","secondary":"bp_base_button_module_secondary--faf0a","tertiary":"bp_base_button_module_tertiary--faf0a","quaternary":"bp_base_button_module_quaternary--faf0a","tertiary-destructive":"bp_base_button_module_tertiary-destructive--faf0a","destructive":"bp_base_button_module_destructive--faf0a","outline":"bp_base_button_module_outline--faf0a","small":"bp_base_button_module_small--faf0a","isIconButton":"bp_base_button_module_isIconButton--faf0a","isTextWithIconEndButton":"bp_base_button_module_isTextWithIconEndButton--faf0a","isTextWithIconStartButton":"bp_base_button_module_isTextWithIconStartButton--faf0a","isTextWithStartAndEndIconButton":"bp_base_button_module_isTextWithStartAndEndIconButton--faf0a","x-small":"bp_base_button_module_x-small--faf0a","large":"bp_base_button_module_large--faf0a","icon":"bp_base_button_module_icon--faf0a","hide":"bp_base_button_module_hide--faf0a"};
2
+ var styles = {"button":"bp_base_button_module_button--47c24","primary":"bp_base_button_module_primary--47c24","secondary":"bp_base_button_module_secondary--47c24","tertiary":"bp_base_button_module_tertiary--47c24","quaternary":"bp_base_button_module_quaternary--47c24","tertiary-destructive":"bp_base_button_module_tertiary-destructive--47c24","destructive":"bp_base_button_module_destructive--47c24","outline":"bp_base_button_module_outline--47c24","small":"bp_base_button_module_small--47c24","isIconButton":"bp_base_button_module_isIconButton--47c24","isTextWithIconEndButton":"bp_base_button_module_isTextWithIconEndButton--47c24","isTextWithIconStartButton":"bp_base_button_module_isTextWithIconStartButton--47c24","isTextWithStartAndEndIconButton":"bp_base_button_module_isTextWithStartAndEndIconButton--47c24","x-small":"bp_base_button_module_x-small--47c24","large":"bp_base_button_module_large--47c24","icon":"bp_base_button_module_icon--47c24","hide":"bp_base_button_module_hide--47c24"};
3
3
 
4
4
  export { styles as default };
@@ -13,7 +13,7 @@ export interface BaseButtonInterface extends AriakitButtonProps {
13
13
  /**
14
14
  * The size of the button.
15
15
  *
16
- * Note: `'x-small'` is only valid with `variant='quaternary'`. When used with any other
16
+ * Note: `'x-small'` is only valid with `variant='quaternary'` and `variant='secondary'`. When used with any other
17
17
  * variant, BaseButton falls back to `'small'`.
18
18
  */
19
19
  size?: 'x-small' | 'small' | 'large';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "15.10.0",
3
+ "version": "16.1.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -47,7 +47,7 @@
47
47
  "dependencies": {
48
48
  "@ariakit/react": "0.4.21",
49
49
  "@ariakit/react-core": "0.4.21",
50
- "@box/blueprint-web-assets": "^4.131.1",
50
+ "@box/blueprint-web-assets": "^5.1.0",
51
51
  "@internationalized/date": "^3.12.0",
52
52
  "@radix-ui/primitive": "1.0.1",
53
53
  "@radix-ui/react-accordion": "1.1.2",
@@ -78,7 +78,7 @@
78
78
  "type-fest": "^3.2.0"
79
79
  },
80
80
  "devDependencies": {
81
- "@box/storybook-utils": "^0.21.13",
81
+ "@box/storybook-utils": "^1.1.0",
82
82
  "@figma/code-connect": "1.4.4",
83
83
  "@types/react": "^18.0.0",
84
84
  "@types/react-dom": "^18.0.0",