@box/blueprint-web 13.17.1 → 13.19.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 +262 -187
- package/dist/lib-esm/primitives/base-button/base-button.js +7 -0
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js +6 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js +4 -4
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js +6 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/dist/lib-esm/select/select.js +2 -6
- package/dist/lib-esm/select/select.module.js +1 -1
- package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +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--04b55[data-modern=true]{
|
|
359
359
|
--button-border-radius:var(--bp-radius-10);
|
|
360
360
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
361
361
|
font-size:var(--bp-font-size-05);
|
|
@@ -364,10 +364,10 @@
|
|
|
364
364
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
365
365
|
line-height:var(--bp-font-line-height-04);
|
|
366
366
|
}
|
|
367
|
-
.bp_base_button_module_button--
|
|
367
|
+
.bp_base_button_module_button--04b55[data-modern=true]:not(:disabled)[data-focus-visible]{
|
|
368
368
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
369
369
|
}
|
|
370
|
-
.bp_base_button_module_button--
|
|
370
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_primary--04b55{
|
|
371
371
|
--button-color:var(--bp-text-text-on-dark);
|
|
372
372
|
--button-background:var(--bp-surface-surface-brand);
|
|
373
373
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
--button-active-background:var(--bp-surface-surface-brand-pressed);
|
|
377
377
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
|
|
378
378
|
}
|
|
379
|
-
.bp_base_button_module_button--
|
|
379
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_secondary--04b55{
|
|
380
380
|
--button-color:var(--bp-text-text-on-light);
|
|
381
381
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
382
382
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -386,14 +386,14 @@
|
|
|
386
386
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
387
387
|
--button-backdrop-filter:blur(16px);
|
|
388
388
|
}
|
|
389
|
-
.bp_base_button_module_button--
|
|
389
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_tertiary--04b55{
|
|
390
390
|
--button-color:var(--bp-text-cta-link);
|
|
391
391
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
392
392
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
393
393
|
--button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
|
|
394
394
|
--button-backdrop-filter:blur(16px);
|
|
395
395
|
}
|
|
396
|
-
.bp_base_button_module_button--
|
|
396
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_quaternary--04b55{
|
|
397
397
|
--button-color:var(--bp-text-cta-link-secondary);
|
|
398
398
|
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
399
399
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -401,7 +401,7 @@
|
|
|
401
401
|
--button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
|
|
402
402
|
--button-backdrop-filter:blur(16px);
|
|
403
403
|
}
|
|
404
|
-
.bp_base_button_module_button--
|
|
404
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_tertiary-destructive--04b55{
|
|
405
405
|
--button-color:var(--bp-text-text-destructive-on-light);
|
|
406
406
|
--button-background:var(--bp-surface-cta-destructive-surface-tertiary);
|
|
407
407
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -409,7 +409,7 @@
|
|
|
409
409
|
--button-active-background:var(--bp-surface-cta-destructive-surface-tertiary-pressed);
|
|
410
410
|
--button-backdrop-filter:blur(16px);
|
|
411
411
|
}
|
|
412
|
-
.bp_base_button_module_button--
|
|
412
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_destructive--04b55{
|
|
413
413
|
--button-color:var(--bp-text-text-on-dark);
|
|
414
414
|
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
415
415
|
--button-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
--button-active-background:var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
419
419
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
420
420
|
}
|
|
421
|
-
.bp_base_button_module_button--
|
|
421
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_outline--04b55{
|
|
422
422
|
--button-color:var(--bp-text-text-on-light);
|
|
423
423
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
424
424
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -428,48 +428,48 @@
|
|
|
428
428
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
429
429
|
--button-backdrop-filter:blur(16px);
|
|
430
430
|
}
|
|
431
|
-
.bp_base_button_module_button--
|
|
431
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_small--04b55{
|
|
432
432
|
--button-small-gap:var(--bp-space-010);
|
|
433
433
|
--button-small-min-height:var(--bp-size-080);
|
|
434
434
|
--button-small-padding:0 var(--bp-size-030);
|
|
435
435
|
}
|
|
436
|
-
.bp_base_button_module_button--
|
|
436
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_small--04b55.bp_base_button_module_isIconButton--04b55{
|
|
437
437
|
--icon-button-small-width:var(--bp-size-080);
|
|
438
438
|
--icon-button-small-height:var(--bp-size-080);
|
|
439
439
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
440
440
|
}
|
|
441
|
-
.bp_base_button_module_button--
|
|
441
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconEndButton--04b55{
|
|
442
442
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
443
443
|
}
|
|
444
|
-
.bp_base_button_module_button--
|
|
444
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconStartButton--04b55{
|
|
445
445
|
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
446
446
|
}
|
|
447
|
-
.bp_base_button_module_button--
|
|
447
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
448
448
|
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
449
449
|
}
|
|
450
|
-
.bp_base_button_module_button--
|
|
450
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_large--04b55{
|
|
451
451
|
--button-large-gap:var(--bp-space-020);
|
|
452
452
|
--button-large-min-height:var(--bp-size-100);
|
|
453
453
|
--button-large-padding:0 var(--bp-size-040);
|
|
454
454
|
--button-large-font-size:var(--body-large-bold-font-size);
|
|
455
455
|
--button-large-line-height:var(--body-large-bold-line-height);
|
|
456
456
|
}
|
|
457
|
-
.bp_base_button_module_button--
|
|
457
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_large--04b55.bp_base_button_module_isIconButton--04b55{
|
|
458
458
|
--icon-button-large-width:var(--bp-size-100);
|
|
459
459
|
--icon-button-large-height:var(--bp-size-100);
|
|
460
460
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
461
461
|
}
|
|
462
|
-
.bp_base_button_module_button--
|
|
462
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconEndButton--04b55{
|
|
463
463
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
464
464
|
}
|
|
465
|
-
.bp_base_button_module_button--
|
|
465
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconStartButton--04b55{
|
|
466
466
|
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
467
467
|
}
|
|
468
|
-
.bp_base_button_module_button--
|
|
468
|
+
.bp_base_button_module_button--04b55[data-modern=true].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
469
469
|
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
470
470
|
}
|
|
471
471
|
|
|
472
|
-
.bp_base_button_module_button--
|
|
472
|
+
.bp_base_button_module_button--04b55[data-modern=false]{
|
|
473
473
|
--button-border-radius:var(--radius-2);
|
|
474
474
|
font-family:var(--body-default-bold-font-family);
|
|
475
475
|
font-size:var(--body-default-bold-font-size);
|
|
@@ -479,10 +479,10 @@
|
|
|
479
479
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
480
480
|
text-transform:var(--body-default-bold-text-case);
|
|
481
481
|
}
|
|
482
|
-
.bp_base_button_module_button--
|
|
482
|
+
.bp_base_button_module_button--04b55[data-modern=false]:not(:disabled)[data-focus-visible]{
|
|
483
483
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
484
484
|
}
|
|
485
|
-
.bp_base_button_module_button--
|
|
485
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_primary--04b55{
|
|
486
486
|
--button-color:var(--text-text-brand-on-color);
|
|
487
487
|
--button-background:var(--surface-surface-brand);
|
|
488
488
|
--button-border:var(--border-1) solid var(--surface-surface-brand);
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
--button-active-background:var(--surface-surface-brand-pressed);
|
|
492
492
|
--button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
493
493
|
}
|
|
494
|
-
.bp_base_button_module_button--
|
|
494
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_secondary--04b55{
|
|
495
495
|
--button-color:var(--text-text-on-light);
|
|
496
496
|
--button-background:var(--surface-cta-surface-secondary);
|
|
497
497
|
--button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
@@ -501,7 +501,7 @@
|
|
|
501
501
|
--button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
502
502
|
--button-backdrop-filter:none;
|
|
503
503
|
}
|
|
504
|
-
.bp_base_button_module_button--
|
|
504
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_tertiary--04b55{
|
|
505
505
|
--button-color:var(--text-cta-link);
|
|
506
506
|
--button-background:#0000;
|
|
507
507
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -509,7 +509,7 @@
|
|
|
509
509
|
--button-active-background:var(--surface-cta-surface-tertiary-pressed);
|
|
510
510
|
--button-backdrop-filter:none;
|
|
511
511
|
}
|
|
512
|
-
.bp_base_button_module_button--
|
|
512
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_quaternary--04b55{
|
|
513
513
|
--button-color:var(--text-cta-link-secondary);
|
|
514
514
|
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
515
515
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -517,7 +517,7 @@
|
|
|
517
517
|
--button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
|
|
518
518
|
--button-backdrop-filter:none;
|
|
519
519
|
}
|
|
520
|
-
.bp_base_button_module_button--
|
|
520
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_tertiary-destructive--04b55{
|
|
521
521
|
--button-color:var(--text-text-destructive-on-light);
|
|
522
522
|
--button-background:#0000;
|
|
523
523
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -525,7 +525,7 @@
|
|
|
525
525
|
--button-active-background:var(--surface-cta-destructive-surface-tertiary-pressed);
|
|
526
526
|
--button-backdrop-filter:none;
|
|
527
527
|
}
|
|
528
|
-
.bp_base_button_module_button--
|
|
528
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_destructive--04b55{
|
|
529
529
|
--button-color:var(--text-text-on-dark);
|
|
530
530
|
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
531
531
|
--button-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
--button-active-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
536
536
|
--button-backdrop-filter:none;
|
|
537
537
|
}
|
|
538
|
-
.bp_base_button_module_button--
|
|
538
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_outline--04b55{
|
|
539
539
|
--button-color:var(--text-text-on-light);
|
|
540
540
|
--button-background:var(--surface-cta-surface-outline);
|
|
541
541
|
--button-border:var(--border-1) solid var(--border-cta-border-outline);
|
|
@@ -545,48 +545,57 @@
|
|
|
545
545
|
--button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
546
546
|
--button-backdrop-filter:none;
|
|
547
547
|
}
|
|
548
|
-
.bp_base_button_module_button--
|
|
548
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_small--04b55{
|
|
549
549
|
--button-small-gap:var(--space-1);
|
|
550
550
|
--button-small-min-height:var(--size-8);
|
|
551
551
|
--button-small-padding:0 var(--space-4);
|
|
552
552
|
}
|
|
553
|
-
.bp_base_button_module_button--
|
|
553
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_small--04b55.bp_base_button_module_isIconButton--04b55{
|
|
554
554
|
--icon-button-small-width:var(--size-8);
|
|
555
555
|
--icon-button-small-height:var(--size-8);
|
|
556
556
|
--icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
|
|
557
557
|
}
|
|
558
|
-
.bp_base_button_module_button--
|
|
558
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconEndButton--04b55{
|
|
559
559
|
--button-small-padding:0 var(--space-3);
|
|
560
560
|
}
|
|
561
|
-
.bp_base_button_module_button--
|
|
561
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconStartButton--04b55{
|
|
562
562
|
--button-small-padding:0 var(--space-3) 0 0.625rem;
|
|
563
563
|
}
|
|
564
|
-
.bp_base_button_module_button--
|
|
564
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_small--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
565
565
|
--button-small-padding:0 var(--space-3) 0 var(--space-3);
|
|
566
566
|
}
|
|
567
|
-
.bp_base_button_module_button--
|
|
567
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_large--04b55{
|
|
568
568
|
--button-large-gap:var(--space-2);
|
|
569
569
|
--button-large-min-height:var(--size-10);
|
|
570
570
|
--button-large-padding:0 var(--space-4);
|
|
571
571
|
--button-large-font-size:var(--body-default-bold-font-size);
|
|
572
572
|
--button-large-line-height:var(--body-default-bold-line-height);
|
|
573
573
|
}
|
|
574
|
-
.bp_base_button_module_button--
|
|
574
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_large--04b55.bp_base_button_module_isIconButton--04b55{
|
|
575
575
|
--icon-button-large-width:var(--size-10);
|
|
576
576
|
--icon-button-large-height:var(--size-10);
|
|
577
577
|
--icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
|
|
578
578
|
}
|
|
579
|
-
.bp_base_button_module_button--
|
|
579
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconEndButton--04b55{
|
|
580
580
|
--button-large-padding:0 var(--space-4);
|
|
581
581
|
}
|
|
582
|
-
.bp_base_button_module_button--
|
|
582
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconStartButton--04b55{
|
|
583
583
|
--button-large-padding:0 var(--space-4) 0 0.875rem;
|
|
584
584
|
}
|
|
585
|
-
.bp_base_button_module_button--
|
|
585
|
+
.bp_base_button_module_button--04b55[data-modern=false].bp_base_button_module_large--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
586
586
|
--button-large-padding:0 var(--space-4) 0 var(--space-4);
|
|
587
587
|
}
|
|
588
588
|
|
|
589
|
-
.bp_base_button_module_button--
|
|
589
|
+
.bp_base_button_module_button--04b55[data-bp-animated=true]{
|
|
590
|
+
transition-duration:var(--bp-duration-short);
|
|
591
|
+
transition-property:background;
|
|
592
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
593
|
+
}
|
|
594
|
+
.bp_base_button_module_button--04b55[data-bp-animated=true]:active,.bp_base_button_module_button--04b55[data-bp-animated=true]:hover{
|
|
595
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
.bp_base_button_module_button--04b55{
|
|
590
599
|
border-radius:var(--button-border-radius);
|
|
591
600
|
cursor:pointer;
|
|
592
601
|
justify-content:center;
|
|
@@ -595,137 +604,137 @@
|
|
|
595
604
|
user-select:none;
|
|
596
605
|
white-space:nowrap;
|
|
597
606
|
}
|
|
598
|
-
.bp_base_button_module_button--
|
|
607
|
+
.bp_base_button_module_button--04b55,.bp_base_button_module_button--04b55 .bp_base_button_module_icon--04b55{
|
|
599
608
|
align-items:center;
|
|
600
609
|
display:flex;
|
|
601
610
|
}
|
|
602
|
-
.bp_base_button_module_button--
|
|
611
|
+
.bp_base_button_module_button--04b55:disabled{
|
|
603
612
|
opacity:.3;
|
|
604
613
|
}
|
|
605
|
-
.bp_base_button_module_button--
|
|
614
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_primary--04b55{
|
|
606
615
|
background:var(--button-background);
|
|
607
616
|
border:var(--button-border);
|
|
608
617
|
color:var(--button-color);
|
|
609
618
|
}
|
|
610
|
-
.bp_base_button_module_button--
|
|
619
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_primary--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_primary--04b55:not(:disabled)[data-focus-visible]{
|
|
611
620
|
background:var(--button-focus-or-hover-background);
|
|
612
621
|
border:var(--button-focus-or-hover-border);
|
|
613
622
|
}
|
|
614
|
-
.bp_base_button_module_button--
|
|
623
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_primary--04b55:not(:disabled):active{
|
|
615
624
|
background:var(--button-active-background);
|
|
616
625
|
border:var(--button-active-border);
|
|
617
626
|
}
|
|
618
|
-
.bp_base_button_module_button--
|
|
627
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_secondary--04b55{
|
|
619
628
|
backdrop-filter:var(--button-backdrop-filter);
|
|
620
629
|
background:var(--button-background);
|
|
621
630
|
border:var(--button-border);
|
|
622
631
|
color:var(--button-color);
|
|
623
632
|
}
|
|
624
|
-
.bp_base_button_module_button--
|
|
633
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_secondary--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_secondary--04b55:not(:disabled)[data-focus-visible]{
|
|
625
634
|
background:var(--button-focus-or-hover-background);
|
|
626
635
|
border:var(--button-focus-or-hover-border);
|
|
627
636
|
}
|
|
628
|
-
.bp_base_button_module_button--
|
|
637
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_secondary--04b55:not(:disabled):active{
|
|
629
638
|
background:var(--button-active-background);
|
|
630
639
|
border:var(--button-active-border);
|
|
631
640
|
}
|
|
632
|
-
.bp_base_button_module_button--
|
|
641
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary-destructive--04b55{
|
|
633
642
|
backdrop-filter:var(--button-backdrop-filter);
|
|
634
643
|
background:var(--button-background);
|
|
635
644
|
border:var(--button-border);
|
|
636
645
|
color:var(--button-color);
|
|
637
646
|
}
|
|
638
|
-
.bp_base_button_module_button--
|
|
647
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary-destructive--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_tertiary-destructive--04b55:not(:disabled)[data-focus-visible]{
|
|
639
648
|
background:var(--button-focus-or-hover-background);
|
|
640
649
|
}
|
|
641
|
-
.bp_base_button_module_button--
|
|
650
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary-destructive--04b55:not(:disabled):active{
|
|
642
651
|
background:var(--button-active-background);
|
|
643
652
|
}
|
|
644
|
-
.bp_base_button_module_button--
|
|
653
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary--04b55{
|
|
645
654
|
backdrop-filter:var(--button-backdrop-filter);
|
|
646
655
|
background:var(--button-background);
|
|
647
656
|
border:var(--button-border);
|
|
648
657
|
color:var(--button-color);
|
|
649
658
|
}
|
|
650
|
-
.bp_base_button_module_button--
|
|
659
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_tertiary--04b55:not(:disabled)[data-focus-visible]{
|
|
651
660
|
background:var(--button-focus-or-hover-background);
|
|
652
661
|
}
|
|
653
|
-
.bp_base_button_module_button--
|
|
662
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_tertiary--04b55:not(:disabled):active{
|
|
654
663
|
background:var(--button-active-background);
|
|
655
664
|
}
|
|
656
|
-
.bp_base_button_module_button--
|
|
665
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_quaternary--04b55{
|
|
657
666
|
backdrop-filter:var(--button-backdrop-filter);
|
|
658
667
|
background:var(--button-background);
|
|
659
668
|
border:var(--button-border);
|
|
660
669
|
color:var(--button-color);
|
|
661
670
|
}
|
|
662
|
-
.bp_base_button_module_button--
|
|
671
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_quaternary--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_quaternary--04b55:not(:disabled)[data-focus-visible]{
|
|
663
672
|
background:var(--button-focus-or-hover-background);
|
|
664
673
|
}
|
|
665
|
-
.bp_base_button_module_button--
|
|
674
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_quaternary--04b55:not(:disabled):active{
|
|
666
675
|
background:var(--button-active-background);
|
|
667
676
|
}
|
|
668
|
-
.bp_base_button_module_button--
|
|
677
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_destructive--04b55{
|
|
669
678
|
background:var(--button-background);
|
|
670
679
|
border:var(--button-border);
|
|
671
680
|
color:var(--button-color);
|
|
672
681
|
}
|
|
673
|
-
.bp_base_button_module_button--
|
|
682
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_destructive--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_destructive--04b55:not(:disabled)[data-focus-visible]{
|
|
674
683
|
background:var(--button-focus-or-hover-background);
|
|
675
684
|
border:var(--button-focus-or-hover-border);
|
|
676
685
|
}
|
|
677
|
-
.bp_base_button_module_button--
|
|
686
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_destructive--04b55:not(:disabled):active{
|
|
678
687
|
background:var(--button-active-background);
|
|
679
688
|
border:var(--button-active-border);
|
|
680
689
|
}
|
|
681
|
-
.bp_base_button_module_button--
|
|
690
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_outline--04b55{
|
|
682
691
|
backdrop-filter:var(--button-backdrop-filter);
|
|
683
692
|
background:var(--button-background);
|
|
684
693
|
border:var(--button-border);
|
|
685
694
|
color:var(--button-color);
|
|
686
695
|
}
|
|
687
|
-
.bp_base_button_module_button--
|
|
696
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_outline--04b55:not(:disabled):hover,.bp_base_button_module_button--04b55.bp_base_button_module_outline--04b55:not(:disabled)[data-focus-visible]{
|
|
688
697
|
background:var(--button-focus-or-hover-background);
|
|
689
698
|
border:var(--button-focus-or-hover-border);
|
|
690
699
|
}
|
|
691
|
-
.bp_base_button_module_button--
|
|
700
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_outline--04b55:not(:disabled):active{
|
|
692
701
|
background:var(--button-active-background);
|
|
693
702
|
border:var(--button-active-border);
|
|
694
703
|
}
|
|
695
|
-
.bp_base_button_module_button--
|
|
704
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_small--04b55{
|
|
696
705
|
gap:var(--button-small-gap);
|
|
697
706
|
min-height:var(--button-small-min-height);
|
|
698
707
|
padding:var(--button-small-padding);
|
|
699
708
|
}
|
|
700
|
-
.bp_base_button_module_button--
|
|
709
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_small--04b55.bp_base_button_module_isIconButton--04b55{
|
|
701
710
|
height:var(--icon-button-small-height);
|
|
702
711
|
min-height:unset;
|
|
703
712
|
padding:var(--icon-button-small-padding);
|
|
704
713
|
width:var(--icon-button-small-width);
|
|
705
714
|
}
|
|
706
|
-
.bp_base_button_module_button--
|
|
715
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconEndButton--04b55,.bp_base_button_module_button--04b55.bp_base_button_module_small--04b55.bp_base_button_module_isTextWithIconStartButton--04b55,.bp_base_button_module_button--04b55.bp_base_button_module_small--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
707
716
|
padding:var(--button-small-padding);
|
|
708
717
|
}
|
|
709
|
-
.bp_base_button_module_button--
|
|
718
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_large--04b55{
|
|
710
719
|
font-size:var(--button-large-font-size);
|
|
711
720
|
gap:var(--button-large-gap);
|
|
712
721
|
line-height:var(--button-large-line-height);
|
|
713
722
|
min-height:var(--button-large-min-height);
|
|
714
723
|
padding:var(--button-large-padding);
|
|
715
724
|
}
|
|
716
|
-
.bp_base_button_module_button--
|
|
725
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_large--04b55.bp_base_button_module_isIconButton--04b55{
|
|
717
726
|
height:var(--icon-button-large-height);
|
|
718
727
|
padding:var(--icon-button-large-padding);
|
|
719
728
|
width:var(--icon-button-large-width);
|
|
720
729
|
}
|
|
721
|
-
.bp_base_button_module_button--
|
|
730
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconEndButton--04b55,.bp_base_button_module_button--04b55.bp_base_button_module_large--04b55.bp_base_button_module_isTextWithIconStartButton--04b55,.bp_base_button_module_button--04b55.bp_base_button_module_large--04b55.bp_base_button_module_isTextWithStartAndEndIconButton--04b55{
|
|
722
731
|
padding:var(--button-large-padding);
|
|
723
732
|
}
|
|
724
|
-
.bp_base_button_module_button--
|
|
733
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_hide--04b55{
|
|
725
734
|
pointer-events:none;
|
|
726
735
|
position:relative;
|
|
727
736
|
}
|
|
728
|
-
.bp_base_button_module_button--
|
|
737
|
+
.bp_base_button_module_button--04b55.bp_base_button_module_hide--04b55 span{
|
|
729
738
|
color:#0000;
|
|
730
739
|
opacity:0;
|
|
731
740
|
}
|
|
@@ -2495,7 +2504,7 @@
|
|
|
2495
2504
|
height:var(--icon-button-size-x-small);
|
|
2496
2505
|
width:var(--icon-button-size-x-small);
|
|
2497
2506
|
}
|
|
2498
|
-
.bp_dropdown_menu_module_content--
|
|
2507
|
+
.bp_dropdown_menu_module_content--83ff8[data-modern=false]{
|
|
2499
2508
|
--dropdown-menu-radius:var(--radius-3);
|
|
2500
2509
|
--dropdown-menu-padding:var(--space-3);
|
|
2501
2510
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -2524,6 +2533,7 @@
|
|
|
2524
2533
|
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
2525
2534
|
--dropdown-menu-subheader-padding:var(--space-2);
|
|
2526
2535
|
--dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
2536
|
+
--dropdown-menu-caption-text-color:var(--text-text-on-light-secondary);
|
|
2527
2537
|
--dropdown-menu-separator-margin:var(--space-2);
|
|
2528
2538
|
--dropdown-menu-checkmark-left:var(--space-2);
|
|
2529
2539
|
--dropdown-menu-medium-checkmark-left:var(--space-3);
|
|
@@ -2538,7 +2548,7 @@
|
|
|
2538
2548
|
text-transform:var(--body-default-text-case);
|
|
2539
2549
|
}
|
|
2540
2550
|
|
|
2541
|
-
.bp_dropdown_menu_module_content--
|
|
2551
|
+
.bp_dropdown_menu_module_content--83ff8[data-modern=true]{
|
|
2542
2552
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
2543
2553
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
2544
2554
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -2567,6 +2577,7 @@
|
|
|
2567
2577
|
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
2568
2578
|
--dropdown-menu-subheader-padding:var(--bp-space-020);
|
|
2569
2579
|
--dropdown-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
2580
|
+
--dropdown-menu-caption-text-color:var(--bp-text-text-on-light-secondary);
|
|
2570
2581
|
--dropdown-menu-separator-margin:var(--bp-space-020);
|
|
2571
2582
|
--dropdown-menu-checkmark-left:var(--bp-space-020);
|
|
2572
2583
|
--dropdown-menu-medium-checkmark-left:var(--bp-space-030);
|
|
@@ -2580,7 +2591,7 @@
|
|
|
2580
2591
|
line-height:var(--bp-font-line-height-04);
|
|
2581
2592
|
}
|
|
2582
2593
|
|
|
2583
|
-
.bp_dropdown_menu_module_content--
|
|
2594
|
+
.bp_dropdown_menu_module_content--83ff8{
|
|
2584
2595
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
2585
2596
|
background-color:var(--dropdown-menu-background);
|
|
2586
2597
|
border:var(--dropdown-menu-border);
|
|
@@ -2595,7 +2606,7 @@
|
|
|
2595
2606
|
padding:var(--dropdown-menu-padding);
|
|
2596
2607
|
z-index:380;
|
|
2597
2608
|
}
|
|
2598
|
-
.bp_dropdown_menu_module_content--
|
|
2609
|
+
.bp_dropdown_menu_module_content--83ff8[data-menu-fullscreen=true]{
|
|
2599
2610
|
border:unset;
|
|
2600
2611
|
border-radius:unset;
|
|
2601
2612
|
display:flex;
|
|
@@ -2608,27 +2619,50 @@
|
|
|
2608
2619
|
position:relative;
|
|
2609
2620
|
width:100vw;
|
|
2610
2621
|
}
|
|
2611
|
-
.bp_dropdown_menu_module_content--
|
|
2622
|
+
.bp_dropdown_menu_module_content--83ff8[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--83ff8{
|
|
2612
2623
|
overflow-y:auto;
|
|
2613
2624
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
2614
2625
|
}
|
|
2615
|
-
.bp_dropdown_menu_module_content--
|
|
2626
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_subheader--83ff8{
|
|
2616
2627
|
padding:var(--dropdown-menu-subheader-padding);
|
|
2617
2628
|
}
|
|
2618
|
-
.bp_dropdown_menu_module_content--
|
|
2629
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_subheader--83ff8.bp_dropdown_menu_module_uppercased--83ff8{
|
|
2619
2630
|
text-transform:uppercase;
|
|
2620
2631
|
}
|
|
2621
|
-
.bp_dropdown_menu_module_content--
|
|
2632
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_dropdownMenuItemSeparator--83ff8{
|
|
2622
2633
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
2623
2634
|
}
|
|
2624
2635
|
|
|
2625
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
2636
|
+
.bp_dropdown_menu_module_ellipsis--83ff8{
|
|
2637
|
+
min-width:0;
|
|
2626
2638
|
overflow:hidden;
|
|
2627
2639
|
text-overflow:ellipsis;
|
|
2628
2640
|
white-space:nowrap;
|
|
2629
2641
|
}
|
|
2642
|
+
.bp_dropdown_menu_module_itemBody--83ff8{
|
|
2643
|
+
flex:1;
|
|
2644
|
+
min-width:0;
|
|
2645
|
+
overflow:hidden;
|
|
2646
|
+
}
|
|
2647
|
+
.bp_dropdown_menu_module_itemOverflow--83ff8{
|
|
2648
|
+
min-width:0;
|
|
2649
|
+
overflow:hidden;
|
|
2650
|
+
text-overflow:ellipsis;
|
|
2651
|
+
white-space:nowrap;
|
|
2652
|
+
}
|
|
2653
|
+
|
|
2654
|
+
.bp_dropdown_menu_module_menuItemCaption--83ff8{
|
|
2655
|
+
-webkit-box-orient:vertical;
|
|
2656
|
+
-webkit-line-clamp:2;
|
|
2657
|
+
color:var(--dropdown-menu-caption-text-color);
|
|
2658
|
+
display:-webkit-box;
|
|
2659
|
+
overflow:hidden;
|
|
2660
|
+
overflow-wrap:break-word;
|
|
2661
|
+
white-space:normal;
|
|
2662
|
+
width:100%;
|
|
2663
|
+
}
|
|
2630
2664
|
|
|
2631
|
-
.bp_dropdown_menu_module_checkmark--
|
|
2665
|
+
.bp_dropdown_menu_module_checkmark--83ff8{
|
|
2632
2666
|
align-items:center;
|
|
2633
2667
|
display:inline-flex;
|
|
2634
2668
|
justify-content:center;
|
|
@@ -2636,11 +2670,11 @@
|
|
|
2636
2670
|
position:absolute;
|
|
2637
2671
|
}
|
|
2638
2672
|
|
|
2639
|
-
.bp_dropdown_menu_module_checkmark--
|
|
2673
|
+
.bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2640
2674
|
left:var(--dropdown-menu-medium-checkmark-left);
|
|
2641
2675
|
}
|
|
2642
2676
|
|
|
2643
|
-
.bp_dropdown_menu_module_item--
|
|
2677
|
+
.bp_dropdown_menu_module_item--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8{
|
|
2644
2678
|
align-items:center;
|
|
2645
2679
|
border:var(--dropdown-menu-item-border);
|
|
2646
2680
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -2653,74 +2687,107 @@
|
|
|
2653
2687
|
-webkit-user-select:none;
|
|
2654
2688
|
user-select:none;
|
|
2655
2689
|
}
|
|
2656
|
-
.bp_dropdown_menu_module_item--
|
|
2690
|
+
.bp_dropdown_menu_module_item--83ff8[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-disabled]{
|
|
2657
2691
|
opacity:60%;
|
|
2658
2692
|
pointer-events:none;
|
|
2659
2693
|
}
|
|
2660
|
-
.bp_dropdown_menu_module_item--
|
|
2694
|
+
.bp_dropdown_menu_module_item--83ff8[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-highlighted]{
|
|
2661
2695
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
2662
2696
|
border:var(--dropdown-menu-item-border-focus);
|
|
2663
2697
|
}
|
|
2664
|
-
.bp_dropdown_menu_module_item--
|
|
2698
|
+
.bp_dropdown_menu_module_item--83ff8[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-state=open][data-highlighted]{
|
|
2665
2699
|
border:var(--dropdown-menu-item-border);
|
|
2666
2700
|
}
|
|
2667
|
-
.bp_dropdown_menu_module_item--
|
|
2701
|
+
.bp_dropdown_menu_module_item--83ff8:active,.bp_dropdown_menu_module_subMenuTrigger--83ff8:active{
|
|
2668
2702
|
background-color:var(--dropdown-menu-item-background-active);
|
|
2669
2703
|
border:var(--dropdown-menu-item-border-active);
|
|
2670
2704
|
}
|
|
2671
|
-
.bp_dropdown_menu_module_item--
|
|
2705
|
+
.bp_dropdown_menu_module_item--83ff8[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-state=open]{
|
|
2672
2706
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
2673
2707
|
}
|
|
2674
|
-
.bp_dropdown_menu_module_item--
|
|
2708
|
+
.bp_dropdown_menu_module_item--83ff8:hover,.bp_dropdown_menu_module_subMenuTrigger--83ff8:hover{
|
|
2675
2709
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
2676
2710
|
border:var(--dropdown-menu-item-border-hover);
|
|
2677
2711
|
}
|
|
2678
|
-
.bp_dropdown_menu_module_item--
|
|
2679
|
-
padding:.4375rem
|
|
2712
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8{
|
|
2713
|
+
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
2680
2714
|
}
|
|
2681
|
-
.bp_dropdown_menu_module_item--
|
|
2715
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8{
|
|
2716
|
+
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
2717
|
+
left:auto;
|
|
2718
|
+
}
|
|
2719
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2720
|
+
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
2721
|
+
left:auto;
|
|
2722
|
+
}
|
|
2723
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_radioItemMediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_radioItemMediumSpacing--83ff8{
|
|
2682
2724
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
2683
2725
|
}
|
|
2684
|
-
.bp_dropdown_menu_module_item--
|
|
2685
|
-
|
|
2726
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)),.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)){
|
|
2727
|
+
text-overflow:ellipsis;
|
|
2728
|
+
white-space:nowrap;
|
|
2729
|
+
}
|
|
2730
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8{
|
|
2731
|
+
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
2732
|
+
}
|
|
2733
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8{
|
|
2734
|
+
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
2735
|
+
left:auto;
|
|
2686
2736
|
}
|
|
2687
|
-
.bp_dropdown_menu_module_item--
|
|
2737
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2738
|
+
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
2739
|
+
left:auto;
|
|
2740
|
+
}
|
|
2741
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8{
|
|
2688
2742
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
2689
2743
|
}
|
|
2690
|
-
.bp_dropdown_menu_module_item--
|
|
2744
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)),.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)){
|
|
2745
|
+
text-overflow:ellipsis;
|
|
2746
|
+
white-space:nowrap;
|
|
2747
|
+
}
|
|
2748
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_mediumItemLayout--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_mediumItemLayout--83ff8{
|
|
2691
2749
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
2692
2750
|
justify-content:space-between;
|
|
2693
2751
|
overflow:hidden;
|
|
2694
2752
|
}
|
|
2695
|
-
.bp_dropdown_menu_module_item--
|
|
2753
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_startElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_startElement--83ff8{
|
|
2696
2754
|
align-items:center;
|
|
2697
2755
|
display:flex;
|
|
2698
2756
|
}
|
|
2699
|
-
.bp_dropdown_menu_module_item--
|
|
2757
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8{
|
|
2758
|
+
display:flex;
|
|
2759
|
+
flex-direction:column;
|
|
2700
2760
|
flex-grow:1;
|
|
2761
|
+
min-width:0;
|
|
2762
|
+
}
|
|
2763
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8{
|
|
2764
|
+
display:block;
|
|
2765
|
+
overflow:hidden;
|
|
2766
|
+
text-overflow:ellipsis;
|
|
2767
|
+
white-space:nowrap;
|
|
2701
2768
|
}
|
|
2702
|
-
.bp_dropdown_menu_module_item--
|
|
2769
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_endElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_endElement--83ff8{
|
|
2703
2770
|
align-items:center;
|
|
2704
2771
|
color:var(--dropdown-menu-end-element-color);
|
|
2705
2772
|
display:flex;
|
|
2706
2773
|
}
|
|
2707
|
-
.bp_dropdown_menu_module_item--
|
|
2774
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8{
|
|
2708
2775
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2709
2776
|
}
|
|
2710
|
-
.bp_dropdown_menu_module_item--
|
|
2777
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8 span,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8 span{
|
|
2711
2778
|
color:inherit;
|
|
2712
2779
|
}
|
|
2713
|
-
.bp_dropdown_menu_module_item--
|
|
2780
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_endElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_endElement--83ff8{
|
|
2714
2781
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2715
2782
|
}
|
|
2716
|
-
.bp_dropdown_menu_module_item--
|
|
2783
|
+
.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_ellipsis--83ff8),.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_itemBody--83ff8),.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8){
|
|
2717
2784
|
border-radius:var(--dropdown-menu-item-radius);
|
|
2718
2785
|
}
|
|
2719
|
-
.bp_dropdown_menu_module_item--
|
|
2786
|
+
.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_mediumItemLayout--83ff8){
|
|
2720
2787
|
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
2721
2788
|
}
|
|
2722
2789
|
|
|
2723
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
2790
|
+
.bp_dropdown_menu_module_menuHeader--83ff8{
|
|
2724
2791
|
align-items:center;
|
|
2725
2792
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
2726
2793
|
display:grid;
|
|
@@ -2730,15 +2797,15 @@
|
|
|
2730
2797
|
padding:var(--dropdown-menu-header-padding);
|
|
2731
2798
|
}
|
|
2732
2799
|
|
|
2733
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
2800
|
+
.bp_dropdown_menu_module_headerTextContent--83ff8{
|
|
2734
2801
|
display:grid;
|
|
2735
2802
|
}
|
|
2736
2803
|
|
|
2737
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2804
|
+
.bp_dropdown_menu_module_submenuCloseButton--83ff8{
|
|
2738
2805
|
grid-area:submenu-close;
|
|
2739
2806
|
}
|
|
2740
2807
|
|
|
2741
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2808
|
+
.bp_dropdown_menu_module_menuCloseButton--83ff8{
|
|
2742
2809
|
grid-area:close;
|
|
2743
2810
|
}
|
|
2744
2811
|
.bp_divider_module_divider--2f437{
|
|
@@ -2748,10 +2815,10 @@
|
|
|
2748
2815
|
height:var(--border-1);
|
|
2749
2816
|
margin-block:0;
|
|
2750
2817
|
}
|
|
2751
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2818
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false]{
|
|
2752
2819
|
--menu-item-text-color:var(--text-text-on-light);
|
|
2753
2820
|
}
|
|
2754
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2821
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_label--dd1ef{
|
|
2755
2822
|
font-family:var(--body-default-font-family);
|
|
2756
2823
|
font-size:var(--body-default-font-size);
|
|
2757
2824
|
font-weight:var(--body-default-font-weight);
|
|
@@ -2760,7 +2827,7 @@
|
|
|
2760
2827
|
text-decoration:var(--body-default-text-decoration);
|
|
2761
2828
|
text-transform:var(--body-default-text-case);
|
|
2762
2829
|
}
|
|
2763
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2830
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2764
2831
|
font-family:var(--body-default-bold-font-family);
|
|
2765
2832
|
font-size:var(--body-default-bold-font-size);
|
|
2766
2833
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -2769,7 +2836,7 @@
|
|
|
2769
2836
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
2770
2837
|
text-transform:var(--body-default-bold-text-case);
|
|
2771
2838
|
}
|
|
2772
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2839
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_description--dd1ef{
|
|
2773
2840
|
font-family:var(--body-default-font-family);
|
|
2774
2841
|
font-size:var(--body-default-font-size);
|
|
2775
2842
|
font-weight:var(--body-default-font-weight);
|
|
@@ -2779,23 +2846,23 @@
|
|
|
2779
2846
|
text-transform:var(--body-default-text-case);
|
|
2780
2847
|
}
|
|
2781
2848
|
|
|
2782
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2849
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true]{
|
|
2783
2850
|
--menu-item-text-color:var(--bp-text-text-on-light);
|
|
2784
2851
|
}
|
|
2785
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2852
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef{
|
|
2786
2853
|
font-weight:var(--bp-font-weight-regular);
|
|
2787
2854
|
}
|
|
2788
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2855
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef,.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2789
2856
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2790
2857
|
font-size:var(--bp-font-size-05);
|
|
2791
2858
|
font-style:normal;
|
|
2792
2859
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2793
2860
|
line-height:var(--bp-font-line-height-04);
|
|
2794
2861
|
}
|
|
2795
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2862
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2796
2863
|
font-weight:var(--bp-font-weight-bold);
|
|
2797
2864
|
}
|
|
2798
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2865
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_description--dd1ef{
|
|
2799
2866
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2800
2867
|
font-size:var(--bp-font-size-05);
|
|
2801
2868
|
font-style:normal;
|
|
@@ -2804,7 +2871,7 @@
|
|
|
2804
2871
|
line-height:var(--bp-font-line-height-04);
|
|
2805
2872
|
}
|
|
2806
2873
|
|
|
2807
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2874
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef[data-modern=false]{
|
|
2808
2875
|
--menu-item-text-color:var(--text-text-on-light-secondary);
|
|
2809
2876
|
font-family:var(--body-default-font-family);
|
|
2810
2877
|
font-size:var(--body-default-font-size);
|
|
@@ -2815,7 +2882,7 @@
|
|
|
2815
2882
|
text-transform:var(--body-default-text-case);
|
|
2816
2883
|
}
|
|
2817
2884
|
|
|
2818
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2885
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef[data-modern=true]{
|
|
2819
2886
|
--menu-item-text-color:var(--bp-text-text-on-light-secondary);
|
|
2820
2887
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2821
2888
|
font-size:var(--bp-font-size-05);
|
|
@@ -2825,20 +2892,26 @@
|
|
|
2825
2892
|
line-height:var(--bp-font-line-height-04);
|
|
2826
2893
|
}
|
|
2827
2894
|
|
|
2828
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2895
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef{
|
|
2829
2896
|
display:flex;
|
|
2830
2897
|
flex:1;
|
|
2831
2898
|
flex-direction:column;
|
|
2832
2899
|
}
|
|
2833
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2900
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef .bp_menu_item_sections_module_description--dd1ef{
|
|
2901
|
+
-webkit-box-orient:vertical;
|
|
2902
|
+
-webkit-line-clamp:2;
|
|
2834
2903
|
color:var(--menu-item-text-color);
|
|
2904
|
+
display:-webkit-box;
|
|
2905
|
+
min-width:0;
|
|
2906
|
+
overflow:hidden;
|
|
2907
|
+
overflow-wrap:break-word;
|
|
2835
2908
|
}
|
|
2836
2909
|
|
|
2837
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2910
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef{
|
|
2838
2911
|
align-items:center;
|
|
2839
2912
|
display:flex;
|
|
2840
2913
|
}
|
|
2841
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2914
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
|
|
2842
2915
|
color:var(--menu-item-text-color);
|
|
2843
2916
|
}
|
|
2844
2917
|
.bp_breadcrumb_module_container--335e0{
|
|
@@ -4576,7 +4649,7 @@
|
|
|
4576
4649
|
.bp_combobox_group_module_comboboxHasFocus--bb178.bp_combobox_group_module_errorSelect--bb178.bp_combobox_group_module_trailing--bb178{
|
|
4577
4650
|
--blueprint-select-border-error-left-width:none;
|
|
4578
4651
|
}
|
|
4579
|
-
.bp_select_module_container--
|
|
4652
|
+
.bp_select_module_container--aba58[data-modern=false]{
|
|
4580
4653
|
--select-gap:var(--space-2);
|
|
4581
4654
|
--select-label-color:var(--text-text-on-light);
|
|
4582
4655
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -4613,7 +4686,7 @@
|
|
|
4613
4686
|
text-decoration:var(--body-default-text-decoration);
|
|
4614
4687
|
text-transform:var(--body-default-text-case);
|
|
4615
4688
|
}
|
|
4616
|
-
.bp_select_module_container--
|
|
4689
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_label--aba58{
|
|
4617
4690
|
font-family:var(--body-default-bold-font-family);
|
|
4618
4691
|
font-size:var(--body-default-bold-font-size);
|
|
4619
4692
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -4622,7 +4695,7 @@
|
|
|
4622
4695
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
4623
4696
|
text-transform:var(--body-default-bold-text-case);
|
|
4624
4697
|
}
|
|
4625
|
-
.bp_select_module_container--
|
|
4698
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_triggerBtn--aba58{
|
|
4626
4699
|
font-family:var(--body-default-font-family);
|
|
4627
4700
|
font-size:var(--body-default-font-size);
|
|
4628
4701
|
font-weight:var(--body-default-font-weight);
|
|
@@ -4632,7 +4705,7 @@
|
|
|
4632
4705
|
text-transform:var(--body-default-text-case);
|
|
4633
4706
|
}
|
|
4634
4707
|
|
|
4635
|
-
.bp_select_module_container--
|
|
4708
|
+
.bp_select_module_container--aba58[data-modern=true]{
|
|
4636
4709
|
--select-gap:var(--bp-space-020);
|
|
4637
4710
|
--select-label-color:var(--bp-text-text-on-light);
|
|
4638
4711
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -4663,17 +4736,17 @@
|
|
|
4663
4736
|
--select-trigger-left-element-size:var(--bp-size-060);
|
|
4664
4737
|
font-weight:var(--bp-font-weight-regular);
|
|
4665
4738
|
}
|
|
4666
|
-
.bp_select_module_container--
|
|
4739
|
+
.bp_select_module_container--aba58[data-modern=true],.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4667
4740
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4668
4741
|
font-size:var(--bp-font-size-05);
|
|
4669
4742
|
font-style:normal;
|
|
4670
4743
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4671
4744
|
line-height:var(--bp-font-line-height-04);
|
|
4672
4745
|
}
|
|
4673
|
-
.bp_select_module_container--
|
|
4746
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4674
4747
|
font-weight:var(--bp-font-weight-bold);
|
|
4675
4748
|
}
|
|
4676
|
-
.bp_select_module_container--
|
|
4749
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_triggerBtn--aba58{
|
|
4677
4750
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4678
4751
|
font-size:var(--bp-font-size-05);
|
|
4679
4752
|
font-style:normal;
|
|
@@ -4682,26 +4755,26 @@
|
|
|
4682
4755
|
line-height:var(--bp-font-line-height-04);
|
|
4683
4756
|
}
|
|
4684
4757
|
|
|
4685
|
-
.bp_select_module_ellipsis--
|
|
4758
|
+
.bp_select_module_ellipsis--aba58{
|
|
4686
4759
|
overflow:hidden;
|
|
4687
4760
|
text-overflow:ellipsis;
|
|
4688
4761
|
white-space:nowrap;
|
|
4689
4762
|
}
|
|
4690
4763
|
|
|
4691
|
-
.bp_select_module_container--
|
|
4764
|
+
.bp_select_module_container--aba58{
|
|
4692
4765
|
display:flex;
|
|
4693
4766
|
flex-direction:column;
|
|
4694
4767
|
gap:var(--select-gap);
|
|
4695
4768
|
}
|
|
4696
|
-
.bp_select_module_container--
|
|
4769
|
+
.bp_select_module_container--aba58.bp_select_module_disabled--aba58{
|
|
4697
4770
|
opacity:60%;
|
|
4698
4771
|
}
|
|
4699
|
-
.bp_select_module_container--
|
|
4772
|
+
.bp_select_module_container--aba58 .bp_select_module_label--aba58{
|
|
4700
4773
|
color:var(--select-label-color);
|
|
4701
4774
|
flex:0 0 fit-content;
|
|
4702
4775
|
overflow-wrap:break-word;
|
|
4703
4776
|
}
|
|
4704
|
-
.bp_select_module_container--
|
|
4777
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58{
|
|
4705
4778
|
align-items:center;
|
|
4706
4779
|
background-color:var(--select-trigger-btn-bg-color);
|
|
4707
4780
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -4722,7 +4795,7 @@
|
|
|
4722
4795
|
text-align:start;
|
|
4723
4796
|
width:100%;
|
|
4724
4797
|
}
|
|
4725
|
-
.bp_select_module_container--
|
|
4798
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerValue--aba58{
|
|
4726
4799
|
align-items:center;
|
|
4727
4800
|
display:flex;
|
|
4728
4801
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -4731,7 +4804,7 @@
|
|
|
4731
4804
|
text-overflow:ellipsis;
|
|
4732
4805
|
white-space:nowrap;
|
|
4733
4806
|
}
|
|
4734
|
-
.bp_select_module_container--
|
|
4807
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerLeftElement--aba58{
|
|
4735
4808
|
align-items:center;
|
|
4736
4809
|
display:flex;
|
|
4737
4810
|
flex-shrink:0;
|
|
@@ -4739,58 +4812,58 @@
|
|
|
4739
4812
|
justify-content:center;
|
|
4740
4813
|
width:var(--select-trigger-left-element-size);
|
|
4741
4814
|
}
|
|
4742
|
-
.bp_select_module_container--
|
|
4815
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 span{
|
|
4743
4816
|
overflow:hidden;
|
|
4744
4817
|
text-overflow:ellipsis;
|
|
4745
4818
|
white-space:nowrap;
|
|
4746
4819
|
}
|
|
4747
|
-
.bp_select_module_container--
|
|
4820
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:disabled{
|
|
4748
4821
|
cursor:default;
|
|
4749
4822
|
}
|
|
4750
|
-
.bp_select_module_container--
|
|
4823
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58.bp_select_module_readonly--aba58:not(:disabled){
|
|
4751
4824
|
background-color:var(--gray-02);
|
|
4752
4825
|
box-shadow:none;
|
|
4753
4826
|
color:var(--text-text-on-light-secondary);
|
|
4754
4827
|
cursor:default;
|
|
4755
4828
|
}
|
|
4756
|
-
.bp_select_module_container--
|
|
4829
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled).bp_select_module_error--aba58, .bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled)[aria-invalid=true]{
|
|
4757
4830
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
4758
4831
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
4759
4832
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
4760
4833
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
4761
4834
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
4762
4835
|
}
|
|
4763
|
-
.bp_select_module_container--
|
|
4836
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58):focus,.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled).bp_select_module_error--aba58:focus,.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled)[aria-invalid=true]:focus{
|
|
4764
4837
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
4765
4838
|
border:var(--select-trigger-btn-focus-border);
|
|
4766
4839
|
}
|
|
4767
|
-
.bp_select_module_container--
|
|
4840
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled, :focus, .bp_select_module_error--aba58, [aria-invalid=true]):hover{
|
|
4768
4841
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
4769
4842
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
4770
4843
|
}
|
|
4771
|
-
.bp_select_module_container--
|
|
4844
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconWrapper--aba58{
|
|
4772
4845
|
flex-shrink:0;
|
|
4773
4846
|
-webkit-user-select:none;
|
|
4774
4847
|
user-select:none;
|
|
4775
4848
|
}
|
|
4776
|
-
.bp_select_module_container--
|
|
4849
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58{
|
|
4777
4850
|
display:block;
|
|
4778
4851
|
height:var(--select-trigger-btn-caret-height);
|
|
4779
4852
|
width:var(--select-trigger-btn-caret-width);
|
|
4780
4853
|
}
|
|
4781
|
-
.bp_select_module_container--
|
|
4854
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58 path{
|
|
4782
4855
|
fill:var(--select-trigger-btn-caret-color);
|
|
4783
4856
|
}
|
|
4784
|
-
.bp_select_module_container--
|
|
4857
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconPencilCrossed--aba58{
|
|
4785
4858
|
display:block;
|
|
4786
4859
|
height:var(--select-trigger-btn-pencil-height);
|
|
4787
4860
|
width:var(--select-trigger-btn-pencil-width);
|
|
4788
4861
|
}
|
|
4789
|
-
.bp_select_module_container--
|
|
4862
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58[data-state=open] .bp_select_module_icon--aba58{
|
|
4790
4863
|
transform:rotate(180deg);
|
|
4791
4864
|
}
|
|
4792
4865
|
|
|
4793
|
-
.bp_select_module_content--
|
|
4866
|
+
.bp_select_module_content--aba58[data-modern=false]{
|
|
4794
4867
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
4795
4868
|
--select-content-backdrop-filter:none;
|
|
4796
4869
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -4802,14 +4875,12 @@
|
|
|
4802
4875
|
--select-content-viewport-option-border:var(--border-2) solid #0000;
|
|
4803
4876
|
--select-content-viewport-option-border-radius:var(--space-2);
|
|
4804
4877
|
--select-content-viewport-option-padding-block:var(--space-2);
|
|
4805
|
-
--select-content-viewport-option-padding-inline:var(--space-
|
|
4806
|
-
--select-content-viewport-option-padding-inline-reversed:var(--space-2) var(--space-10);
|
|
4878
|
+
--select-content-viewport-option-padding-inline:var(--space-2) var(--space-10);
|
|
4807
4879
|
--select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
|
|
4808
4880
|
--select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
4809
4881
|
--select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
|
|
4810
4882
|
--select-content-viewport-option-secondary-text-color:var(--text-text-on-light-secondary);
|
|
4811
|
-
--select-content-viewport-option-indicator-
|
|
4812
|
-
--select-content-viewport-option-indicator-right:var(--space-2);
|
|
4883
|
+
--select-content-viewport-option-indicator-inline-end:var(--space-2);
|
|
4813
4884
|
--select-content-viewport-option-indicator-color:var(--icon-icon-on-light);
|
|
4814
4885
|
--select-content-viewport-option-separator-height:var(--border-1);
|
|
4815
4886
|
--select-content-viewport-option-separator-bg-color:var(--border-divider-border);
|
|
@@ -4824,7 +4895,7 @@
|
|
|
4824
4895
|
text-transform:var(--body-default-text-case);
|
|
4825
4896
|
}
|
|
4826
4897
|
|
|
4827
|
-
.bp_select_module_content--
|
|
4898
|
+
.bp_select_module_content--aba58[data-modern=true]{
|
|
4828
4899
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
4829
4900
|
--select-content-backdrop-filter:blur(16px);
|
|
4830
4901
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -4836,14 +4907,12 @@
|
|
|
4836
4907
|
--select-content-viewport-option-border:var(--bp-border-02) solid #0000;
|
|
4837
4908
|
--select-content-viewport-option-border-radius:var(--bp-radius-06);
|
|
4838
4909
|
--select-content-viewport-option-padding-block:var(--bp-space-020);
|
|
4839
|
-
--select-content-viewport-option-padding-inline:var(--bp-space-
|
|
4840
|
-
--select-content-viewport-option-padding-inline-reversed:var(--bp-space-020) var(--bp-space-100);
|
|
4910
|
+
--select-content-viewport-option-padding-inline:var(--bp-space-020) var(--bp-space-100);
|
|
4841
4911
|
--select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4842
4912
|
--select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4843
4913
|
--select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4844
4914
|
--select-content-viewport-option-secondary-text-color:var(--bp-text-text-on-light-secondary);
|
|
4845
|
-
--select-content-viewport-option-indicator-
|
|
4846
|
-
--select-content-viewport-option-indicator-right:var(--bp-space-020);
|
|
4915
|
+
--select-content-viewport-option-indicator-inline-end:var(--bp-space-020);
|
|
4847
4916
|
--select-content-viewport-option-indicator-color:var(--bp-icon-icon-on-light);
|
|
4848
4917
|
--select-content-viewport-option-separator-height:var(--bp-border-01);
|
|
4849
4918
|
--select-content-viewport-option-separator-bg-color:var(--bp-border-divider-border);
|
|
@@ -4857,23 +4926,23 @@
|
|
|
4857
4926
|
line-height:var(--bp-font-line-height-04);
|
|
4858
4927
|
}
|
|
4859
4928
|
|
|
4860
|
-
.bp_select_module_content--
|
|
4929
|
+
.bp_select_module_content--aba58{
|
|
4861
4930
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
4862
4931
|
background-color:var(--select-content-bg-color);
|
|
4863
4932
|
border:var(--select-content-border);
|
|
4864
4933
|
border-radius:var(--select-content-border-radius);
|
|
4865
4934
|
box-shadow:var(--dropshadow-3);
|
|
4866
4935
|
max-height:var(--blueprint-select-content-max-height, var(--radix-select-content-available-height));
|
|
4867
|
-
max-width:min(var(--blueprint-select-content-max-width,
|
|
4936
|
+
max-width:min(var(--blueprint-select-content-max-width, 30vw), var(--radix-select-content-available-width));
|
|
4868
4937
|
min-width:var(--blueprint-select-content-min-width, var(--radix-select-trigger-width));
|
|
4869
|
-
overflow:auto;
|
|
4938
|
+
overflow:hidden auto;
|
|
4870
4939
|
z-index:380;
|
|
4871
4940
|
}
|
|
4872
|
-
.bp_select_module_content--
|
|
4941
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58{
|
|
4873
4942
|
padding-block:var(--select-content-viewport-padding-block);
|
|
4874
4943
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
4875
4944
|
}
|
|
4876
|
-
.bp_select_module_content--
|
|
4945
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58{
|
|
4877
4946
|
align-items:center;
|
|
4878
4947
|
border:var(--select-content-viewport-option-border);
|
|
4879
4948
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -4889,18 +4958,24 @@
|
|
|
4889
4958
|
-webkit-user-select:none;
|
|
4890
4959
|
user-select:none;
|
|
4891
4960
|
}
|
|
4892
|
-
.bp_select_module_content--
|
|
4961
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58[data-disabled]{
|
|
4893
4962
|
opacity:60%;
|
|
4894
4963
|
pointer-events:none;
|
|
4895
4964
|
}
|
|
4896
|
-
.bp_select_module_content--
|
|
4965
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:focus-visible{
|
|
4897
4966
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
4898
4967
|
border:var(--select-content-viewport-option-focus-border);
|
|
4899
4968
|
}
|
|
4900
|
-
.bp_select_module_content--
|
|
4969
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:hover{
|
|
4901
4970
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
4902
4971
|
}
|
|
4903
|
-
.bp_select_module_content--
|
|
4972
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_secondaryText--aba58{
|
|
4973
|
+
color:var(--select-content-viewport-option-secondary-text-color);
|
|
4974
|
+
min-width:0;
|
|
4975
|
+
overflow-wrap:break-word;
|
|
4976
|
+
white-space:normal;
|
|
4977
|
+
}
|
|
4978
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58{
|
|
4904
4979
|
align-items:center;
|
|
4905
4980
|
display:flex;
|
|
4906
4981
|
flex:1;
|
|
@@ -4909,23 +4984,24 @@
|
|
|
4909
4984
|
min-width:0;
|
|
4910
4985
|
overflow:hidden;
|
|
4911
4986
|
}
|
|
4912
|
-
.bp_select_module_content--
|
|
4987
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58 span:first-child{
|
|
4913
4988
|
overflow:hidden;
|
|
4914
4989
|
overflow-wrap:break-word;
|
|
4915
4990
|
}
|
|
4916
|
-
.bp_select_module_content--
|
|
4991
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58.bp_select_module_ellipsis--aba58 span:first-child{
|
|
4917
4992
|
overflow-wrap:normal;
|
|
4918
4993
|
text-overflow:ellipsis;
|
|
4919
4994
|
white-space:nowrap;
|
|
4920
4995
|
width:100%;
|
|
4921
4996
|
}
|
|
4922
|
-
.bp_select_module_content--
|
|
4923
|
-
|
|
4924
|
-
|
|
4925
|
-
|
|
4997
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58.bp_select_module_ellipsis--aba58 .bp_select_module_secondaryText--aba58{
|
|
4998
|
+
-webkit-box-orient:vertical;
|
|
4999
|
+
-webkit-line-clamp:2;
|
|
5000
|
+
display:-webkit-box;
|
|
5001
|
+
overflow:hidden;
|
|
4926
5002
|
width:100%;
|
|
4927
5003
|
}
|
|
4928
|
-
.bp_select_module_content--
|
|
5004
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_leftElement--aba58{
|
|
4929
5005
|
align-items:center;
|
|
4930
5006
|
display:flex;
|
|
4931
5007
|
flex-shrink:0;
|
|
@@ -4933,37 +5009,36 @@
|
|
|
4933
5009
|
justify-content:center;
|
|
4934
5010
|
width:var(--select-content-viewport-option-left-element-size);
|
|
4935
5011
|
}
|
|
4936
|
-
.bp_select_module_content--
|
|
4937
|
-
padding-inline:var(--select-content-viewport-option-padding-inline-reversed);
|
|
4938
|
-
}
|
|
4939
|
-
.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637.bp_select_module_hasLeftElement--1b637 .bp_select_module_textWrapper--1b637{
|
|
5012
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58.bp_select_module_hasLeftElement--aba58 .bp_select_module_textWrapper--aba58{
|
|
4940
5013
|
align-items:flex-start;
|
|
4941
5014
|
flex-direction:column;
|
|
4942
5015
|
}
|
|
4943
|
-
.bp_select_module_content--
|
|
5016
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58.bp_select_module_hasLeftElement--aba58 .bp_select_module_textWrapper--aba58 .bp_select_module_secondaryText--aba58{
|
|
5017
|
+
width:100%;
|
|
5018
|
+
}
|
|
5019
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58{
|
|
4944
5020
|
align-items:center;
|
|
4945
5021
|
display:flex;
|
|
4946
5022
|
height:100%;
|
|
5023
|
+
inset-inline-end:var(--select-content-viewport-option-indicator-inline-end);
|
|
4947
5024
|
justify-content:center;
|
|
4948
|
-
left:var(--select-content-viewport-option-indicator-left);
|
|
4949
5025
|
position:absolute;
|
|
4950
5026
|
top:0;
|
|
4951
5027
|
}
|
|
4952
|
-
.bp_select_module_content--
|
|
5028
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58 path{
|
|
4953
5029
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
4954
5030
|
}
|
|
4955
|
-
.bp_select_module_content--
|
|
4956
|
-
left:auto;
|
|
4957
|
-
right:var(--select-content-viewport-option-indicator-right);
|
|
4958
|
-
}
|
|
4959
|
-
.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_separator--1b637{
|
|
5031
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_separator--aba58{
|
|
4960
5032
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
4961
5033
|
flex-shrink:0;
|
|
4962
5034
|
height:var(--select-content-viewport-option-separator-height);
|
|
4963
5035
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
4964
5036
|
}
|
|
4965
|
-
.bp_select_module_content--
|
|
4966
|
-
|
|
5037
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58.bp_select_module_withTruncatedText--aba58{
|
|
5038
|
+
box-sizing:border-box;
|
|
5039
|
+
display:block !important;
|
|
5040
|
+
max-width:100%;
|
|
5041
|
+
min-width:0 !important;
|
|
4967
5042
|
width:100%;
|
|
4968
5043
|
}
|
|
4969
5044
|
|