@box/blueprint-web 12.133.0 → 12.134.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/combobox/combobox.js +1 -1
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/grid-list-v2/index.d.ts +1 -1
- package/dist/lib-esm/grid-list-v2/types.d.ts +0 -1
- package/dist/lib-esm/index.css +221 -229
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/side-panel/side-panel.module.js +1 -1
- package/dist/lib-esm/split-button/styles.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js +1 -81
- package/dist/lib-esm/util-components/base-grid-list-item/index.d.ts +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +7 -9
- package/package.json +3 -3
- package/dist/lib-esm/types/file-category.d.ts +0 -11
package/dist/lib-esm/index.css
CHANGED
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.bp_base_button_module_button--
|
|
353
|
+
.bp_base_button_module_button--ea857[data-modern=true]{
|
|
354
354
|
--button-border-radius:var(--bp-radius-10);
|
|
355
355
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
356
356
|
font-size:var(--bp-font-size-05);
|
|
@@ -359,10 +359,10 @@
|
|
|
359
359
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
360
360
|
line-height:var(--bp-font-line-height-04);
|
|
361
361
|
}
|
|
362
|
-
.bp_base_button_module_button--
|
|
362
|
+
.bp_base_button_module_button--ea857[data-modern=true]:not(:disabled)[data-focus-visible]{
|
|
363
363
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
364
364
|
}
|
|
365
|
-
.bp_base_button_module_button--
|
|
365
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_primary--ea857{
|
|
366
366
|
--button-color:var(--bp-text-text-on-dark);
|
|
367
367
|
--button-background:var(--bp-surface-surface-brand);
|
|
368
368
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
--button-active-background:var(--bp-surface-surface-brand-pressed);
|
|
372
372
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
|
|
373
373
|
}
|
|
374
|
-
.bp_base_button_module_button--
|
|
374
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_secondary--ea857{
|
|
375
375
|
--button-color:var(--bp-text-text-on-light);
|
|
376
376
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
377
377
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -381,14 +381,14 @@
|
|
|
381
381
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
382
382
|
--button-backdrop-filter:blur(16px);
|
|
383
383
|
}
|
|
384
|
-
.bp_base_button_module_button--
|
|
384
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_tertiary--ea857{
|
|
385
385
|
--button-color:var(--bp-text-cta-link);
|
|
386
386
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
387
387
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
388
388
|
--button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
|
|
389
389
|
--button-backdrop-filter:blur(16px);
|
|
390
390
|
}
|
|
391
|
-
.bp_base_button_module_button--
|
|
391
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_outline--ea857{
|
|
392
392
|
--button-color:var(--bp-text-text-on-light);
|
|
393
393
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
394
394
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -398,48 +398,48 @@
|
|
|
398
398
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
399
399
|
--button-backdrop-filter:blur(16px);
|
|
400
400
|
}
|
|
401
|
-
.bp_base_button_module_button--
|
|
401
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_small--ea857{
|
|
402
402
|
--button-small-gap:var(--bp-space-010);
|
|
403
403
|
--button-small-min-height:var(--bp-size-080);
|
|
404
404
|
--button-small-padding:0 var(--bp-size-030);
|
|
405
405
|
}
|
|
406
|
-
.bp_base_button_module_button--
|
|
406
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_small--ea857.bp_base_button_module_isIconButton--ea857{
|
|
407
407
|
--icon-button-small-width:var(--bp-size-080);
|
|
408
408
|
--icon-button-small-height:var(--bp-size-080);
|
|
409
409
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
410
410
|
}
|
|
411
|
-
.bp_base_button_module_button--
|
|
411
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconEndButton--ea857{
|
|
412
412
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
413
413
|
}
|
|
414
|
-
.bp_base_button_module_button--
|
|
414
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconStartButton--ea857{
|
|
415
415
|
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
416
416
|
}
|
|
417
|
-
.bp_base_button_module_button--
|
|
417
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
418
418
|
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
419
419
|
}
|
|
420
|
-
.bp_base_button_module_button--
|
|
420
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_large--ea857{
|
|
421
421
|
--button-large-gap:var(--bp-space-020);
|
|
422
422
|
--button-large-min-height:var(--bp-size-100);
|
|
423
423
|
--button-large-padding:0 var(--bp-size-040);
|
|
424
424
|
--button-large-font-size:var(--body-large-bold-font-size);
|
|
425
425
|
--button-large-line-height:var(--body-large-bold-line-height);
|
|
426
426
|
}
|
|
427
|
-
.bp_base_button_module_button--
|
|
427
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_large--ea857.bp_base_button_module_isIconButton--ea857{
|
|
428
428
|
--icon-button-large-width:var(--bp-size-100);
|
|
429
429
|
--icon-button-large-height:var(--bp-size-100);
|
|
430
430
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
431
431
|
}
|
|
432
|
-
.bp_base_button_module_button--
|
|
432
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconEndButton--ea857{
|
|
433
433
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
434
434
|
}
|
|
435
|
-
.bp_base_button_module_button--
|
|
435
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconStartButton--ea857{
|
|
436
436
|
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
437
437
|
}
|
|
438
|
-
.bp_base_button_module_button--
|
|
438
|
+
.bp_base_button_module_button--ea857[data-modern=true].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
439
439
|
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
440
440
|
}
|
|
441
441
|
|
|
442
|
-
.bp_base_button_module_button--
|
|
442
|
+
.bp_base_button_module_button--ea857[data-modern=false]{
|
|
443
443
|
--button-border-radius:var(--radius-2);
|
|
444
444
|
font-family:var(--body-default-bold-font-family);
|
|
445
445
|
font-size:var(--body-default-bold-font-size);
|
|
@@ -450,10 +450,10 @@
|
|
|
450
450
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
451
451
|
text-transform:var(--body-default-bold-text-case);
|
|
452
452
|
}
|
|
453
|
-
.bp_base_button_module_button--
|
|
453
|
+
.bp_base_button_module_button--ea857[data-modern=false]:not(:disabled)[data-focus-visible]{
|
|
454
454
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
455
455
|
}
|
|
456
|
-
.bp_base_button_module_button--
|
|
456
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_primary--ea857{
|
|
457
457
|
--button-color:var(--text-text-brand-on-color);
|
|
458
458
|
--button-background:var(--surface-surface-brand);
|
|
459
459
|
--button-border:var(--border-1) solid var(--surface-surface-brand);
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
--button-active-background:var(--surface-surface-brand-pressed);
|
|
463
463
|
--button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
464
464
|
}
|
|
465
|
-
.bp_base_button_module_button--
|
|
465
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_secondary--ea857{
|
|
466
466
|
--button-color:var(--text-text-on-light);
|
|
467
467
|
--button-background:var(--surface-cta-surface-secondary);
|
|
468
468
|
--button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
--button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
473
473
|
--button-backdrop-filter:none;
|
|
474
474
|
}
|
|
475
|
-
.bp_base_button_module_button--
|
|
475
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_tertiary--ea857{
|
|
476
476
|
--button-color:var(--text-cta-link);
|
|
477
477
|
--button-background:#0000;
|
|
478
478
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
--button-active-background:var(--surface-cta-surface-tertiary-pressed);
|
|
481
481
|
--button-backdrop-filter:none;
|
|
482
482
|
}
|
|
483
|
-
.bp_base_button_module_button--
|
|
483
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_outline--ea857{
|
|
484
484
|
--button-color:var(--text-text-on-light);
|
|
485
485
|
--button-background:var(--surface-cta-surface-outline);
|
|
486
486
|
--button-border:var(--border-1) solid var(--border-cta-border-outline);
|
|
@@ -490,48 +490,48 @@
|
|
|
490
490
|
--button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
491
491
|
--button-backdrop-filter:none;
|
|
492
492
|
}
|
|
493
|
-
.bp_base_button_module_button--
|
|
493
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_small--ea857{
|
|
494
494
|
--button-small-gap:var(--space-1);
|
|
495
495
|
--button-small-min-height:var(--size-8);
|
|
496
496
|
--button-small-padding:0 var(--space-4);
|
|
497
497
|
}
|
|
498
|
-
.bp_base_button_module_button--
|
|
498
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_small--ea857.bp_base_button_module_isIconButton--ea857{
|
|
499
499
|
--icon-button-small-width:var(--size-8);
|
|
500
500
|
--icon-button-small-height:var(--size-8);
|
|
501
501
|
--icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
|
|
502
502
|
}
|
|
503
|
-
.bp_base_button_module_button--
|
|
503
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconEndButton--ea857{
|
|
504
504
|
--button-small-padding:0 var(--space-3);
|
|
505
505
|
}
|
|
506
|
-
.bp_base_button_module_button--
|
|
506
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconStartButton--ea857{
|
|
507
507
|
--button-small-padding:0 var(--space-3) 0 0.625rem;
|
|
508
508
|
}
|
|
509
|
-
.bp_base_button_module_button--
|
|
509
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_small--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
510
510
|
--button-small-padding:0 var(--space-3) 0 var(--space-3);
|
|
511
511
|
}
|
|
512
|
-
.bp_base_button_module_button--
|
|
512
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_large--ea857{
|
|
513
513
|
--button-large-gap:var(--space-2);
|
|
514
514
|
--button-large-min-height:var(--size-10);
|
|
515
515
|
--button-large-padding:0 var(--space-4);
|
|
516
516
|
--button-large-font-size:var(--body-default-bold-font-size);
|
|
517
517
|
--button-large-line-height:var(--body-default-bold-line-height);
|
|
518
518
|
}
|
|
519
|
-
.bp_base_button_module_button--
|
|
519
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_large--ea857.bp_base_button_module_isIconButton--ea857{
|
|
520
520
|
--icon-button-large-width:var(--size-10);
|
|
521
521
|
--icon-button-large-height:var(--size-10);
|
|
522
522
|
--icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
|
|
523
523
|
}
|
|
524
|
-
.bp_base_button_module_button--
|
|
524
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconEndButton--ea857{
|
|
525
525
|
--button-large-padding:0 var(--space-4);
|
|
526
526
|
}
|
|
527
|
-
.bp_base_button_module_button--
|
|
527
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconStartButton--ea857{
|
|
528
528
|
--button-large-padding:0 var(--space-4) 0 0.875rem;
|
|
529
529
|
}
|
|
530
|
-
.bp_base_button_module_button--
|
|
530
|
+
.bp_base_button_module_button--ea857[data-modern=false].bp_base_button_module_large--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
531
531
|
--button-large-padding:0 var(--space-4) 0 var(--space-4);
|
|
532
532
|
}
|
|
533
533
|
|
|
534
|
-
.bp_base_button_module_button--
|
|
534
|
+
.bp_base_button_module_button--ea857{
|
|
535
535
|
border-radius:var(--button-border-radius);
|
|
536
536
|
cursor:pointer;
|
|
537
537
|
justify-content:center;
|
|
@@ -540,100 +540,100 @@
|
|
|
540
540
|
user-select:none;
|
|
541
541
|
white-space:nowrap;
|
|
542
542
|
}
|
|
543
|
-
.bp_base_button_module_button--
|
|
543
|
+
.bp_base_button_module_button--ea857,.bp_base_button_module_button--ea857 .bp_base_button_module_icon--ea857{
|
|
544
544
|
align-items:center;
|
|
545
545
|
display:flex;
|
|
546
546
|
}
|
|
547
|
-
.bp_base_button_module_button--
|
|
547
|
+
.bp_base_button_module_button--ea857:disabled{
|
|
548
548
|
opacity:.3;
|
|
549
549
|
}
|
|
550
|
-
.bp_base_button_module_button--
|
|
550
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_primary--ea857{
|
|
551
551
|
background:var(--button-background);
|
|
552
552
|
border:var(--button-border);
|
|
553
553
|
color:var(--button-color);
|
|
554
554
|
}
|
|
555
|
-
.bp_base_button_module_button--
|
|
555
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_primary--ea857:not(:disabled):hover,.bp_base_button_module_button--ea857.bp_base_button_module_primary--ea857:not(:disabled)[data-focus-visible]{
|
|
556
556
|
background:var(--button-focus-or-hover-background);
|
|
557
557
|
border:var(--button-focus-or-hover-border);
|
|
558
558
|
}
|
|
559
|
-
.bp_base_button_module_button--
|
|
559
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_primary--ea857:not(:disabled):active{
|
|
560
560
|
background:var(--button-active-background);
|
|
561
561
|
border:var(--button-active-border);
|
|
562
562
|
}
|
|
563
|
-
.bp_base_button_module_button--
|
|
563
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_secondary--ea857{
|
|
564
564
|
backdrop-filter:var(--button-backdrop-filter);
|
|
565
565
|
background:var(--button-background);
|
|
566
566
|
border:var(--button-border);
|
|
567
567
|
color:var(--button-color);
|
|
568
568
|
}
|
|
569
|
-
.bp_base_button_module_button--
|
|
569
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_secondary--ea857:not(:disabled):hover,.bp_base_button_module_button--ea857.bp_base_button_module_secondary--ea857:not(:disabled)[data-focus-visible]{
|
|
570
570
|
background:var(--button-focus-or-hover-background);
|
|
571
571
|
border:var(--button-focus-or-hover-border);
|
|
572
572
|
}
|
|
573
|
-
.bp_base_button_module_button--
|
|
573
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_secondary--ea857:not(:disabled):active{
|
|
574
574
|
background:var(--button-active-background);
|
|
575
575
|
border:var(--button-active-border);
|
|
576
576
|
}
|
|
577
|
-
.bp_base_button_module_button--
|
|
577
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_tertiary--ea857{
|
|
578
578
|
backdrop-filter:var(--button-backdrop-filter);
|
|
579
579
|
background:var(--button-background);
|
|
580
580
|
border:var(--button-border);
|
|
581
581
|
color:var(--button-color);
|
|
582
582
|
}
|
|
583
|
-
.bp_base_button_module_button--
|
|
583
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_tertiary--ea857:not(:disabled):hover,.bp_base_button_module_button--ea857.bp_base_button_module_tertiary--ea857:not(:disabled)[data-focus-visible]{
|
|
584
584
|
background:var(--button-focus-or-hover-background);
|
|
585
585
|
}
|
|
586
|
-
.bp_base_button_module_button--
|
|
586
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_tertiary--ea857:not(:disabled):active{
|
|
587
587
|
background:var(--button-active-background);
|
|
588
588
|
}
|
|
589
|
-
.bp_base_button_module_button--
|
|
589
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_outline--ea857{
|
|
590
590
|
backdrop-filter:var(--button-backdrop-filter);
|
|
591
591
|
background:var(--button-background);
|
|
592
592
|
border:var(--button-border);
|
|
593
593
|
color:var(--button-color);
|
|
594
594
|
}
|
|
595
|
-
.bp_base_button_module_button--
|
|
595
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_outline--ea857:not(:disabled):hover,.bp_base_button_module_button--ea857.bp_base_button_module_outline--ea857:not(:disabled)[data-focus-visible]{
|
|
596
596
|
background:var(--button-focus-or-hover-background);
|
|
597
597
|
border:var(--button-focus-or-hover-border);
|
|
598
598
|
}
|
|
599
|
-
.bp_base_button_module_button--
|
|
599
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_outline--ea857:not(:disabled):active{
|
|
600
600
|
background:var(--button-active-background);
|
|
601
601
|
border:var(--button-active-border);
|
|
602
602
|
}
|
|
603
|
-
.bp_base_button_module_button--
|
|
603
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_small--ea857{
|
|
604
604
|
gap:var(--button-small-gap);
|
|
605
605
|
min-height:var(--button-small-min-height);
|
|
606
606
|
padding:var(--button-small-padding);
|
|
607
607
|
}
|
|
608
|
-
.bp_base_button_module_button--
|
|
608
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_small--ea857.bp_base_button_module_isIconButton--ea857{
|
|
609
609
|
height:var(--icon-button-small-height);
|
|
610
610
|
min-height:unset;
|
|
611
611
|
padding:var(--icon-button-small-padding);
|
|
612
612
|
width:var(--icon-button-small-width);
|
|
613
613
|
}
|
|
614
|
-
.bp_base_button_module_button--
|
|
614
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconEndButton--ea857,.bp_base_button_module_button--ea857.bp_base_button_module_small--ea857.bp_base_button_module_isTextWithIconStartButton--ea857,.bp_base_button_module_button--ea857.bp_base_button_module_small--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
615
615
|
padding:var(--button-small-padding);
|
|
616
616
|
}
|
|
617
|
-
.bp_base_button_module_button--
|
|
617
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_large--ea857{
|
|
618
618
|
font-size:var(--button-large-font-size);
|
|
619
619
|
gap:var(--button-large-gap);
|
|
620
620
|
line-height:var(--button-large-line-height);
|
|
621
621
|
min-height:var(--button-large-min-height);
|
|
622
622
|
padding:var(--button-large-padding);
|
|
623
623
|
}
|
|
624
|
-
.bp_base_button_module_button--
|
|
624
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_large--ea857.bp_base_button_module_isIconButton--ea857{
|
|
625
625
|
height:var(--icon-button-large-height);
|
|
626
626
|
padding:var(--icon-button-large-padding);
|
|
627
627
|
width:var(--icon-button-large-width);
|
|
628
628
|
}
|
|
629
|
-
.bp_base_button_module_button--
|
|
629
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconEndButton--ea857,.bp_base_button_module_button--ea857.bp_base_button_module_large--ea857.bp_base_button_module_isTextWithIconStartButton--ea857,.bp_base_button_module_button--ea857.bp_base_button_module_large--ea857.bp_base_button_module_isTextWithStartAndEndIconButton--ea857{
|
|
630
630
|
padding:var(--button-large-padding);
|
|
631
631
|
}
|
|
632
|
-
.bp_base_button_module_button--
|
|
632
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_hide--ea857{
|
|
633
633
|
pointer-events:none;
|
|
634
634
|
position:relative;
|
|
635
635
|
}
|
|
636
|
-
.bp_base_button_module_button--
|
|
636
|
+
.bp_base_button_module_button--ea857.bp_base_button_module_hide--ea857 span{
|
|
637
637
|
color:#0000;
|
|
638
638
|
opacity:0;
|
|
639
639
|
}
|
|
@@ -3762,7 +3762,7 @@
|
|
|
3762
3762
|
.bp_text_area_module_textAreaContainer--33622 .bp_text_area_module_inlineError--33622{
|
|
3763
3763
|
margin-block-start:var(--text-area-container-row-gap);
|
|
3764
3764
|
}
|
|
3765
|
-
.bp_combobox_module_container--
|
|
3765
|
+
.bp_combobox_module_container--c44bc[data-modern=false]{
|
|
3766
3766
|
--max-lines:3;
|
|
3767
3767
|
--input-height:var(--space-5);
|
|
3768
3768
|
--chip-height:var(--space-7);
|
|
@@ -3779,9 +3779,9 @@
|
|
|
3779
3779
|
--combobox-container-border-top-width:var(--blueprint-combobox-border-top-width, var(--combobox-border-width));
|
|
3780
3780
|
--combobox-container-border-right-width:var(--blueprint-combobox-border-right-width, var(--combobox-border-width));
|
|
3781
3781
|
--combobox-container-border-bottom-width:var(
|
|
3782
|
-
|
|
3783
|
-
|
|
3784
|
-
|
|
3782
|
+
--blueprint-combobox-border-bottom-width,
|
|
3783
|
+
var(--combobox-border-width)
|
|
3784
|
+
);
|
|
3785
3785
|
--combobox-container-border-left-width:var(--blueprint-combobox-border-left-width, var(--combobox-border-width));
|
|
3786
3786
|
--combobox-container-border-color:var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
3787
3787
|
--combobox-container-border-color-hover:var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
@@ -3798,9 +3798,9 @@
|
|
|
3798
3798
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--border-2));
|
|
3799
3799
|
--combobox-container-error-border-right-width:var(--blueprint-combobox-border-error-right-width, var(--border-2));
|
|
3800
3800
|
--combobox-container-error-border-bottom-width:var(
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3801
|
+
--blueprint-combobox-border-error-bottom-width,
|
|
3802
|
+
var(--border-2)
|
|
3803
|
+
);
|
|
3804
3804
|
--combobox-container-error-border-left-width:var(--blueprint-combobox-border-error-left-width, var(--border-2));
|
|
3805
3805
|
--combobox-container-error-border-color:var(--border-input-border-error);
|
|
3806
3806
|
--combobox-padding-block-error:calc(var(--combobox-space) - var(--combobox-border-width-error));
|
|
@@ -3825,7 +3825,7 @@
|
|
|
3825
3825
|
text-decoration:var(--body-default-text-decoration);
|
|
3826
3826
|
text-transform:var(--body-default-text-case);
|
|
3827
3827
|
}
|
|
3828
|
-
.bp_combobox_module_container--
|
|
3828
|
+
.bp_combobox_module_container--c44bc[data-modern=false] .bp_combobox_module_label--c44bc{
|
|
3829
3829
|
font-family:var(--body-default-bold-font-family);
|
|
3830
3830
|
font-size:var(--body-default-bold-font-size);
|
|
3831
3831
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -3835,7 +3835,7 @@
|
|
|
3835
3835
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
3836
3836
|
text-transform:var(--body-default-bold-text-case);
|
|
3837
3837
|
}
|
|
3838
|
-
.bp_combobox_module_container--
|
|
3838
|
+
.bp_combobox_module_container--c44bc[data-modern=false] .bp_combobox_module_textInput--c44bc{
|
|
3839
3839
|
font-family:var(--body-default-font-family);
|
|
3840
3840
|
font-size:var(--body-default-font-size);
|
|
3841
3841
|
font-weight:var(--body-default-font-weight);
|
|
@@ -3846,7 +3846,7 @@
|
|
|
3846
3846
|
text-transform:var(--body-default-text-case);
|
|
3847
3847
|
}
|
|
3848
3848
|
|
|
3849
|
-
.bp_combobox_module_container--
|
|
3849
|
+
.bp_combobox_module_container--c44bc[data-modern=true]{
|
|
3850
3850
|
--max-lines:3;
|
|
3851
3851
|
--bp-innershadow-01:var(--innershadow-1);
|
|
3852
3852
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -3866,9 +3866,9 @@
|
|
|
3866
3866
|
--combobox-container-border-bottom-width:var(--blueprint-combobox-border-bottom-width, var(--bp-border-01));
|
|
3867
3867
|
--combobox-container-border-left-width:var(--blueprint-combobox-border-left-width, var(--bp-border-01));
|
|
3868
3868
|
--combobox-container-border-color:var(
|
|
3869
|
-
|
|
3870
|
-
|
|
3871
|
-
|
|
3869
|
+
--blueprint-combobox-border-color,
|
|
3870
|
+
var(--bp-border-combobox-border, var(--bp-gray-50))
|
|
3871
|
+
);
|
|
3872
3872
|
--combobox-container-border-color-hover:var(--bp-border-combobox-border-hover);
|
|
3873
3873
|
--combobox-container-border-radius:var(--blueprint-combobox-input-radius, var(--bp-radius-06));
|
|
3874
3874
|
--combobox-container-box-shadow:var(--bp-innershadow-01);
|
|
@@ -3881,17 +3881,17 @@
|
|
|
3881
3881
|
--combobox-container-error-background-color:var(--bp-gray-white);
|
|
3882
3882
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--bp-border-02));
|
|
3883
3883
|
--combobox-container-error-border-right-width:var(
|
|
3884
|
-
|
|
3885
|
-
|
|
3886
|
-
|
|
3884
|
+
--blueprint-combobox-border-error-right-width,
|
|
3885
|
+
var(--bp-border-02)
|
|
3886
|
+
);
|
|
3887
3887
|
--combobox-container-error-border-bottom-width:var(
|
|
3888
|
-
|
|
3889
|
-
|
|
3890
|
-
|
|
3888
|
+
--blueprint-combobox-border-error-bottom-width,
|
|
3889
|
+
var(--bp-border-02)
|
|
3890
|
+
);
|
|
3891
3891
|
--combobox-container-error-border-left-width:var(
|
|
3892
|
-
|
|
3893
|
-
|
|
3894
|
-
|
|
3892
|
+
--blueprint-combobox-border-error-left-width,
|
|
3893
|
+
var(--bp-border-02)
|
|
3894
|
+
);
|
|
3895
3895
|
--combobox-container-error-border-color:var(--bp-border-input-border-error);
|
|
3896
3896
|
--combobox-padding-block-error:calc(var(--bp-combobox-space) - var(--combobox-border-width-error));
|
|
3897
3897
|
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
@@ -3908,17 +3908,17 @@
|
|
|
3908
3908
|
--combobox-button-spacing:var(--bp-space-020);
|
|
3909
3909
|
font-weight:var(--bp-font-weight-regular);
|
|
3910
3910
|
}
|
|
3911
|
-
.bp_combobox_module_container--
|
|
3911
|
+
.bp_combobox_module_container--c44bc[data-modern=true],.bp_combobox_module_container--c44bc[data-modern=true] .bp_combobox_module_label--c44bc{
|
|
3912
3912
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3913
3913
|
font-size:var(--bp-font-size-05);
|
|
3914
3914
|
font-style:normal;
|
|
3915
3915
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3916
3916
|
line-height:var(--bp-font-line-height-04);
|
|
3917
3917
|
}
|
|
3918
|
-
.bp_combobox_module_container--
|
|
3918
|
+
.bp_combobox_module_container--c44bc[data-modern=true] .bp_combobox_module_label--c44bc{
|
|
3919
3919
|
font-weight:var(--bp-font-weight-bold);
|
|
3920
3920
|
}
|
|
3921
|
-
.bp_combobox_module_container--
|
|
3921
|
+
.bp_combobox_module_container--c44bc[data-modern=true] .bp_combobox_module_textInput--c44bc{
|
|
3922
3922
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3923
3923
|
font-size:var(--bp-font-size-05);
|
|
3924
3924
|
font-style:normal;
|
|
@@ -3927,13 +3927,13 @@
|
|
|
3927
3927
|
line-height:var(--bp-font-line-height-04);
|
|
3928
3928
|
}
|
|
3929
3929
|
|
|
3930
|
-
.bp_combobox_module_popover--
|
|
3930
|
+
.bp_combobox_module_popover--c44bc[data-modern=false]{
|
|
3931
3931
|
--option-height:2.25rem;
|
|
3932
3932
|
--dropdown-max-height:12.5rem;
|
|
3933
3933
|
--combobox-popover-max-height:min(
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
|
|
3934
|
+
var(--popover-available-height, var(--option-height)),
|
|
3935
|
+
var(--dropdown-max-height)
|
|
3936
|
+
);
|
|
3937
3937
|
--combobox-popover-background-color:var(--surface-menu-surface);
|
|
3938
3938
|
--combobox-popover-border:var(--border-1) solid var(--border-card-border);
|
|
3939
3939
|
--combobox-popover-border-radius:var(--radius-3);
|
|
@@ -3969,14 +3969,14 @@
|
|
|
3969
3969
|
text-transform:var(--body-default-text-case);
|
|
3970
3970
|
}
|
|
3971
3971
|
|
|
3972
|
-
.bp_combobox_module_popover--
|
|
3972
|
+
.bp_combobox_module_popover--c44bc[data-modern=true]{
|
|
3973
3973
|
--option-height:2.25rem;
|
|
3974
3974
|
--dropdown-max-height:12.5rem;
|
|
3975
3975
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
3976
3976
|
--combobox-popover-max-height:min(
|
|
3977
|
-
|
|
3978
|
-
|
|
3979
|
-
|
|
3977
|
+
var(--popover-available-height, var(--option-height)),
|
|
3978
|
+
var(--dropdown-max-height)
|
|
3979
|
+
);
|
|
3980
3980
|
--combobox-popover-background-color:var(--bp-surface-menu-surface-dropdown);
|
|
3981
3981
|
--combobox-popover-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
3982
3982
|
--combobox-popover-border-radius:var(--bp-radius-10);
|
|
@@ -3987,7 +3987,7 @@
|
|
|
3987
3987
|
--combobox-option-border-radius:var(--bp-radius-06);
|
|
3988
3988
|
--combobox-option-padding-block:var(--bp-space-020);
|
|
3989
3989
|
--combobox-option-padding-inline:var(--bp-space-020);
|
|
3990
|
-
--combobox-option-disabled-opacity
|
|
3990
|
+
--combobox-option-disabled-opacity:0.3;
|
|
3991
3991
|
--combobox-option-active-background-color:var(--bp-surface-menu-item-surface-pressed);
|
|
3992
3992
|
--combobox-option-active-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
3993
3993
|
--combobox-option-active-padding-block:var(--bp-space-020);
|
|
@@ -4010,22 +4010,22 @@
|
|
|
4010
4010
|
line-height:var(--bp-font-line-height-04);
|
|
4011
4011
|
}
|
|
4012
4012
|
|
|
4013
|
-
.bp_combobox_module_container--
|
|
4013
|
+
.bp_combobox_module_container--c44bc{
|
|
4014
4014
|
display:flex;
|
|
4015
4015
|
flex-direction:column;
|
|
4016
4016
|
}
|
|
4017
|
-
.bp_combobox_module_container--
|
|
4017
|
+
.bp_combobox_module_container--c44bc.bp_combobox_module_disabled--c44bc{
|
|
4018
4018
|
opacity:60%;
|
|
4019
4019
|
}
|
|
4020
|
-
.bp_combobox_module_container--
|
|
4020
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_label--c44bc{
|
|
4021
4021
|
color:var(--combobox-label-color);
|
|
4022
4022
|
flex:0 0 fit-content;
|
|
4023
4023
|
overflow-wrap:break-word;
|
|
4024
4024
|
}
|
|
4025
|
-
.bp_combobox_module_container--
|
|
4025
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_label--c44bc:not(.bp_combobox_module_hiddenLabel--c44bc){
|
|
4026
4026
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
4027
4027
|
}
|
|
4028
|
-
.bp_combobox_module_container--
|
|
4028
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc{
|
|
4029
4029
|
background-color:var(--combobox-container-background-color);
|
|
4030
4030
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
4031
4031
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -4042,15 +4042,15 @@
|
|
|
4042
4042
|
padding-inline:var(--combobox-container-padding-inline);
|
|
4043
4043
|
position:relative;
|
|
4044
4044
|
}
|
|
4045
|
-
.bp_combobox_module_container--
|
|
4045
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc.bp_combobox_module_withComboboxButtons--c44bc{
|
|
4046
4046
|
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
4047
4047
|
}
|
|
4048
|
-
.bp_combobox_module_container--
|
|
4048
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc:not(:disabled):has(input:focus){
|
|
4049
4049
|
background-color:var(--combobox-container-focus-background-color);
|
|
4050
4050
|
border:var(--combobox-container-focus-border);
|
|
4051
4051
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
4052
4052
|
}
|
|
4053
|
-
.bp_combobox_module_container--
|
|
4053
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc:not(:disabled).bp_combobox_module_error--c44bc,.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc:not(:disabled):has([aria-invalid=true]){
|
|
4054
4054
|
background-color:var(--combobox-container-error-background-color);
|
|
4055
4055
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
4056
4056
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
@@ -4058,19 +4058,19 @@
|
|
|
4058
4058
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
4059
4059
|
padding-block:var(--combobox-container-error-padding-block);
|
|
4060
4060
|
}
|
|
4061
|
-
.bp_combobox_module_container--
|
|
4061
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--c44bc):not(:has([aria-invalid=true])){
|
|
4062
4062
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
4063
4063
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
4064
4064
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
4065
4065
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
4066
4066
|
}
|
|
4067
|
-
.bp_combobox_module_container--
|
|
4067
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc .bp_combobox_module_textInputWrapper--c44bc{
|
|
4068
4068
|
align-items:center;
|
|
4069
4069
|
display:flex;
|
|
4070
4070
|
flex:content;
|
|
4071
4071
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
4072
4072
|
}
|
|
4073
|
-
.bp_combobox_module_container--
|
|
4073
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc .bp_combobox_module_textInputWrapper--c44bc .bp_combobox_module_textInput--c44bc{
|
|
4074
4074
|
background-color:var(--combobox-text-input-background-color);
|
|
4075
4075
|
border:none;
|
|
4076
4076
|
color:var(--combobox-text-input-color);
|
|
@@ -4079,31 +4079,31 @@
|
|
|
4079
4079
|
padding:0;
|
|
4080
4080
|
width:100%;
|
|
4081
4081
|
}
|
|
4082
|
-
.bp_combobox_module_container--
|
|
4082
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc .bp_combobox_module_textInputWrapper--c44bc .bp_combobox_module_errorIcon--c44bc path{
|
|
4083
4083
|
fill:var(--combobox-error-icon-fill);
|
|
4084
4084
|
}
|
|
4085
|
-
.bp_combobox_module_container--
|
|
4085
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc .bp_combobox_module_textInputWrapper--c44bc .bp_combobox_module_comboboxButtons--c44bc{
|
|
4086
4086
|
align-items:center;
|
|
4087
4087
|
display:flex;
|
|
4088
4088
|
position:absolute;
|
|
4089
4089
|
right:var(--combobox-button-spacing);
|
|
4090
4090
|
top:var(--combobox-button-spacing);
|
|
4091
4091
|
}
|
|
4092
|
-
.bp_combobox_module_container--
|
|
4092
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc.bp_combobox_module_withChips--c44bc{
|
|
4093
4093
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
4094
4094
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
4095
4095
|
}
|
|
4096
|
-
.bp_combobox_module_container--
|
|
4096
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc.bp_combobox_module_withChips--c44bc:not(:disabled).bp_combobox_module_error--c44bc{
|
|
4097
4097
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
4098
4098
|
}
|
|
4099
|
-
.bp_combobox_module_container--
|
|
4099
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_comboboxContainer--c44bc.bp_combobox_module_withChips--c44bc:not(:disabled):has(input:focus){
|
|
4100
4100
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
4101
4101
|
}
|
|
4102
|
-
.bp_combobox_module_container--
|
|
4102
|
+
.bp_combobox_module_container--c44bc .bp_combobox_module_inlineError--c44bc{
|
|
4103
4103
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
4104
4104
|
}
|
|
4105
4105
|
|
|
4106
|
-
.bp_combobox_module_popover--
|
|
4106
|
+
.bp_combobox_module_popover--c44bc{
|
|
4107
4107
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
4108
4108
|
background-color:var(--combobox-popover-background-color);
|
|
4109
4109
|
border:var(--combobox-popover-border);
|
|
@@ -4115,7 +4115,7 @@
|
|
|
4115
4115
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
4116
4116
|
z-index:var(--z-index-popover);
|
|
4117
4117
|
}
|
|
4118
|
-
.bp_combobox_module_popover--
|
|
4118
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc{
|
|
4119
4119
|
border:var(--combobox-option-border);
|
|
4120
4120
|
border-radius:var(--combobox-option-border-radius);
|
|
4121
4121
|
box-sizing:border-box;
|
|
@@ -4130,21 +4130,21 @@
|
|
|
4130
4130
|
user-select:none;
|
|
4131
4131
|
width:100%;
|
|
4132
4132
|
}
|
|
4133
|
-
.bp_combobox_module_popover--
|
|
4133
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc[aria-disabled]{
|
|
4134
4134
|
opacity:var(--combobox-option-disabled-opacity);
|
|
4135
4135
|
}
|
|
4136
|
-
.bp_combobox_module_popover--
|
|
4136
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc[data-active-item]:not([aria-disabled]){
|
|
4137
4137
|
background-color:var(--combobox-option-active-background-color);
|
|
4138
4138
|
border:var(--combobox-option-active-border);
|
|
4139
4139
|
}
|
|
4140
|
-
.bp_combobox_module_popover--
|
|
4140
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc:active{
|
|
4141
4141
|
background-color:var(--combobox-option-hover-background-color);
|
|
4142
4142
|
border:var(--combobox-option-border);
|
|
4143
4143
|
}
|
|
4144
|
-
.bp_combobox_module_popover--
|
|
4144
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc:hover{
|
|
4145
4145
|
background-color:var(--combobox-option-hover-background-color);
|
|
4146
4146
|
}
|
|
4147
|
-
.bp_combobox_module_popover--
|
|
4147
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc .bp_combobox_module_indicator--c44bc{
|
|
4148
4148
|
align-items:center;
|
|
4149
4149
|
display:flex;
|
|
4150
4150
|
height:var(--combobox-option-indicator-height);
|
|
@@ -4153,16 +4153,16 @@
|
|
|
4153
4153
|
position:absolute;
|
|
4154
4154
|
top:var(--combobox-option-indicator-top);
|
|
4155
4155
|
}
|
|
4156
|
-
.bp_combobox_module_popover--
|
|
4156
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_option--c44bc .bp_combobox_module_indicator--c44bc .bp_combobox_module_indicatorIcon--c44bc path{
|
|
4157
4157
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
4158
4158
|
}
|
|
4159
|
-
.bp_combobox_module_popover--
|
|
4159
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_optionWithIndicator--c44bc{
|
|
4160
4160
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
4161
4161
|
}
|
|
4162
|
-
.bp_combobox_module_popover--
|
|
4162
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_loadingIndicator--c44bc{
|
|
4163
4163
|
position:var(--combobox-loading-indicator-position);
|
|
4164
4164
|
}
|
|
4165
|
-
.bp_combobox_module_popover--
|
|
4165
|
+
.bp_combobox_module_popover--c44bc .bp_combobox_module_noResultOption--c44bc{
|
|
4166
4166
|
color:var(--combobox-no-result-option-color);
|
|
4167
4167
|
-webkit-user-select:none;
|
|
4168
4168
|
user-select:none;
|
|
@@ -7974,7 +7974,7 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
7974
7974
|
display:inline;
|
|
7975
7975
|
}
|
|
7976
7976
|
|
|
7977
|
-
.bp_modal_module_overlay--
|
|
7977
|
+
.bp_modal_module_overlay--ad829[data-modern=false]{
|
|
7978
7978
|
--modal-body-text-color:var(--text-text-on-light);
|
|
7979
7979
|
--modal-overlay-background:var(--overlay-modal-overlay);
|
|
7980
7980
|
--modal-content-background:var(--gray-white);
|
|
@@ -8012,10 +8012,10 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8012
8012
|
--modal-footer-padding:var(--space-4);
|
|
8013
8013
|
--modal-footer-padding-non-fullscreen:var(--space-6);
|
|
8014
8014
|
--modal-footer-button-margin-inline-start:var(--space-3);
|
|
8015
|
-
--modal-loading-animation:var(--animation-duration-2) cubic-bezier(.25, .46, .45, .94);
|
|
8015
|
+
--modal-loading-animation:var(--animation-duration-2) cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
8016
8016
|
}
|
|
8017
8017
|
|
|
8018
|
-
.bp_modal_module_overlay--
|
|
8018
|
+
.bp_modal_module_overlay--ad829[data-modern=true]{
|
|
8019
8019
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
8020
8020
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
8021
8021
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -8053,30 +8053,26 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8053
8053
|
--modal-footer-padding:var(--bp-space-040);
|
|
8054
8054
|
--modal-footer-padding-non-fullscreen:var(--bp-space-060);
|
|
8055
8055
|
--modal-footer-button-margin-inline-start:var(--bp-space-030);
|
|
8056
|
-
--modal-loading-animation:var(--animation-duration-2) cubic-bezier(.25, .46, .45, .94);
|
|
8056
|
+
--modal-loading-animation:var(--animation-duration-2) cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
8057
8057
|
}
|
|
8058
8058
|
|
|
8059
|
-
.bp_modal_module_overlay--
|
|
8059
|
+
.bp_modal_module_overlay--ad829{
|
|
8060
8060
|
background-color:var(--modal-overlay-background);
|
|
8061
|
-
bottom:0;
|
|
8062
8061
|
display:grid;
|
|
8063
|
-
left:0;
|
|
8064
8062
|
inset:0;
|
|
8065
8063
|
position:fixed;
|
|
8066
|
-
right:0;
|
|
8067
|
-
top:0;
|
|
8068
8064
|
z-index:370;
|
|
8069
8065
|
}
|
|
8070
8066
|
@media (width > 459px){
|
|
8071
|
-
.bp_modal_module_overlay--
|
|
8067
|
+
.bp_modal_module_overlay--ad829{
|
|
8072
8068
|
place-items:center;
|
|
8073
8069
|
}
|
|
8074
8070
|
}
|
|
8075
8071
|
|
|
8076
|
-
.bp_modal_module_headerDividerLine--
|
|
8072
|
+
.bp_modal_module_headerDividerLine--ad829{
|
|
8077
8073
|
position:relative;
|
|
8078
8074
|
}
|
|
8079
|
-
.bp_modal_module_headerDividerLine--
|
|
8075
|
+
.bp_modal_module_headerDividerLine--ad829::after{
|
|
8080
8076
|
border-bottom:var(--modal-divider-line-border);
|
|
8081
8077
|
bottom:0;
|
|
8082
8078
|
content:"";
|
|
@@ -8085,16 +8081,16 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8085
8081
|
right:var(--modal-divider-line-offset-right);
|
|
8086
8082
|
}
|
|
8087
8083
|
@media (width > 459px){
|
|
8088
|
-
.bp_modal_module_headerDividerLine--
|
|
8084
|
+
.bp_modal_module_headerDividerLine--ad829::after{
|
|
8089
8085
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8090
8086
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8091
8087
|
}
|
|
8092
8088
|
}
|
|
8093
8089
|
|
|
8094
|
-
.bp_modal_module_footerDividerLine--
|
|
8090
|
+
.bp_modal_module_footerDividerLine--ad829{
|
|
8095
8091
|
position:relative;
|
|
8096
8092
|
}
|
|
8097
|
-
.bp_modal_module_footerDividerLine--
|
|
8093
|
+
.bp_modal_module_footerDividerLine--ad829::before{
|
|
8098
8094
|
border-bottom:var(--modal-divider-line-border);
|
|
8099
8095
|
content:"";
|
|
8100
8096
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -8103,13 +8099,13 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8103
8099
|
top:0;
|
|
8104
8100
|
}
|
|
8105
8101
|
@media (width > 459px){
|
|
8106
|
-
.bp_modal_module_footerDividerLine--
|
|
8102
|
+
.bp_modal_module_footerDividerLine--ad829::before{
|
|
8107
8103
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8108
8104
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8109
8105
|
}
|
|
8110
8106
|
}
|
|
8111
8107
|
|
|
8112
|
-
.bp_modal_module_content--
|
|
8108
|
+
.bp_modal_module_content--ad829{
|
|
8113
8109
|
display:flex;
|
|
8114
8110
|
flex-direction:column;
|
|
8115
8111
|
height:100vh;
|
|
@@ -8117,16 +8113,16 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8117
8113
|
position:relative;
|
|
8118
8114
|
}
|
|
8119
8115
|
@media (width > 374px){
|
|
8120
|
-
.bp_modal_module_content--
|
|
8116
|
+
.bp_modal_module_content--ad829{
|
|
8121
8117
|
overflow:hidden;
|
|
8122
8118
|
}
|
|
8123
8119
|
}
|
|
8124
|
-
.bp_modal_module_content--
|
|
8125
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
8120
|
+
.bp_modal_module_content--ad829{
|
|
8121
|
+
animation:bp_modal_module_popup_bounce_in--ad829 var(--animation-duration-3);
|
|
8126
8122
|
background-color:var(--modal-content-background);
|
|
8127
8123
|
}
|
|
8128
8124
|
@media (width > 459px){
|
|
8129
|
-
.bp_modal_module_content--
|
|
8125
|
+
.bp_modal_module_content--ad829{
|
|
8130
8126
|
border-radius:var(--modal-border-radius);
|
|
8131
8127
|
height:auto;
|
|
8132
8128
|
margin:var(--modal-margin);
|
|
@@ -8134,79 +8130,79 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8134
8130
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
8135
8131
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
8136
8132
|
}
|
|
8137
|
-
.bp_modal_module_content--
|
|
8133
|
+
.bp_modal_module_content--ad829.bp_modal_module_smallSizeModal--ad829{
|
|
8138
8134
|
max-width:var(--modal-max-width-small);
|
|
8139
8135
|
}
|
|
8140
|
-
.bp_modal_module_content--
|
|
8136
|
+
.bp_modal_module_content--ad829.bp_modal_module_mediumSizeModal--ad829{
|
|
8141
8137
|
max-width:var(--modal-max-width-medium);
|
|
8142
8138
|
}
|
|
8143
|
-
.bp_modal_module_content--
|
|
8139
|
+
.bp_modal_module_content--ad829.bp_modal_module_largeSizeModal--ad829{
|
|
8144
8140
|
max-width:var(--modal-max-width-large);
|
|
8145
8141
|
}
|
|
8146
|
-
.bp_modal_module_content--
|
|
8142
|
+
.bp_modal_module_content--ad829.bp_modal_module_xlargeSizeModal--ad829{
|
|
8147
8143
|
max-width:var(--modal-max-width-xlarge);
|
|
8148
8144
|
}
|
|
8149
8145
|
}
|
|
8150
|
-
.bp_modal_module_content--
|
|
8146
|
+
.bp_modal_module_content--ad829:has(.bp_modal_module_loadingContainerActive--ad829) .bp_modal_module_footerDividerLine--ad829::before,.bp_modal_module_content--ad829:has(.bp_modal_module_loadingContainerActive--ad829) .bp_modal_module_headerDividerLine--ad829::after{
|
|
8151
8147
|
display:none;
|
|
8152
8148
|
}
|
|
8153
8149
|
@media (width > 459px){
|
|
8154
|
-
.bp_modal_module_content--
|
|
8150
|
+
.bp_modal_module_content--ad829:has(.bp_modal_module_loadingContainerActive--ad829){
|
|
8155
8151
|
max-height:var(--modal-max-height-loading);
|
|
8156
8152
|
max-width:var(--modal-max-width-loading);
|
|
8157
8153
|
}
|
|
8158
8154
|
}
|
|
8159
8155
|
|
|
8160
|
-
.bp_modal_module_scrollableContainer--
|
|
8156
|
+
.bp_modal_module_scrollableContainer--ad829{
|
|
8161
8157
|
flex-grow:1;
|
|
8162
8158
|
}
|
|
8163
8159
|
@media (width > 374px){
|
|
8164
|
-
.bp_modal_module_scrollableContainer--
|
|
8160
|
+
.bp_modal_module_scrollableContainer--ad829{
|
|
8165
8161
|
overflow-y:auto;
|
|
8166
8162
|
}
|
|
8167
8163
|
}
|
|
8168
8164
|
|
|
8169
|
-
.bp_modal_module_content--
|
|
8165
|
+
.bp_modal_module_content--ad829 .bp_modal_module_close--ad829{
|
|
8170
8166
|
position:fixed;
|
|
8171
8167
|
}
|
|
8172
8168
|
@media (width > 374px){
|
|
8173
|
-
.bp_modal_module_content--
|
|
8169
|
+
.bp_modal_module_content--ad829 .bp_modal_module_close--ad829{
|
|
8174
8170
|
position:absolute;
|
|
8175
8171
|
}
|
|
8176
8172
|
}
|
|
8177
|
-
.bp_modal_module_content--
|
|
8173
|
+
.bp_modal_module_content--ad829 .bp_modal_module_close--ad829{
|
|
8178
8174
|
color:var(--modal-close-button-color);
|
|
8179
8175
|
right:var(--modal-close-button-offset-right);
|
|
8180
8176
|
top:var(--modal-close-button-offset-top);
|
|
8181
8177
|
}
|
|
8182
8178
|
|
|
8183
|
-
.bp_modal_module_close--
|
|
8179
|
+
.bp_modal_module_close--ad829.bp_modal_module_onColor--ad829{
|
|
8184
8180
|
background-color:var(--modal-close-button-on-color-background);
|
|
8185
8181
|
}
|
|
8186
|
-
.bp_modal_module_close--
|
|
8182
|
+
.bp_modal_module_close--ad829.bp_modal_module_onColor--ad829:hover{
|
|
8187
8183
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
8188
8184
|
}
|
|
8189
|
-
.bp_modal_module_close--
|
|
8185
|
+
.bp_modal_module_close--ad829.bp_modal_module_onColor--ad829:active{
|
|
8190
8186
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
8191
8187
|
}
|
|
8192
8188
|
|
|
8193
|
-
.bp_modal_module_content--
|
|
8189
|
+
.bp_modal_module_content--ad829 .bp_modal_module_backButton--ad829{
|
|
8194
8190
|
color:var(--modal-back-button-color);
|
|
8195
8191
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
8196
8192
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
8197
8193
|
}
|
|
8198
8194
|
@media (width > 459px){
|
|
8199
|
-
.bp_modal_module_content--
|
|
8195
|
+
.bp_modal_module_content--ad829 .bp_modal_module_backButton--ad829{
|
|
8200
8196
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
8201
8197
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
8202
8198
|
}
|
|
8203
8199
|
}
|
|
8204
8200
|
|
|
8205
|
-
.bp_modal_module_modalHeader--
|
|
8201
|
+
.bp_modal_module_modalHeader--ad829{
|
|
8206
8202
|
display:flex;
|
|
8207
8203
|
}
|
|
8208
8204
|
|
|
8209
|
-
.bp_modal_module_modalTitle--
|
|
8205
|
+
.bp_modal_module_modalTitle--ad829{
|
|
8210
8206
|
display:flex;
|
|
8211
8207
|
flex-direction:column;
|
|
8212
8208
|
gap:var(--modal-title-gap);
|
|
@@ -8214,58 +8210,58 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8214
8210
|
padding:var(--modal-title-padding);
|
|
8215
8211
|
}
|
|
8216
8212
|
@media (width > 459px){
|
|
8217
|
-
.bp_modal_module_modalTitle--
|
|
8213
|
+
.bp_modal_module_modalTitle--ad829{
|
|
8218
8214
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
8219
8215
|
}
|
|
8220
8216
|
}
|
|
8221
8217
|
|
|
8222
|
-
.bp_modal_module_body--
|
|
8218
|
+
.bp_modal_module_body--ad829{
|
|
8223
8219
|
color:var(--modal-body-text-color);
|
|
8224
8220
|
padding:var(--modal-body-padding-fullscreen);
|
|
8225
8221
|
}
|
|
8226
8222
|
@media (width > 459px){
|
|
8227
|
-
.bp_modal_module_body--
|
|
8223
|
+
.bp_modal_module_body--ad829{
|
|
8228
8224
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
8229
8225
|
}
|
|
8230
8226
|
}
|
|
8231
8227
|
|
|
8232
|
-
.bp_modal_module_footer--
|
|
8228
|
+
.bp_modal_module_footer--ad829{
|
|
8233
8229
|
display:flex;
|
|
8234
8230
|
justify-content:flex-end;
|
|
8235
8231
|
padding:var(--modal-footer-padding);
|
|
8236
8232
|
}
|
|
8237
8233
|
@media (width > 459px){
|
|
8238
|
-
.bp_modal_module_footer--
|
|
8234
|
+
.bp_modal_module_footer--ad829{
|
|
8239
8235
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
8240
8236
|
}
|
|
8241
8237
|
}
|
|
8242
8238
|
|
|
8243
|
-
.bp_modal_module_footerButton--
|
|
8239
|
+
.bp_modal_module_footerButton--ad829 + .bp_modal_module_footerButton--ad829{
|
|
8244
8240
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
8245
8241
|
}
|
|
8246
8242
|
|
|
8247
|
-
.bp_modal_module_loadingContainer--
|
|
8243
|
+
.bp_modal_module_loadingContainer--ad829{
|
|
8248
8244
|
display:flex;
|
|
8249
8245
|
flex-direction:column;
|
|
8250
8246
|
flex-grow:1;
|
|
8251
8247
|
position:relative;
|
|
8252
8248
|
}
|
|
8253
8249
|
@media (width > 374px){
|
|
8254
|
-
.bp_modal_module_loadingContainer--
|
|
8250
|
+
.bp_modal_module_loadingContainer--ad829{
|
|
8255
8251
|
min-height:0;
|
|
8256
8252
|
}
|
|
8257
8253
|
}
|
|
8258
8254
|
|
|
8259
|
-
.bp_modal_module_loadingContainerActive--
|
|
8255
|
+
.bp_modal_module_loadingContainerActive--ad829{
|
|
8260
8256
|
overflow:hidden;
|
|
8261
8257
|
}
|
|
8262
8258
|
|
|
8263
|
-
.bp_modal_module_loading--
|
|
8259
|
+
.bp_modal_module_loading--ad829{
|
|
8264
8260
|
align-items:center;
|
|
8265
8261
|
display:flex;
|
|
8266
8262
|
}
|
|
8267
8263
|
|
|
8268
|
-
.bp_modal_module_loadingOverlay--
|
|
8264
|
+
.bp_modal_module_loadingOverlay--ad829{
|
|
8269
8265
|
background-color:var(--modal-content-background);
|
|
8270
8266
|
bottom:0;
|
|
8271
8267
|
left:0;
|
|
@@ -8275,22 +8271,22 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
|
|
|
8275
8271
|
z-index:1;
|
|
8276
8272
|
}
|
|
8277
8273
|
|
|
8278
|
-
.bp_modal_module_loadingContent--
|
|
8274
|
+
.bp_modal_module_loadingContent--ad829{
|
|
8279
8275
|
display:flex;
|
|
8280
8276
|
flex-direction:column;
|
|
8281
8277
|
visibility:hidden;
|
|
8282
8278
|
}
|
|
8283
8279
|
@media (width > 374px){
|
|
8284
|
-
.bp_modal_module_loadingContent--
|
|
8280
|
+
.bp_modal_module_loadingContent--ad829{
|
|
8285
8281
|
min-height:0;
|
|
8286
8282
|
}
|
|
8287
8283
|
}
|
|
8288
8284
|
|
|
8289
|
-
.bp_modal_module_loadingContentVisible--
|
|
8285
|
+
.bp_modal_module_loadingContentVisible--ad829{
|
|
8290
8286
|
visibility:visible;
|
|
8291
8287
|
}
|
|
8292
8288
|
|
|
8293
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
8289
|
+
@keyframes bp_modal_module_popup_bounce_in--ad829{
|
|
8294
8290
|
0%{
|
|
8295
8291
|
transform:scale3d(.1, .1, 1);
|
|
8296
8292
|
}
|
|
@@ -10734,7 +10730,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10734
10730
|
top:50%;
|
|
10735
10731
|
transform:translateY(-50%);
|
|
10736
10732
|
}
|
|
10737
|
-
.bp_side_panel_module_content--
|
|
10733
|
+
.bp_side_panel_module_content--ff4b0[data-modern=false]{
|
|
10738
10734
|
--side-panel-border:var(--border-1) solid var(--border-divider-border);
|
|
10739
10735
|
--side-panel-background:var(--gray-white);
|
|
10740
10736
|
--side-panel-header-padding:var(--space-5) var(--space-4);
|
|
@@ -10756,7 +10752,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10756
10752
|
--side-panel-footer-button-margin-plus:var(--space-3);
|
|
10757
10753
|
}
|
|
10758
10754
|
|
|
10759
|
-
.bp_side_panel_module_content--
|
|
10755
|
+
.bp_side_panel_module_content--ff4b0[data-modern=true]{
|
|
10760
10756
|
--side-panel-border:var(--bp-border-01) solid var(--bp-border-divider-border);
|
|
10761
10757
|
--side-panel-background:var(--bp-surface-side-panel-surface);
|
|
10762
10758
|
--side-panel-header-padding:var(--bp-space-060) var(--bp-space-040);
|
|
@@ -10778,15 +10774,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10778
10774
|
--side-panel-footer-button-margin-plus:var(--bp-space-030);
|
|
10779
10775
|
}
|
|
10780
10776
|
|
|
10781
|
-
.bp_side_panel_module_overlay--
|
|
10777
|
+
.bp_side_panel_module_overlay--ff4b0[data-modern=false]{
|
|
10782
10778
|
--side-panel-overlay-background:var(--overlay-sidepanel-overlay);
|
|
10783
10779
|
}
|
|
10784
10780
|
|
|
10785
|
-
.bp_side_panel_module_overlay--
|
|
10781
|
+
.bp_side_panel_module_overlay--ff4b0[data-modern=true]{
|
|
10786
10782
|
--side-panel-overlay-background:var(--bp-overlay-side-panel-overlay);
|
|
10787
10783
|
}
|
|
10788
10784
|
|
|
10789
|
-
.bp_side_panel_module_content--
|
|
10785
|
+
.bp_side_panel_module_content--ff4b0{
|
|
10790
10786
|
display:flex;
|
|
10791
10787
|
flex-direction:column;
|
|
10792
10788
|
flex-shrink:0;
|
|
@@ -10797,16 +10793,16 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10797
10793
|
overflow-y:auto;
|
|
10798
10794
|
}
|
|
10799
10795
|
@media (width > 374px){
|
|
10800
|
-
.bp_side_panel_module_content--
|
|
10796
|
+
.bp_side_panel_module_content--ff4b0{
|
|
10801
10797
|
min-width:320px;
|
|
10802
10798
|
overflow:hidden;
|
|
10803
10799
|
}
|
|
10804
10800
|
}
|
|
10805
|
-
.bp_side_panel_module_content--
|
|
10801
|
+
.bp_side_panel_module_content--ff4b0{
|
|
10806
10802
|
background-color:var(--side-panel-background);
|
|
10807
10803
|
border-inline-start:var(--side-panel-border);
|
|
10808
10804
|
}
|
|
10809
|
-
.bp_side_panel_module_content--
|
|
10805
|
+
.bp_side_panel_module_content--ff4b0 .bp_side_panel_module_header--ff4b0{
|
|
10810
10806
|
align-items:center;
|
|
10811
10807
|
background-color:var(--side-panel-header-background);
|
|
10812
10808
|
border-bottom:var(--side-panel-header-border);
|
|
@@ -10818,98 +10814,94 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10818
10814
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
10819
10815
|
word-break:break-word;
|
|
10820
10816
|
}
|
|
10821
|
-
.bp_side_panel_module_content--
|
|
10817
|
+
.bp_side_panel_module_content--ff4b0 .bp_side_panel_module_headerShadow--ff4b0{
|
|
10822
10818
|
box-shadow:var(--side-panel-header-shadow);
|
|
10823
10819
|
}
|
|
10824
10820
|
|
|
10825
|
-
.bp_side_panel_module_scrollableContainer--
|
|
10821
|
+
.bp_side_panel_module_scrollableContainer--ff4b0{
|
|
10826
10822
|
flex-grow:1;
|
|
10827
10823
|
}
|
|
10828
10824
|
@media (width > 374px){
|
|
10829
|
-
.bp_side_panel_module_scrollableContainer--
|
|
10825
|
+
.bp_side_panel_module_scrollableContainer--ff4b0{
|
|
10830
10826
|
overflow-y:auto;
|
|
10831
10827
|
}
|
|
10832
10828
|
}
|
|
10833
10829
|
|
|
10834
|
-
.bp_side_panel_module_persistentContent--
|
|
10830
|
+
.bp_side_panel_module_persistentContent--ff4b0{
|
|
10835
10831
|
overflow:hidden;
|
|
10836
10832
|
position:relative;
|
|
10837
10833
|
}
|
|
10838
|
-
.bp_side_panel_module_persistentContent--
|
|
10834
|
+
.bp_side_panel_module_persistentContent--ff4b0 .bp_side_panel_module_scrollableContainer--ff4b0{
|
|
10839
10835
|
flex-grow:1;
|
|
10840
10836
|
overflow-y:auto;
|
|
10841
10837
|
}
|
|
10842
10838
|
|
|
10843
|
-
.bp_side_panel_module_contentAnimatedSlideIn--
|
|
10839
|
+
.bp_side_panel_module_contentAnimatedSlideIn--ff4b0{
|
|
10844
10840
|
animation-duration:.2s;
|
|
10845
|
-
animation-name:bp_side_panel_module_slideIn--
|
|
10841
|
+
animation-name:bp_side_panel_module_slideIn--ff4b0;
|
|
10846
10842
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
10847
10843
|
}
|
|
10848
10844
|
|
|
10849
|
-
.bp_side_panel_module_contentAnimatedSlideOut--
|
|
10845
|
+
.bp_side_panel_module_contentAnimatedSlideOut--ff4b0[data-state=closed]{
|
|
10850
10846
|
animation-duration:.2s;
|
|
10851
|
-
animation-name:bp_side_panel_module_slideOut--
|
|
10847
|
+
animation-name:bp_side_panel_module_slideOut--ff4b0;
|
|
10852
10848
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
10853
10849
|
}
|
|
10854
10850
|
|
|
10855
|
-
.bp_side_panel_module_contentNormal--
|
|
10851
|
+
.bp_side_panel_module_contentNormal--ff4b0{
|
|
10856
10852
|
width:var(--side-panel-content-width-normal);
|
|
10857
10853
|
}
|
|
10858
10854
|
|
|
10859
|
-
.bp_side_panel_module_contentLarge--
|
|
10855
|
+
.bp_side_panel_module_contentLarge--ff4b0{
|
|
10860
10856
|
width:var(--side-panel-content-width-large);
|
|
10861
10857
|
}
|
|
10862
10858
|
|
|
10863
|
-
.bp_side_panel_module_dropShadowContent--
|
|
10859
|
+
.bp_side_panel_module_dropShadowContent--ff4b0{
|
|
10864
10860
|
box-shadow:var(--side-panel-content-shadow);
|
|
10865
10861
|
}
|
|
10866
10862
|
|
|
10867
|
-
.bp_side_panel_module_content--
|
|
10863
|
+
.bp_side_panel_module_content--ff4b0 .bp_side_panel_module_close--ff4b0{
|
|
10868
10864
|
position:fixed;
|
|
10869
10865
|
top:var(--side-panel-close-top-small);
|
|
10870
10866
|
}
|
|
10871
10867
|
@media (width > 374px){
|
|
10872
|
-
.bp_side_panel_module_content--
|
|
10868
|
+
.bp_side_panel_module_content--ff4b0 .bp_side_panel_module_close--ff4b0{
|
|
10873
10869
|
position:absolute;
|
|
10874
10870
|
top:var(--side-panel-close-top);
|
|
10875
10871
|
}
|
|
10876
10872
|
}
|
|
10877
|
-
.bp_side_panel_module_content--
|
|
10873
|
+
.bp_side_panel_module_content--ff4b0 .bp_side_panel_module_close--ff4b0{
|
|
10878
10874
|
color:var(--side-panel-close-color);
|
|
10879
10875
|
right:var(--side-panel-close-right);
|
|
10880
10876
|
}
|
|
10881
10877
|
|
|
10882
|
-
.bp_side_panel_module_overlayContent--
|
|
10878
|
+
.bp_side_panel_module_overlayContent--ff4b0{
|
|
10883
10879
|
box-shadow:var(--side-panel-content-shadow);
|
|
10884
10880
|
position:fixed;
|
|
10885
10881
|
right:0;
|
|
10886
10882
|
top:0;
|
|
10887
10883
|
z-index:300;
|
|
10888
10884
|
}
|
|
10889
|
-
.bp_side_panel_module_overlayContent--
|
|
10885
|
+
.bp_side_panel_module_overlayContent--ff4b0 .bp_side_panel_module_header--ff4b0{
|
|
10890
10886
|
padding:var(--side-panel-overlay-header-padding);
|
|
10891
10887
|
}
|
|
10892
10888
|
|
|
10893
|
-
.bp_side_panel_module_overlay--
|
|
10889
|
+
.bp_side_panel_module_overlay--ff4b0{
|
|
10894
10890
|
background-color:var(--side-panel-overlay-background);
|
|
10895
|
-
bottom:0;
|
|
10896
10891
|
display:flex;
|
|
10897
|
-
left:0;
|
|
10898
10892
|
inset:0;
|
|
10899
10893
|
position:fixed;
|
|
10900
|
-
right:0;
|
|
10901
|
-
top:0;
|
|
10902
10894
|
z-index:300;
|
|
10903
10895
|
}
|
|
10904
|
-
.bp_side_panel_module_overlay--
|
|
10896
|
+
.bp_side_panel_module_overlay--ff4b0 .bp_side_panel_module_content--ff4b0 .bp_side_panel_module_header--ff4b0{
|
|
10905
10897
|
padding:var(--side-panel-overlay-header-padding);
|
|
10906
10898
|
}
|
|
10907
10899
|
|
|
10908
|
-
.bp_side_panel_module_dropShadowOverlay--
|
|
10900
|
+
.bp_side_panel_module_dropShadowOverlay--ff4b0{
|
|
10909
10901
|
background-color:initial;
|
|
10910
10902
|
}
|
|
10911
10903
|
|
|
10912
|
-
.bp_side_panel_module_footer--
|
|
10904
|
+
.bp_side_panel_module_footer--ff4b0{
|
|
10913
10905
|
background-color:var(--side-panel-footer-background);
|
|
10914
10906
|
display:flex;
|
|
10915
10907
|
justify-content:flex-end;
|
|
@@ -10919,19 +10911,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10919
10911
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
10920
10912
|
}
|
|
10921
10913
|
|
|
10922
|
-
.bp_side_panel_module_footerShadow--
|
|
10914
|
+
.bp_side_panel_module_footerShadow--ff4b0{
|
|
10923
10915
|
box-shadow:var(--side-panel-footer-shadow);
|
|
10924
10916
|
}
|
|
10925
10917
|
|
|
10926
|
-
.bp_side_panel_module_footerButton--
|
|
10918
|
+
.bp_side_panel_module_footerButton--ff4b0{
|
|
10927
10919
|
margin-inline-start:var(--side-panel-footer-button-margin);
|
|
10928
10920
|
}
|
|
10929
10921
|
|
|
10930
|
-
.bp_side_panel_module_footerButton--
|
|
10922
|
+
.bp_side_panel_module_footerButton--ff4b0 + .bp_side_panel_module_footerButton--ff4b0{
|
|
10931
10923
|
margin-inline-start:var(--side-panel-footer-button-margin-plus);
|
|
10932
10924
|
}
|
|
10933
10925
|
|
|
10934
|
-
@keyframes bp_side_panel_module_slideIn--
|
|
10926
|
+
@keyframes bp_side_panel_module_slideIn--ff4b0{
|
|
10935
10927
|
from{
|
|
10936
10928
|
inset-inline-end:-100%;
|
|
10937
10929
|
}
|
|
@@ -10939,7 +10931,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10939
10931
|
inset-inline-end:0;
|
|
10940
10932
|
}
|
|
10941
10933
|
}
|
|
10942
|
-
@keyframes bp_side_panel_module_slideOut--
|
|
10934
|
+
@keyframes bp_side_panel_module_slideOut--ff4b0{
|
|
10943
10935
|
from{
|
|
10944
10936
|
inset-inline-end:0;
|
|
10945
10937
|
}
|
|
@@ -11127,13 +11119,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11127
11119
|
.bp_trigger_button_module_triggerButton--e260a.bp_trigger_button_module_large--e260a.bp_trigger_button_module_startIcon--e260a{
|
|
11128
11120
|
padding-left:.625rem;
|
|
11129
11121
|
}
|
|
11130
|
-
.bp_styles_module_splitButton--
|
|
11122
|
+
.bp_styles_module_splitButton--b9938[data-modern=false]{
|
|
11131
11123
|
--split-button-left-width:100%;
|
|
11132
11124
|
--split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
|
|
11133
11125
|
--split-button-left-skip-right-border-border-inline-end-color:#0000;
|
|
11134
11126
|
--split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(
|
|
11135
|
-
|
|
11136
|
-
|
|
11127
|
+
--border-cta-border-secondary-hover
|
|
11128
|
+
);
|
|
11137
11129
|
--split-button-left-element-padding:0 var(--size-4);
|
|
11138
11130
|
--split-button-right-element-padding:0 var(--size-4);
|
|
11139
11131
|
--split-button-right-svg-width:var(--size-3);
|
|
@@ -11145,7 +11137,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11145
11137
|
--split-button-right-element-secondary-backdrop-filter:none;
|
|
11146
11138
|
}
|
|
11147
11139
|
|
|
11148
|
-
.bp_styles_module_splitButton--
|
|
11140
|
+
.bp_styles_module_splitButton--b9938[data-modern=true]{
|
|
11149
11141
|
--split-button-left-width:100%;
|
|
11150
11142
|
--split-button-left-gap-margin-inline-end:calc(var(--bp-space-005)/2);
|
|
11151
11143
|
--split-button-left-skip-right-border-border-inline-end-color:#0000;
|
|
@@ -11161,67 +11153,67 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11161
11153
|
--split-button-right-element-secondary-backdrop-filter:blur(16px);
|
|
11162
11154
|
}
|
|
11163
11155
|
|
|
11164
|
-
.bp_styles_module_dropdown--
|
|
11156
|
+
.bp_styles_module_dropdown--b9938[data-modern=false],.bp_styles_module_dropdown--b9938[data-modern=true]{
|
|
11165
11157
|
--split-button-dropdown-min-width:160px;
|
|
11166
11158
|
}
|
|
11167
11159
|
|
|
11168
|
-
.bp_styles_module_splitButton--
|
|
11160
|
+
.bp_styles_module_splitButton--b9938{
|
|
11169
11161
|
display:inline-flex;
|
|
11170
11162
|
position:relative;
|
|
11171
11163
|
}
|
|
11172
|
-
.bp_styles_module_splitButton--
|
|
11164
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonLeft--b9938{
|
|
11173
11165
|
border-bottom-right-radius:0;
|
|
11174
11166
|
border-top-right-radius:0;
|
|
11175
11167
|
padding:var(--split-button-left-element-padding);
|
|
11176
11168
|
width:var(--split-button-left-width);
|
|
11177
11169
|
}
|
|
11178
|
-
.bp_styles_module_splitButton--
|
|
11170
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonLeft--b9938.bp_styles_module_gap--b9938{
|
|
11179
11171
|
margin-inline-end:var(--split-button-left-gap-margin-inline-end);
|
|
11180
11172
|
}
|
|
11181
|
-
.bp_styles_module_splitButton--
|
|
11173
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonLeft--b9938:focus-visible{
|
|
11182
11174
|
z-index:1;
|
|
11183
11175
|
}
|
|
11184
|
-
.bp_styles_module_splitButton--
|
|
11176
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonLeft--b9938.bp_styles_module_skipRightBorder--b9938{
|
|
11185
11177
|
border-inline-end-color:var(--split-button-left-skip-right-border-border-inline-end-color) !important;
|
|
11186
11178
|
}
|
|
11187
|
-
.bp_styles_module_splitButton--
|
|
11179
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonLeft--b9938.bp_styles_module_skipRightBorder--b9938:focus-visible{
|
|
11188
11180
|
border-inline-end-color:var(--split-button-left-skip-right-border-focus-visible-border-inline-end-color) !important;
|
|
11189
11181
|
}
|
|
11190
|
-
.bp_styles_module_splitButton--
|
|
11182
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_loadingButton--b9938{
|
|
11191
11183
|
width:100%;
|
|
11192
11184
|
}
|
|
11193
|
-
.bp_styles_module_splitButton--
|
|
11185
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938{
|
|
11194
11186
|
border-end-start-radius:0;
|
|
11195
11187
|
border-start-start-radius:0;
|
|
11196
11188
|
padding:var(--split-button-right-element-padding) !important;
|
|
11197
11189
|
}
|
|
11198
|
-
.bp_styles_module_splitButton--
|
|
11190
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938 svg{
|
|
11199
11191
|
height:var(--split-button-right-svg-height);
|
|
11200
11192
|
width:var(--split-button-right-svg-width);
|
|
11201
11193
|
}
|
|
11202
|
-
.bp_styles_module_splitButton--
|
|
11194
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938:focus-visible{
|
|
11203
11195
|
z-index:1;
|
|
11204
11196
|
}
|
|
11205
|
-
.bp_styles_module_splitButton--
|
|
11197
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938.bp_styles_module_secondary--b9938{
|
|
11206
11198
|
backdrop-filter:var(--split-button-right-element-secondary-backdrop-filter);
|
|
11207
11199
|
background:var(--split-button-right-element-secondary-background);
|
|
11208
11200
|
border-color:var(--split-button-right-element-border-color);
|
|
11209
11201
|
}
|
|
11210
|
-
.bp_styles_module_splitButton--
|
|
11202
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938.bp_styles_module_secondary--b9938:focus-visible,.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938.bp_styles_module_secondary--b9938:hover{
|
|
11211
11203
|
background:var(--split-button-right-element-secondary-focus-or-hover-background);
|
|
11212
11204
|
}
|
|
11213
|
-
.bp_styles_module_splitButton--
|
|
11205
|
+
.bp_styles_module_splitButton--b9938 .bp_styles_module_splitButtonRight--b9938.bp_styles_module_secondary--b9938:active{
|
|
11214
11206
|
background:var(--split-button-right-element-secondary-active-background);
|
|
11215
11207
|
}
|
|
11216
11208
|
|
|
11217
|
-
.bp_styles_module_invisible--
|
|
11209
|
+
.bp_styles_module_invisible--b9938{
|
|
11218
11210
|
left:0;
|
|
11219
11211
|
position:absolute;
|
|
11220
11212
|
top:0;
|
|
11221
11213
|
visibility:hidden;
|
|
11222
11214
|
}
|
|
11223
11215
|
|
|
11224
|
-
.bp_styles_module_dropdown--
|
|
11216
|
+
.bp_styles_module_dropdown--b9938{
|
|
11225
11217
|
min-width:var(--split-button-dropdown-min-width);
|
|
11226
11218
|
}
|
|
11227
11219
|
.bp_switch_module_option--b108f[data-modern=false]{
|