@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.
- package/dist/lib-esm/index.css +164 -164
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.js +2 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/types.d.ts +1 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.bp_base_button_module_button--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
665
|
+
.bp_base_button_module_button--47c24:disabled{
|
|
666
666
|
opacity:.3;
|
|
667
667
|
}
|
|
668
|
-
.bp_base_button_module_button--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
6129
|
+
.bp_main_module_resizableTableContainer--12343{
|
|
6130
6130
|
min-width:100%;
|
|
6131
6131
|
}
|
|
6132
|
-
.bp_main_module_resizableTableContainer--
|
|
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--
|
|
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--
|
|
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-
|
|
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
|
|
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
|
|
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,
|
|
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--
|
|
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--
|
|
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-
|
|
6208
|
-
--list-item-header-column-resizer-height:var(--bp-size-
|
|
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
|
|
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
|
|
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,
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
6307
|
+
.bp_main_module_tableHeader--12343 .bp_main_module_column--12343[colspan]{
|
|
6308
6308
|
text-align:center;
|
|
6309
6309
|
}
|
|
6310
|
-
.bp_main_module_tableHeader--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
6377
|
+
.bp_main_module_column--12343.bp_main_module_hiddenColumn--12343{
|
|
6378
6378
|
display:none;
|
|
6379
6379
|
}
|
|
6380
6380
|
|
|
6381
|
-
.bp_main_module_tableBody--
|
|
6381
|
+
.bp_main_module_tableBody--12343[data-empty]{
|
|
6382
6382
|
text-align:center;
|
|
6383
6383
|
}
|
|
6384
|
-
.bp_main_module_tableBody--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
|
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--
|
|
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": "
|
|
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": "^
|
|
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": "^
|
|
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",
|