@box/blueprint-web 12.71.0 → 12.73.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 +396 -240
- package/dist/lib-esm/inline-table/inline-table.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/time-picker/time-picker.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js +6 -0
- package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js +1 -1
- package/package.json +1 -1
package/dist/lib-esm/index.css
CHANGED
|
@@ -272,13 +272,13 @@
|
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
.bp_base_button_module_button--
|
|
275
|
+
.bp_base_button_module_button--4c200[data-modern=true]{
|
|
276
276
|
--button-border-radius:var(--bp-radius-10);
|
|
277
277
|
}
|
|
278
|
-
.bp_base_button_module_button--
|
|
278
|
+
.bp_base_button_module_button--4c200[data-modern=true]:not(:disabled)[data-focus-visible]{
|
|
279
279
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
280
280
|
}
|
|
281
|
-
.bp_base_button_module_button--
|
|
281
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_primary--4c200{
|
|
282
282
|
--button-color:var(--bp-text-text-on-dark);
|
|
283
283
|
--button-background:var(--bp-surface-surface-brand);
|
|
284
284
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
--button-active-background:var(--bp-surface-surface-brand-pressed);
|
|
288
288
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
|
|
289
289
|
}
|
|
290
|
-
.bp_base_button_module_button--
|
|
290
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_secondary--4c200{
|
|
291
291
|
--button-color:var(--bp-text-text-on-light);
|
|
292
292
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
293
293
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -297,57 +297,57 @@
|
|
|
297
297
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
298
298
|
--button-backdrop-filter:blur(16px);
|
|
299
299
|
}
|
|
300
|
-
.bp_base_button_module_button--
|
|
300
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_tertiary--4c200{
|
|
301
301
|
--button-color:var(--bp-text-cta-link);
|
|
302
302
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
303
303
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
304
304
|
--button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
|
|
305
305
|
--button-backdrop-filter:blur(16px);
|
|
306
306
|
}
|
|
307
|
-
.bp_base_button_module_button--
|
|
307
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_outline--4c200{
|
|
308
308
|
--button-color:var(--bp-text-text-on-light);
|
|
309
|
-
--button-background:var(--bp-surface-cta-surface-
|
|
309
|
+
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
310
310
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
311
|
-
--button-focus-or-hover-background:var(--bp-surface-cta-surface-
|
|
311
|
+
--button-focus-or-hover-background:var(--bp-surface-cta-surface-secondary-hover);
|
|
312
312
|
--button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
313
|
-
--button-active-background:var(--bp-surface-cta-surface-
|
|
313
|
+
--button-active-background:var(--bp-surface-cta-surface-secondary-pressed);
|
|
314
314
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
315
315
|
--button-backdrop-filter:blur(16px);
|
|
316
316
|
}
|
|
317
|
-
.bp_base_button_module_button--
|
|
317
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200{
|
|
318
318
|
--button-small-gap:var(--bp-space-010);
|
|
319
319
|
--button-small-min-height:var(--bp-size-080);
|
|
320
|
-
--button-small-padding:0 var(--bp-size-
|
|
320
|
+
--button-small-padding:0 var(--bp-size-030);
|
|
321
321
|
}
|
|
322
|
-
.bp_base_button_module_button--
|
|
322
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
|
|
323
323
|
--icon-button-small-width:var(--bp-size-080);
|
|
324
324
|
--icon-button-small-height:var(--bp-size-080);
|
|
325
325
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
326
326
|
}
|
|
327
|
-
.bp_base_button_module_button--
|
|
327
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
328
328
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
329
329
|
}
|
|
330
|
-
.bp_base_button_module_button--
|
|
330
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200{
|
|
331
331
|
--button-large-gap:var(--bp-space-020);
|
|
332
332
|
--button-large-min-height:var(--bp-size-100);
|
|
333
333
|
--button-large-padding:0 var(--bp-size-040);
|
|
334
334
|
}
|
|
335
|
-
.bp_base_button_module_button--
|
|
335
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
|
|
336
336
|
--icon-button-large-width:var(--bp-size-100);
|
|
337
337
|
--icon-button-large-height:var(--bp-size-100);
|
|
338
338
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
339
339
|
}
|
|
340
|
-
.bp_base_button_module_button--
|
|
340
|
+
.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
341
341
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.bp_base_button_module_button--
|
|
344
|
+
.bp_base_button_module_button--4c200[data-modern=false]{
|
|
345
345
|
--button-border-radius:var(--radius-2);
|
|
346
346
|
}
|
|
347
|
-
.bp_base_button_module_button--
|
|
347
|
+
.bp_base_button_module_button--4c200[data-modern=false]:not(:disabled)[data-focus-visible]{
|
|
348
348
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
349
349
|
}
|
|
350
|
-
.bp_base_button_module_button--
|
|
350
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_primary--4c200{
|
|
351
351
|
--button-color:var(--text-text-brand-on-color);
|
|
352
352
|
--button-background:var(--surface-surface-brand);
|
|
353
353
|
--button-border:var(--border-1) solid var(--surface-surface-brand);
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
--button-active-background:var(--surface-surface-brand-pressed);
|
|
357
357
|
--button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
358
358
|
}
|
|
359
|
-
.bp_base_button_module_button--
|
|
359
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_secondary--4c200{
|
|
360
360
|
--button-color:var(--text-text-on-light);
|
|
361
361
|
--button-background:var(--surface-cta-surface-secondary);
|
|
362
362
|
--button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
--button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
367
367
|
--button-backdrop-filter:none;
|
|
368
368
|
}
|
|
369
|
-
.bp_base_button_module_button--
|
|
369
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_tertiary--4c200{
|
|
370
370
|
--button-color:var(--text-cta-link);
|
|
371
371
|
--button-background:#0000;
|
|
372
372
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
--button-active-background:var(--surface-cta-surface-tertiary-pressed);
|
|
375
375
|
--button-backdrop-filter:none;
|
|
376
376
|
}
|
|
377
|
-
.bp_base_button_module_button--
|
|
377
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_outline--4c200{
|
|
378
378
|
--button-color:var(--text-text-on-light);
|
|
379
379
|
--button-background:var(--surface-cta-surface-outline);
|
|
380
380
|
--button-border:var(--border-1) solid var(--border-cta-border-outline);
|
|
@@ -384,34 +384,34 @@
|
|
|
384
384
|
--button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
385
385
|
--button-backdrop-filter:none;
|
|
386
386
|
}
|
|
387
|
-
.bp_base_button_module_button--
|
|
387
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200{
|
|
388
388
|
--button-small-gap:var(--space-1);
|
|
389
389
|
--button-small-min-height:var(--size-8);
|
|
390
390
|
--button-small-padding:0 var(--space-4);
|
|
391
391
|
}
|
|
392
|
-
.bp_base_button_module_button--
|
|
392
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
|
|
393
393
|
--icon-button-small-width:var(--size-8);
|
|
394
394
|
--icon-button-small-height:var(--size-8);
|
|
395
395
|
--icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
|
|
396
396
|
}
|
|
397
|
-
.bp_base_button_module_button--
|
|
397
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
398
398
|
--button-small-padding:0 var(--space-3);
|
|
399
399
|
}
|
|
400
|
-
.bp_base_button_module_button--
|
|
400
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200{
|
|
401
401
|
--button-large-gap:var(--space-2);
|
|
402
402
|
--button-large-min-height:var(--size-10);
|
|
403
403
|
--button-large-padding:0 var(--space-4);
|
|
404
404
|
}
|
|
405
|
-
.bp_base_button_module_button--
|
|
405
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
|
|
406
406
|
--icon-button-large-width:var(--size-10);
|
|
407
407
|
--icon-button-large-height:var(--size-10);
|
|
408
408
|
--icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
|
|
409
409
|
}
|
|
410
|
-
.bp_base_button_module_button--
|
|
410
|
+
.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
411
411
|
--button-large-padding:0 var(--space-4);
|
|
412
412
|
}
|
|
413
413
|
|
|
414
|
-
.bp_base_button_module_button--
|
|
414
|
+
.bp_base_button_module_button--4c200{
|
|
415
415
|
border-radius:var(--button-border-radius);
|
|
416
416
|
cursor:pointer;
|
|
417
417
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -428,98 +428,98 @@
|
|
|
428
428
|
user-select:none;
|
|
429
429
|
white-space:nowrap;
|
|
430
430
|
}
|
|
431
|
-
.bp_base_button_module_button--
|
|
431
|
+
.bp_base_button_module_button--4c200,.bp_base_button_module_button--4c200 .bp_base_button_module_icon--4c200{
|
|
432
432
|
align-items:center;
|
|
433
433
|
display:flex;
|
|
434
434
|
}
|
|
435
|
-
.bp_base_button_module_button--
|
|
435
|
+
.bp_base_button_module_button--4c200:disabled{
|
|
436
436
|
opacity:.3;
|
|
437
437
|
}
|
|
438
|
-
.bp_base_button_module_button--
|
|
438
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200{
|
|
439
439
|
background:var(--button-background);
|
|
440
440
|
border:var(--button-border);
|
|
441
441
|
color:var(--button-color);
|
|
442
442
|
}
|
|
443
|
-
.bp_base_button_module_button--
|
|
443
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled)[data-focus-visible]{
|
|
444
444
|
background:var(--button-focus-or-hover-background);
|
|
445
445
|
border:var(--button-focus-or-hover-border);
|
|
446
446
|
}
|
|
447
|
-
.bp_base_button_module_button--
|
|
447
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled):active{
|
|
448
448
|
background:var(--button-active-background);
|
|
449
449
|
border:var(--button-active-border);
|
|
450
450
|
}
|
|
451
|
-
.bp_base_button_module_button--
|
|
451
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200{
|
|
452
452
|
backdrop-filter:var(--button-backdrop-filter);
|
|
453
453
|
background:var(--button-background);
|
|
454
454
|
border:var(--button-border);
|
|
455
455
|
color:var(--button-color);
|
|
456
456
|
}
|
|
457
|
-
.bp_base_button_module_button--
|
|
457
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled)[data-focus-visible]{
|
|
458
458
|
background:var(--button-focus-or-hover-background);
|
|
459
459
|
border:var(--button-focus-or-hover-border);
|
|
460
460
|
}
|
|
461
|
-
.bp_base_button_module_button--
|
|
461
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled):active{
|
|
462
462
|
background:var(--button-active-background);
|
|
463
463
|
border:var(--button-active-border);
|
|
464
464
|
}
|
|
465
|
-
.bp_base_button_module_button--
|
|
465
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200{
|
|
466
466
|
backdrop-filter:var(--button-backdrop-filter);
|
|
467
467
|
background:var(--button-background);
|
|
468
468
|
border:var(--button-border);
|
|
469
469
|
color:var(--button-color);
|
|
470
470
|
}
|
|
471
|
-
.bp_base_button_module_button--
|
|
471
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled)[data-focus-visible]{
|
|
472
472
|
background:var(--button-focus-or-hover-background);
|
|
473
473
|
}
|
|
474
|
-
.bp_base_button_module_button--
|
|
474
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled):active{
|
|
475
475
|
background:var(--button-active-background);
|
|
476
476
|
}
|
|
477
|
-
.bp_base_button_module_button--
|
|
477
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200{
|
|
478
478
|
backdrop-filter:var(--button-backdrop-filter);
|
|
479
479
|
background:var(--button-background);
|
|
480
480
|
border:var(--button-border);
|
|
481
481
|
color:var(--button-color);
|
|
482
482
|
}
|
|
483
|
-
.bp_base_button_module_button--
|
|
483
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled)[data-focus-visible]{
|
|
484
484
|
background:var(--button-focus-or-hover-background);
|
|
485
485
|
border:var(--button-focus-or-hover-border);
|
|
486
486
|
}
|
|
487
|
-
.bp_base_button_module_button--
|
|
487
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled):active{
|
|
488
488
|
background:var(--button-active-background);
|
|
489
489
|
border:var(--button-active-border);
|
|
490
490
|
}
|
|
491
|
-
.bp_base_button_module_button--
|
|
491
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200{
|
|
492
492
|
gap:var(--button-small-gap);
|
|
493
493
|
min-height:var(--button-small-min-height);
|
|
494
494
|
padding:var(--button-small-padding);
|
|
495
495
|
}
|
|
496
|
-
.bp_base_button_module_button--
|
|
496
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
|
|
497
497
|
height:var(--icon-button-small-height);
|
|
498
498
|
min-height:unset;
|
|
499
499
|
padding:var(--icon-button-small-padding);
|
|
500
500
|
width:var(--icon-button-small-width);
|
|
501
501
|
}
|
|
502
|
-
.bp_base_button_module_button--
|
|
502
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
503
503
|
padding:var(--button-small-padding);
|
|
504
504
|
}
|
|
505
|
-
.bp_base_button_module_button--
|
|
505
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200{
|
|
506
506
|
gap:var(--button-large-gap);
|
|
507
507
|
min-height:var(--button-large-min-height);
|
|
508
508
|
padding:var(--button-large-padding);
|
|
509
509
|
}
|
|
510
|
-
.bp_base_button_module_button--
|
|
510
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
|
|
511
511
|
height:var(--icon-button-large-height);
|
|
512
512
|
padding:var(--icon-button-large-padding);
|
|
513
513
|
width:var(--icon-button-large-width);
|
|
514
514
|
}
|
|
515
|
-
.bp_base_button_module_button--
|
|
515
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
|
|
516
516
|
padding:var(--button-large-padding);
|
|
517
517
|
}
|
|
518
|
-
.bp_base_button_module_button--
|
|
518
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_hide--4c200{
|
|
519
519
|
pointer-events:none;
|
|
520
520
|
position:relative;
|
|
521
521
|
}
|
|
522
|
-
.bp_base_button_module_button--
|
|
522
|
+
.bp_base_button_module_button--4c200.bp_base_button_module_hide--4c200 span{
|
|
523
523
|
color:#0000;
|
|
524
524
|
opacity:0;
|
|
525
525
|
}
|
|
@@ -1705,7 +1705,22 @@
|
|
|
1705
1705
|
outline:none;
|
|
1706
1706
|
overflow:visible;
|
|
1707
1707
|
}
|
|
1708
|
-
.bp_text_with_info_badge_module_text--
|
|
1708
|
+
.bp_text_with_info_badge_module_text--c50c3[data-modern=false]{
|
|
1709
|
+
--text-with-info-badge-color:var(--text-text-on-light);
|
|
1710
|
+
--text-with-info-badge-color-muted:var(--text-text-on-light-secondary);
|
|
1711
|
+
--text-with-info-badge-margin-left:var(--size-1);
|
|
1712
|
+
--text-with-info-badge-font-size:var(--size-4);
|
|
1713
|
+
}
|
|
1714
|
+
|
|
1715
|
+
.bp_text_with_info_badge_module_text--c50c3[data-modern=true]{
|
|
1716
|
+
--text-with-info-badge-color:var(--bp-text-text-on-light);
|
|
1717
|
+
--text-with-info-badge-color-muted:var(--bp-text-text-on-light-secondary);
|
|
1718
|
+
--text-with-info-badge-margin-left:var(--bp-size-010);
|
|
1719
|
+
--text-with-info-badge-font-size:var(--bp-size-040);
|
|
1720
|
+
}
|
|
1721
|
+
|
|
1722
|
+
.bp_text_with_info_badge_module_text--c50c3{
|
|
1723
|
+
color:var(--text-with-info-badge-color);
|
|
1709
1724
|
font-family:var(--body-default-font-family);
|
|
1710
1725
|
font-size:var(--body-default-font-size);
|
|
1711
1726
|
font-weight:var(--body-default-font-weight);
|
|
@@ -1716,19 +1731,19 @@
|
|
|
1716
1731
|
text-decoration:var(--body-default-text-decoration);
|
|
1717
1732
|
text-transform:var(--body-default-text-case);
|
|
1718
1733
|
}
|
|
1719
|
-
.bp_text_with_info_badge_module_text--
|
|
1720
|
-
color:var(--text-
|
|
1734
|
+
.bp_text_with_info_badge_module_text--c50c3.bp_text_with_info_badge_module_muted--c50c3{
|
|
1735
|
+
color:var(--text-with-info-badge-color-muted);
|
|
1721
1736
|
}
|
|
1722
|
-
.bp_text_with_info_badge_module_text--
|
|
1737
|
+
.bp_text_with_info_badge_module_text--c50c3 .bp_text_with_info_badge_module_badgeContainer--c50c3{
|
|
1723
1738
|
align-items:center;
|
|
1724
1739
|
display:inline-flex;
|
|
1725
1740
|
height:var(--body-default-line-height);
|
|
1726
1741
|
position:absolute;
|
|
1727
1742
|
}
|
|
1728
|
-
.bp_text_with_info_badge_module_text--
|
|
1743
|
+
.bp_text_with_info_badge_module_text--c50c3 .bp_text_with_info_badge_module_badgeContainer--c50c3 .bp_text_with_info_badge_module_badge--c50c3{
|
|
1729
1744
|
display:inline-flex;
|
|
1730
|
-
font-size:var(--size
|
|
1731
|
-
margin-left:var(--
|
|
1745
|
+
font-size:var(--text-with-info-badge-font-size);
|
|
1746
|
+
margin-left:var(--text-with-info-badge-margin-left);
|
|
1732
1747
|
}
|
|
1733
1748
|
.bp_legend_module_legendText--1e794{
|
|
1734
1749
|
font-weight:bold;
|
|
@@ -4888,7 +4903,8 @@
|
|
|
4888
4903
|
.bp_link_module_link--fb308 .bp_link_module_icon--fb308 *{
|
|
4889
4904
|
fill:currentColor;
|
|
4890
4905
|
}
|
|
4891
|
-
|
|
4906
|
+
|
|
4907
|
+
.bp_base_grid_list_item_module_smallList--1d1aa[data-modern=false]{
|
|
4892
4908
|
--small-list-gap:var(--space-2);
|
|
4893
4909
|
--small-list-padding:var(--space-1);
|
|
4894
4910
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -4912,7 +4928,7 @@
|
|
|
4912
4928
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
4913
4929
|
}
|
|
4914
4930
|
|
|
4915
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4931
|
+
.bp_base_grid_list_item_module_smallList--1d1aa[data-modern=true]{
|
|
4916
4932
|
--small-list-gap:var(--bp-space-020);
|
|
4917
4933
|
--small-list-padding:var(--bp-space-010);
|
|
4918
4934
|
--small-list-item-background:var(--bp-surface-item-small-surface);
|
|
@@ -4936,7 +4952,7 @@
|
|
|
4936
4952
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
4937
4953
|
}
|
|
4938
4954
|
|
|
4939
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4955
|
+
.bp_base_grid_list_item_module_smallList--1d1aa{
|
|
4940
4956
|
box-sizing:border-box;
|
|
4941
4957
|
display:grid;
|
|
4942
4958
|
gap:var(--small-list-gap);
|
|
@@ -4947,7 +4963,7 @@
|
|
|
4947
4963
|
padding:var(--small-list-padding);
|
|
4948
4964
|
width:auto;
|
|
4949
4965
|
}
|
|
4950
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4966
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa{
|
|
4951
4967
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
4952
4968
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
4953
4969
|
--item-background:var(--small-list-item-background);
|
|
@@ -4966,11 +4982,11 @@
|
|
|
4966
4982
|
transform:translateZ(0);
|
|
4967
4983
|
width:auto;
|
|
4968
4984
|
}
|
|
4969
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4985
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
4970
4986
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
4971
4987
|
grid-template-rows:100% 0;
|
|
4972
4988
|
}
|
|
4973
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4989
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa{
|
|
4974
4990
|
align-items:center;
|
|
4975
4991
|
aspect-ratio:1;
|
|
4976
4992
|
display:flex;
|
|
@@ -4979,13 +4995,13 @@
|
|
|
4979
4995
|
overflow:hidden;
|
|
4980
4996
|
z-index:1;
|
|
4981
4997
|
}
|
|
4982
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4998
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_thumbnailContent--1d1aa img,.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_thumbnailContent--1d1aa svg{
|
|
4983
4999
|
height:100%;
|
|
4984
5000
|
object-fit:cover;
|
|
4985
5001
|
object-position:left;
|
|
4986
5002
|
width:100%;
|
|
4987
5003
|
}
|
|
4988
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5004
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa{
|
|
4989
5005
|
color:var(--small-list-header-color);
|
|
4990
5006
|
font-family:var(--body-default-semibold-font-family);
|
|
4991
5007
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -4997,11 +5013,11 @@
|
|
|
4997
5013
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
4998
5014
|
text-transform:var(--body-default-semibold-text-case);
|
|
4999
5015
|
}
|
|
5000
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5016
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5001
5017
|
align-items:center;
|
|
5002
5018
|
display:flex;
|
|
5003
5019
|
}
|
|
5004
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5020
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_subtitle--1d1aa{
|
|
5005
5021
|
color:var(--small-list-subtitle-color);
|
|
5006
5022
|
font-family:var(--caption-default-font-family);
|
|
5007
5023
|
font-size:var(--caption-default-font-size);
|
|
@@ -5013,17 +5029,17 @@
|
|
|
5013
5029
|
text-decoration:var(--caption-default-text-decoration);
|
|
5014
5030
|
text-transform:var(--caption-default-text-case);
|
|
5015
5031
|
}
|
|
5016
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5032
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa,.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_subtitle--1d1aa{
|
|
5017
5033
|
display:inline-block;
|
|
5018
5034
|
overflow:hidden;
|
|
5019
5035
|
text-overflow:ellipsis;
|
|
5020
5036
|
white-space:nowrap;
|
|
5021
5037
|
}
|
|
5022
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5038
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa:not(:has(.bp_base_grid_list_item_module_header--1d1aa)),.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa:not(:has(.bp_base_grid_list_item_module_subtitle--1d1aa)){
|
|
5023
5039
|
grid-template-rows:100% 0;
|
|
5024
5040
|
row-gap:0;
|
|
5025
5041
|
}
|
|
5026
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5042
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5027
5043
|
align-items:center;
|
|
5028
5044
|
display:flex;
|
|
5029
5045
|
grid-area:actions;
|
|
@@ -5033,11 +5049,11 @@
|
|
|
5033
5049
|
padding-right:0;
|
|
5034
5050
|
}
|
|
5035
5051
|
@media (pointer: coarse){
|
|
5036
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5052
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5037
5053
|
--actions-opacity:1;
|
|
5038
5054
|
}
|
|
5039
5055
|
}
|
|
5040
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5056
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa{
|
|
5041
5057
|
align-items:center;
|
|
5042
5058
|
background:var(--item-background);
|
|
5043
5059
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -5046,10 +5062,10 @@
|
|
|
5046
5062
|
justify-content:center;
|
|
5047
5063
|
width:var(--small-list-selection-width);
|
|
5048
5064
|
}
|
|
5049
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5065
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa:hover{
|
|
5050
5066
|
background:var(--small-list-selection-hover-background);
|
|
5051
5067
|
}
|
|
5052
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5068
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa{
|
|
5053
5069
|
align-items:center;
|
|
5054
5070
|
border-radius:var(--small-list-inner-border-radius);
|
|
5055
5071
|
display:flex;
|
|
@@ -5057,18 +5073,18 @@
|
|
|
5057
5073
|
justify-content:flex-end;
|
|
5058
5074
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
5059
5075
|
}
|
|
5060
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5076
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa:last-child{
|
|
5061
5077
|
margin-inline-end:0;
|
|
5062
5078
|
}
|
|
5063
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5079
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_actionsCheckboxWrapper--1d1aa{
|
|
5064
5080
|
background:var(--item-hover);
|
|
5065
5081
|
display:flex;
|
|
5066
5082
|
}
|
|
5067
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5083
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa:hover,.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-active-item],.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-focus-visible],.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-focused],.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-hovered]{
|
|
5068
5084
|
--actions-opacity:1;
|
|
5069
5085
|
background:var(--item-hover);
|
|
5070
5086
|
}
|
|
5071
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5087
|
+
.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-active-item]::before,.bp_base_grid_list_item_module_smallList--1d1aa .bp_base_grid_list_item_module_smallListItem--1d1aa[data-focus-visible]::before{
|
|
5072
5088
|
--actions-opacity:1;
|
|
5073
5089
|
border-radius:.875rem;
|
|
5074
5090
|
content:"";
|
|
@@ -5082,144 +5098,255 @@
|
|
|
5082
5098
|
width:100%;
|
|
5083
5099
|
}
|
|
5084
5100
|
|
|
5085
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5101
|
+
.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=false]{
|
|
5102
|
+
--large-list-gap:var(--space-05);
|
|
5103
|
+
--large-list-padding:var(--space-1);
|
|
5104
|
+
--large-list-item-thumbnail-size:10rem;
|
|
5105
|
+
--large-list-item-grid-rows:2fr 1fr var(--size-20);
|
|
5106
|
+
--large-list-item-padding:var(--space-3);
|
|
5107
|
+
--large-list-item-column-gap:var(--space-6);
|
|
5108
|
+
--large-list-item-background:var(--gray-white);
|
|
5109
|
+
--large-list-item-border-radius:var(--radius-5);
|
|
5110
|
+
--large-list-item-thumbnail-size-small-viewport:7.5rem;
|
|
5111
|
+
--large-list-item-thumbnail-border:var(--border-1) solid var(--gray-10);
|
|
5112
|
+
--large-list-item-thumbnail-border-radius:var(--radius-3);
|
|
5113
|
+
--large-list-item-actions-top:.875rem;
|
|
5114
|
+
--large-list-item-actions-right:.625rem;
|
|
5115
|
+
--large-list-item-actions-height:var(--space-6);
|
|
5116
|
+
--large-list-item-selection-width:var(--space-8);
|
|
5117
|
+
--large-list-item-selection-height:var(--space-8);
|
|
5118
|
+
--large-list-item-selection-border-radius:var(--radius-2);
|
|
5119
|
+
--large-list-item-selection-hover-background:var(--surface-cta-surface-icon-hover);
|
|
5120
|
+
--large-list-item-fade-width:var(--size-8);
|
|
5121
|
+
--large-list-item-fade-background:linear-gradient(270deg, #fff 0%, #fff0 100%);
|
|
5122
|
+
--large-list-item-inner-gap:var(--space-2);
|
|
5123
|
+
--large-list-item-inner-border-radius:var(--radius-2);
|
|
5124
|
+
--large-list-item-inner-margin-end:var(--space-2);
|
|
5125
|
+
--large-list-item-header-gap:var(--space-1);
|
|
5126
|
+
--large-list-item-header-color:var(--text-text-on-light);
|
|
5127
|
+
--large-list-item-header-padding-block:var(--space-1);
|
|
5128
|
+
--large-list-item-subtitle-gap:var(--space-1);
|
|
5129
|
+
--large-list-item-subtitle-color:var(--text-text-on-light-secondary);
|
|
5130
|
+
--large-list-item-description-color:var(--text-text-on-light);
|
|
5131
|
+
--large-list-item-description-margin-start:var(--space-3);
|
|
5132
|
+
--large-list-item-description-margin-end:var(--space-1);
|
|
5133
|
+
--large-list-item-snippet-margin-start:var(--space-3);
|
|
5134
|
+
--large-list-item-snippet-margin-end:var(--space-1);
|
|
5135
|
+
--large-list-item-snippet-gap:0 0 0 var(--space-2);
|
|
5136
|
+
--large-list-item-snippet-padding:0 0 0 var(--space-2);
|
|
5137
|
+
--large-list-item-snippet-color:var(--text-text-on-light-secondary);
|
|
5138
|
+
--large-list-item-snippet-border:0 0 0 var(--space-05);
|
|
5139
|
+
--large-list-item-snippet-border-left:var(--space-05) solid var(--gray-20);
|
|
5140
|
+
--large-list-item-hover-outline:var(--border-1) solid var(--border-card-border);
|
|
5141
|
+
--large-list-item-interaction-box-shadow:var(--dropshadow-2);
|
|
5142
|
+
--large-list-item-focus-border-radius:.875rem;
|
|
5143
|
+
--large-list-item-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
5144
|
+
--large-list-item-focus-outline-offset:-0.375rem;
|
|
5145
|
+
--large-list-item-selected-background:var(--box-blue-05);
|
|
5146
|
+
--large-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
5147
|
+
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
5148
|
+
--large-list-item-interaction-backdrop-filter:none;
|
|
5149
|
+
}
|
|
5150
|
+
|
|
5151
|
+
.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=true]{
|
|
5152
|
+
--large-list-gap:var(--bp-space-005);
|
|
5153
|
+
--large-list-padding:var(--bp-space-010);
|
|
5154
|
+
--large-list-item-thumbnail-size:10rem;
|
|
5155
|
+
--large-list-item-grid-rows:2fr 1fr var(--bp-size-200);
|
|
5156
|
+
--large-list-item-padding:var(--bp-space-030);
|
|
5157
|
+
--large-list-item-column-gap:var(--bp-space-060);
|
|
5158
|
+
--large-list-item-background:var(--bp-gray-white);
|
|
5159
|
+
--large-list-item-border-radius:var(--bp-radius-10);
|
|
5160
|
+
--large-list-item-thumbnail-size-small-viewport:var(--bp-size-300);
|
|
5161
|
+
--large-list-item-thumbnail-border:var(--bp-border-01) solid var(--bp-gray-10);
|
|
5162
|
+
--large-list-item-thumbnail-border-radius:var(--bp-radius-06);
|
|
5163
|
+
--large-list-item-actions-top:var(--bp-space-030);
|
|
5164
|
+
--large-list-item-actions-right:var(--bp-space-030);
|
|
5165
|
+
--large-list-item-actions-height:var(--bp-size-100);
|
|
5166
|
+
--large-list-item-selection-width:var(--bp-size-080);
|
|
5167
|
+
--large-list-item-selection-height:var(--bp-size-080);
|
|
5168
|
+
--large-list-item-selection-border-radius:var(--bp-radius-10);
|
|
5169
|
+
--large-list-item-selection-hover-background:var(--bp-black-opacity-04);
|
|
5170
|
+
--large-list-item-fade-width:var(--bp-size-80);
|
|
5171
|
+
--large-list-item-fade-background:linear-gradient(270deg, #f4f4f4 0%, #f4f4f400 100%);
|
|
5172
|
+
--large-list-item-inner-gap:var(--bp-space-020);
|
|
5173
|
+
--large-list-item-inner-border-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5174
|
+
--large-list-item-inner-margin-end:var(--bp-space-020);
|
|
5175
|
+
--large-list-item-header-gap:var(--bp-space-010);
|
|
5176
|
+
--large-list-item-header-color:var(--bp-text-text-on-light);
|
|
5177
|
+
--large-list-item-header-padding-block:var(--bp-space-010);
|
|
5178
|
+
--large-list-item-subtitle-gap:var(--bp-space-010);
|
|
5179
|
+
--large-list-item-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
5180
|
+
--large-list-item-description-color:var(--bp-text-text-on-light);
|
|
5181
|
+
--large-list-item-description-margin-start:var(--bp-space-030);
|
|
5182
|
+
--large-list-item-description-margin-end:var(--bp-space-010);
|
|
5183
|
+
--large-list-item-snippet-margin-start:var(--bp-space-030);
|
|
5184
|
+
--large-list-item-snippet-margin-end:var(--bp-space-010);
|
|
5185
|
+
--large-list-item-snippet-gap:0 var(--bp-space-020) 0 var(--bp-space-020);
|
|
5186
|
+
--large-list-item-snippet-padding:0 var(--bp-space-020) 0 var(--bp-space-020);
|
|
5187
|
+
--large-list-item-snippet-color:var(--bp-text-text-on-light-secondary);
|
|
5188
|
+
--large-list-item-snippet-border:0 var(--bp-space-005) 0 var(--bp-space-005);
|
|
5189
|
+
--large-list-item-snippet-border-left:var(--bp-space-005) solid var(--bp-gray-20);
|
|
5190
|
+
--large-list-item-hover-outline:var(--bp-border-01) solid var(--bp-border-list-item-border);
|
|
5191
|
+
--large-list-item-hover-background:var(--bp-surface-list-item-surface-hover);
|
|
5192
|
+
--large-list-item-interaction-box-shadow:0 1px 4px 0 #0000001a;
|
|
5193
|
+
--large-list-item-focus-border-radius:var(--bp-radius-10);
|
|
5194
|
+
--large-list-item-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
5195
|
+
--large-list-item-focus-outline-offset:-6px;
|
|
5196
|
+
--large-list-item-selected-background:var(--bp-surface-list-item-surface-selected);
|
|
5197
|
+
--large-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
5198
|
+
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
5199
|
+
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
5200
|
+
}
|
|
5201
|
+
.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=true] .bp_base_grid_list_item_module_largeListItem--1d1aa{
|
|
5202
|
+
border-bottom:var(--bp-border-01) solid var(--bp-border-list-item-border);
|
|
5203
|
+
}
|
|
5204
|
+
.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=true] .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true]{
|
|
5205
|
+
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5206
|
+
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5207
|
+
}
|
|
5208
|
+
.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=true] .bp_base_grid_list_item_module_largeListItem--1d1aa:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--1d1aa[data-modern=true] .bp_base_grid_list_item_module_largeListItem--1d1aa:not[aria-selected=true][data-hovered]{
|
|
5209
|
+
--item-background:var(--large-list-item-hover-background);
|
|
5210
|
+
}
|
|
5211
|
+
|
|
5212
|
+
.bp_base_grid_list_item_module_largeList--1d1aa{
|
|
5086
5213
|
box-sizing:border-box;
|
|
5087
5214
|
display:flex;
|
|
5088
5215
|
flex-direction:column;
|
|
5089
|
-
gap:var(--
|
|
5216
|
+
gap:var(--large-list-gap);
|
|
5090
5217
|
max-height:inherit;
|
|
5091
5218
|
outline:none;
|
|
5092
5219
|
overflow:auto;
|
|
5093
|
-
padding:var(--
|
|
5220
|
+
padding:var(--large-list-padding);
|
|
5094
5221
|
}
|
|
5095
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5096
|
-
--thumbnail-size:
|
|
5222
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa{
|
|
5223
|
+
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
5097
5224
|
--actions-opacity:0;
|
|
5098
|
-
--item-background:var(--
|
|
5225
|
+
--item-background:var(--large-list-item-background);
|
|
5099
5226
|
background:var(--item-background);
|
|
5100
|
-
border-radius:var(--radius
|
|
5101
|
-
column-gap:var(--
|
|
5227
|
+
border-radius:var(--large-list-item-border-radius);
|
|
5228
|
+
column-gap:var(--large-list-item-column-gap);
|
|
5102
5229
|
cursor:default;
|
|
5103
5230
|
display:grid;
|
|
5104
5231
|
grid-template-areas:"thumbnail head" "thumbnail subtitle" "thumbnail description";
|
|
5105
5232
|
grid-template-columns:var(--thumbnail-size) auto;
|
|
5106
|
-
grid-template-rows:
|
|
5233
|
+
grid-template-rows:var(--large-list-item-grid-rows);
|
|
5107
5234
|
outline:none;
|
|
5108
|
-
padding:var(--
|
|
5235
|
+
padding:var(--large-list-item-padding);
|
|
5109
5236
|
position:relative;
|
|
5110
5237
|
transform:translateZ(0);
|
|
5111
5238
|
}
|
|
5112
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5239
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5113
5240
|
grid-template-rows:1fr 1fr 1fr;
|
|
5114
5241
|
}
|
|
5115
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5242
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa:focus-within{
|
|
5116
5243
|
--actions-opacity:1;
|
|
5117
5244
|
}
|
|
5118
5245
|
@media (max-width: 374px){
|
|
5119
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5120
|
-
--thumbnail-size:
|
|
5246
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa{
|
|
5247
|
+
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
5121
5248
|
}
|
|
5122
5249
|
}
|
|
5123
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5250
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa{
|
|
5124
5251
|
aspect-ratio:4/3;
|
|
5125
|
-
border:var(--
|
|
5126
|
-
border-radius:var(--radius
|
|
5252
|
+
border:var(--large-list-item-thumbnail-border);
|
|
5253
|
+
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
5127
5254
|
grid-area:thumbnail;
|
|
5128
5255
|
overflow:hidden;
|
|
5129
5256
|
z-index:1;
|
|
5130
5257
|
}
|
|
5131
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5258
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa img{
|
|
5132
5259
|
height:100%;
|
|
5133
5260
|
object-fit:cover;
|
|
5134
5261
|
object-position:left;
|
|
5135
5262
|
width:100%;
|
|
5136
5263
|
}
|
|
5137
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5264
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5138
5265
|
border:none;
|
|
5139
5266
|
}
|
|
5140
5267
|
@media (max-width: 374px){
|
|
5141
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5268
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa{
|
|
5142
5269
|
aspect-ratio:1/1;
|
|
5143
5270
|
}
|
|
5144
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5271
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa img{
|
|
5145
5272
|
object-fit:contain;
|
|
5146
5273
|
}
|
|
5147
5274
|
}
|
|
5148
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5275
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5149
5276
|
align-items:center;
|
|
5150
5277
|
display:flex;
|
|
5151
|
-
height:var(--
|
|
5278
|
+
height:var(--large-list-item-actions-height);
|
|
5152
5279
|
justify-content:flex-end;
|
|
5153
5280
|
opacity:var(--actions-opacity);
|
|
5154
5281
|
padding-right:0;
|
|
5155
5282
|
position:absolute;
|
|
5156
|
-
right
|
|
5157
|
-
top
|
|
5283
|
+
right:var(--large-list-item-actions-right);
|
|
5284
|
+
top:var(--large-list-item-actions-top);
|
|
5158
5285
|
}
|
|
5159
5286
|
@media (pointer: coarse){
|
|
5160
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5287
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5161
5288
|
--actions-opacity:1;
|
|
5162
5289
|
}
|
|
5163
5290
|
}
|
|
5164
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5291
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa{
|
|
5165
5292
|
align-items:center;
|
|
5166
5293
|
background:var(--item-background);
|
|
5167
|
-
border-radius:var(--radius
|
|
5294
|
+
border-radius:var(--large-list-item-selection-border-radius);
|
|
5168
5295
|
display:flex;
|
|
5169
|
-
height:var(--
|
|
5296
|
+
height:var(--large-list-item-selection-height);
|
|
5170
5297
|
justify-content:center;
|
|
5171
|
-
width:var(--
|
|
5298
|
+
width:var(--large-list-item-selection-width);
|
|
5172
5299
|
}
|
|
5173
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5174
|
-
background:var(--
|
|
5300
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa:hover{
|
|
5301
|
+
background:var(--large-list-item-selection-hover-background);
|
|
5175
5302
|
}
|
|
5176
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5303
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_fade--1d1aa{
|
|
5177
5304
|
align-self:stretch;
|
|
5178
|
-
background:
|
|
5179
|
-
width:var(--
|
|
5305
|
+
background:var(--large-list-item-fade-background);
|
|
5306
|
+
width:var(--large-list-item-fade-width);
|
|
5180
5307
|
}
|
|
5181
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5308
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa{
|
|
5182
5309
|
align-items:center;
|
|
5183
5310
|
background:var(--item-background);
|
|
5184
|
-
border-radius:var(--radius
|
|
5311
|
+
border-radius:var(--large-list-item-inner-border-radius);
|
|
5185
5312
|
display:flex;
|
|
5186
|
-
gap:var(--
|
|
5313
|
+
gap:var(--large-list-item-inner-gap);
|
|
5187
5314
|
justify-content:flex-end;
|
|
5188
|
-
margin-inline-end:var(--
|
|
5315
|
+
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
5189
5316
|
}
|
|
5190
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5317
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa:last-child{
|
|
5191
5318
|
margin-inline-end:0;
|
|
5192
5319
|
}
|
|
5193
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5320
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_actionsCheckboxWrapper--1d1aa{
|
|
5194
5321
|
background:var(--item-background);
|
|
5195
5322
|
display:flex;
|
|
5196
5323
|
}
|
|
5197
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5324
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa{
|
|
5198
5325
|
align-items:center;
|
|
5199
|
-
color:var(--
|
|
5326
|
+
color:var(--large-list-item-header-color);
|
|
5200
5327
|
display:inline-flex;
|
|
5201
5328
|
font-family:var(--body-default-semibold-font-family);
|
|
5202
5329
|
font-size:var(--body-default-semibold-font-size);
|
|
5203
5330
|
font-weight:var(--body-default-semibold-font-weight);
|
|
5204
|
-
gap:var(--
|
|
5331
|
+
gap:var(--large-list-item-header-gap);
|
|
5205
5332
|
grid-area:head;
|
|
5206
5333
|
letter-spacing:var(--body-default-semibold-letter-spacing);
|
|
5207
5334
|
line-height:var(--body-default-semibold-line-height);
|
|
5208
5335
|
overflow:hidden;
|
|
5209
|
-
padding-block:var(--
|
|
5336
|
+
padding-block:var(--large-list-item-header-padding-block);
|
|
5210
5337
|
-webkit-text-decoration:var(--body-default-semibold-text-decoration);
|
|
5211
5338
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
5212
5339
|
text-transform:var(--body-default-semibold-text-case);
|
|
5213
5340
|
white-space:nowrap;
|
|
5214
5341
|
}
|
|
5215
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5342
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_subtitle--1d1aa{
|
|
5216
5343
|
align-items:center;
|
|
5217
|
-
color:var(--
|
|
5344
|
+
color:var(--large-list-item-subtitle-color);
|
|
5218
5345
|
display:flex;
|
|
5219
5346
|
font-family:var(--caption-default-font-family);
|
|
5220
5347
|
font-size:var(--caption-default-font-size);
|
|
5221
5348
|
font-weight:var(--caption-default-font-weight);
|
|
5222
|
-
gap:var(--
|
|
5349
|
+
gap:var(--large-list-item-subtitle-gap);
|
|
5223
5350
|
grid-area:subtitle;
|
|
5224
5351
|
letter-spacing:var(--caption-default-letter-spacing);
|
|
5225
5352
|
line-height:var(--caption-default-line-height);
|
|
@@ -5228,10 +5355,10 @@
|
|
|
5228
5355
|
text-transform:var(--caption-default-text-case);
|
|
5229
5356
|
white-space:nowrap;
|
|
5230
5357
|
}
|
|
5231
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5358
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_description--1d1aa{
|
|
5232
5359
|
-webkit-box-orient:vertical;
|
|
5233
5360
|
-webkit-line-clamp:3;
|
|
5234
|
-
color:var(--
|
|
5361
|
+
color:var(--large-list-item-description-color);
|
|
5235
5362
|
display:-webkit-box;
|
|
5236
5363
|
font-family:var(--body-default-font-family);
|
|
5237
5364
|
font-size:var(--body-default-font-size);
|
|
@@ -5240,81 +5367,82 @@
|
|
|
5240
5367
|
letter-spacing:var(--body-default-letter-spacing);
|
|
5241
5368
|
line-height:var(--body-default-line-height);
|
|
5242
5369
|
margin:0;
|
|
5243
|
-
margin-block-end:var(--
|
|
5244
|
-
margin-block-start:var(--
|
|
5370
|
+
margin-block-end:var(--large-list-item-description-margin-end);
|
|
5371
|
+
margin-block-start:var(--large-list-item-description-margin-start);
|
|
5245
5372
|
overflow:hidden;
|
|
5246
5373
|
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
5247
5374
|
text-decoration:var(--body-default-text-decoration);
|
|
5248
5375
|
text-transform:var(--body-default-text-case);
|
|
5249
5376
|
}
|
|
5250
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5377
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_snippet--1d1aa{
|
|
5251
5378
|
grid-area:description;
|
|
5252
5379
|
margin:0;
|
|
5253
|
-
margin-block-end:var(--
|
|
5254
|
-
margin-block-start:var(--
|
|
5380
|
+
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
5381
|
+
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
5255
5382
|
}
|
|
5256
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5383
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa .bp_base_grid_list_item_module_snippet--1d1aa .bp_base_grid_list_item_module_snippetContent--1d1aa{
|
|
5257
5384
|
-webkit-box-orient:vertical;
|
|
5258
5385
|
-webkit-line-clamp:2;
|
|
5259
|
-
border:
|
|
5260
|
-
border-left:var(--
|
|
5261
|
-
color:var(--
|
|
5386
|
+
border:var(--large-list-item-snippet-border);
|
|
5387
|
+
border-left:var(--large-list-item-snippet-border-left);
|
|
5388
|
+
color:var(--large-list-item-snippet-color);
|
|
5262
5389
|
display:-webkit-box;
|
|
5263
5390
|
font-family:var(--body-default-font-family);
|
|
5264
5391
|
font-size:var(--body-default-font-size);
|
|
5265
5392
|
font-style:italic;
|
|
5266
5393
|
font-weight:var(--body-default-font-weight);
|
|
5267
|
-
gap:
|
|
5394
|
+
gap:var(--large-list-item-snippet-gap);
|
|
5268
5395
|
letter-spacing:var(--body-default-letter-spacing);
|
|
5269
5396
|
line-height:var(--body-default-line-height);
|
|
5270
5397
|
overflow:hidden;
|
|
5271
|
-
padding:
|
|
5398
|
+
padding:var(--large-list-item-snippet-padding);
|
|
5272
5399
|
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
5273
5400
|
text-decoration:var(--body-default-text-decoration);
|
|
5274
5401
|
text-transform:var(--body-default-text-case);
|
|
5275
5402
|
}
|
|
5276
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5403
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa:hover,.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-active-item],.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-focus-visible],.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-focused],.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-hovered]{
|
|
5277
5404
|
--actions-opacity:1;
|
|
5278
|
-
|
|
5279
|
-
|
|
5405
|
+
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5406
|
+
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5407
|
+
outline:var(--large-list-item-hover-outline);
|
|
5280
5408
|
}
|
|
5281
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5282
|
-
border-radius
|
|
5409
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-active-item]::before,.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[data-focus-visible]::before{
|
|
5410
|
+
border-radius:var(--large-list-item-focus-border-radius);
|
|
5283
5411
|
content:"";
|
|
5284
5412
|
display:block;
|
|
5285
5413
|
height:100%;
|
|
5286
5414
|
left:0;
|
|
5287
|
-
outline:var(--
|
|
5288
|
-
outline-offset
|
|
5415
|
+
outline:var(--large-list-item-focus-outline);
|
|
5416
|
+
outline-offset:var(--large-list-item-focus-outline-offset);
|
|
5289
5417
|
position:absolute;
|
|
5290
5418
|
top:0;
|
|
5291
5419
|
width:100%;
|
|
5292
5420
|
}
|
|
5293
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5421
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true]{
|
|
5294
5422
|
--actions-opacity:1;
|
|
5295
|
-
--item-background:var(--
|
|
5296
|
-
outline:var(--
|
|
5423
|
+
--item-background:var(--large-list-item-selected-background);
|
|
5424
|
+
outline:var(--large-list-item-selected-outline);
|
|
5297
5425
|
z-index:2;
|
|
5298
5426
|
}
|
|
5299
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5300
|
-
background:
|
|
5427
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true] .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_fade--1d1aa{
|
|
5428
|
+
background:var(--large-list-item-selected-fade-background);
|
|
5301
5429
|
}
|
|
5302
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5430
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa{
|
|
5303
5431
|
display:none;
|
|
5304
5432
|
}
|
|
5305
5433
|
@supports selector(:has(.foo)){
|
|
5306
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5434
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--1d1aa + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5307
5435
|
border-end-end-radius:0;
|
|
5308
5436
|
border-end-start-radius:0;
|
|
5309
5437
|
}
|
|
5310
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5438
|
+
.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--1d1aa + [aria-selected=true],.bp_base_grid_list_item_module_largeList--1d1aa .bp_base_grid_list_item_module_largeListItem--1d1aa[aria-selected=true] + [aria-selected=true]{
|
|
5311
5439
|
border-start-end-radius:0;
|
|
5312
5440
|
border-start-start-radius:0;
|
|
5313
5441
|
border-top:none;
|
|
5314
5442
|
}
|
|
5315
5443
|
}
|
|
5316
5444
|
|
|
5317
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5445
|
+
.bp_base_grid_list_item_module_gridList--1d1aa[data-modern=false]{
|
|
5318
5446
|
--grid-list-minimum-item-width:188px;
|
|
5319
5447
|
--grid-list-gap:var(--space-4);
|
|
5320
5448
|
--grid-list-padding:var(--space-1);
|
|
@@ -5355,7 +5483,7 @@
|
|
|
5355
5483
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5356
5484
|
}
|
|
5357
5485
|
|
|
5358
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5486
|
+
.bp_base_grid_list_item_module_gridList--1d1aa[data-modern=true]{
|
|
5359
5487
|
--grid-list-minimum-item-width:188px;
|
|
5360
5488
|
--grid-list-gap:var(--bp-space-040);
|
|
5361
5489
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5396,7 +5524,7 @@
|
|
|
5396
5524
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5397
5525
|
}
|
|
5398
5526
|
|
|
5399
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5527
|
+
.bp_base_grid_list_item_module_gridList--1d1aa{
|
|
5400
5528
|
box-sizing:border-box;
|
|
5401
5529
|
display:grid;
|
|
5402
5530
|
gap:var(--grid-list-gap);
|
|
@@ -5406,7 +5534,7 @@
|
|
|
5406
5534
|
overflow:auto;
|
|
5407
5535
|
padding:var(--grid-list-padding);
|
|
5408
5536
|
}
|
|
5409
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5537
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa{
|
|
5410
5538
|
--actions-opacity:0;
|
|
5411
5539
|
--item-background:var(--grid-list-item-background);
|
|
5412
5540
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5424,15 +5552,15 @@
|
|
|
5424
5552
|
row-gap:var(--row-gap);
|
|
5425
5553
|
transform:translateZ(0);
|
|
5426
5554
|
}
|
|
5427
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5555
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa:focus-within{
|
|
5428
5556
|
--actions-opacity:1;
|
|
5429
5557
|
}
|
|
5430
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5558
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_statusPin--1d1aa{
|
|
5431
5559
|
left:var(--grid-list-item-status-pin-left);
|
|
5432
5560
|
position:absolute;
|
|
5433
5561
|
top:var(--grid-list-item-status-pin-top);
|
|
5434
5562
|
}
|
|
5435
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5563
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa{
|
|
5436
5564
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5437
5565
|
background:var(--grid-list-thumbnail-background);
|
|
5438
5566
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5440,25 +5568,25 @@
|
|
|
5440
5568
|
grid-area:thumbnail;
|
|
5441
5569
|
overflow:hidden;
|
|
5442
5570
|
}
|
|
5443
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5571
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa img{
|
|
5444
5572
|
height:100%;
|
|
5445
5573
|
object-fit:contain;
|
|
5446
5574
|
width:100%;
|
|
5447
5575
|
}
|
|
5448
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5576
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5449
5577
|
border:none;
|
|
5450
5578
|
}
|
|
5451
5579
|
@media (pointer: coarse){
|
|
5452
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5580
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_thumbnail--1d1aa{
|
|
5453
5581
|
margin-block-end:var(--space-1);
|
|
5454
5582
|
}
|
|
5455
5583
|
}
|
|
5456
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5584
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5457
5585
|
grid-area:subtitle;
|
|
5458
5586
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5459
5587
|
opacity:var(--actions-opacity);
|
|
5460
5588
|
}
|
|
5461
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5589
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa{
|
|
5462
5590
|
align-items:center;
|
|
5463
5591
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5464
5592
|
display:flex;
|
|
@@ -5469,10 +5597,10 @@
|
|
|
5469
5597
|
top:var(--grid-list-selection-top);
|
|
5470
5598
|
width:var(--grid-list-selection-width);
|
|
5471
5599
|
}
|
|
5472
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5600
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_selection--1d1aa:hover{
|
|
5473
5601
|
background:var(--grid-list-selection-hover-background);
|
|
5474
5602
|
}
|
|
5475
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5603
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa{
|
|
5476
5604
|
align-items:center;
|
|
5477
5605
|
background:var(--item-background);
|
|
5478
5606
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5481,12 +5609,12 @@
|
|
|
5481
5609
|
justify-content:center;
|
|
5482
5610
|
}
|
|
5483
5611
|
@media (pointer: coarse){
|
|
5484
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5612
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_actions--1d1aa{
|
|
5485
5613
|
grid-area:actions;
|
|
5486
5614
|
margin-block-start:0;
|
|
5487
5615
|
}
|
|
5488
5616
|
}
|
|
5489
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5617
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa{
|
|
5490
5618
|
-webkit-box-orient:vertical;
|
|
5491
5619
|
-webkit-line-clamp:2;
|
|
5492
5620
|
color:var(--grid-list-header-color);
|
|
@@ -5504,11 +5632,11 @@
|
|
|
5504
5632
|
text-decoration:var(--body-default-text-decoration);
|
|
5505
5633
|
text-transform:var(--body-default-text-case);
|
|
5506
5634
|
}
|
|
5507
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5635
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_header--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5508
5636
|
align-items:center;
|
|
5509
5637
|
display:flex;
|
|
5510
5638
|
}
|
|
5511
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5639
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_subtitle--1d1aa{
|
|
5512
5640
|
color:var(--grid-list-subtitle-color);
|
|
5513
5641
|
font-family:var(--caption-default-font-family);
|
|
5514
5642
|
font-size:var(--caption-default-font-size);
|
|
@@ -5525,15 +5653,15 @@
|
|
|
5525
5653
|
text-transform:var(--caption-default-text-case);
|
|
5526
5654
|
white-space:nowrap;
|
|
5527
5655
|
}
|
|
5528
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5656
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa .bp_base_grid_list_item_module_subtitle--1d1aa.bp_base_grid_list_item_module_loading--1d1aa{
|
|
5529
5657
|
height:var(--grid-list-subtitle-loading-height);
|
|
5530
5658
|
}
|
|
5531
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5659
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa.bp_base_grid_list_item_module_isItemInteracted--1d1aa,.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa:hover,.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-active-item],.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-focus-visible],.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-focused],.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-hovered]{
|
|
5532
5660
|
--actions-opacity:1;
|
|
5533
5661
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5534
5662
|
outline:var(--grid-list-item-hover-outline);
|
|
5535
5663
|
}
|
|
5536
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5664
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-active-item]::before,.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-focus-visible]::before{
|
|
5537
5665
|
border-radius:var(--grid-list-item-border-radius);
|
|
5538
5666
|
content:"";
|
|
5539
5667
|
display:block;
|
|
@@ -5545,7 +5673,7 @@
|
|
|
5545
5673
|
top:0;
|
|
5546
5674
|
width:100%;
|
|
5547
5675
|
}
|
|
5548
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5676
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-active-item]::after,.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[data-focus-visible]::after{
|
|
5549
5677
|
border-radius:var(--grid-list-item-border-radius);
|
|
5550
5678
|
content:"";
|
|
5551
5679
|
display:block;
|
|
@@ -5557,16 +5685,16 @@
|
|
|
5557
5685
|
top:0;
|
|
5558
5686
|
width:100%;
|
|
5559
5687
|
}
|
|
5560
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5688
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[aria-selected=true]{
|
|
5561
5689
|
--actions-opacity:1;
|
|
5562
5690
|
--item-background:var(--grid-list-item-selected-background);
|
|
5563
5691
|
outline:var(--grid-list-item-selected-outline);
|
|
5564
5692
|
}
|
|
5565
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5693
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--1d1aa) .bp_base_grid_list_item_module_actions--1d1aa .bp_base_grid_list_item_module_inner--1d1aa{
|
|
5566
5694
|
opacity:0;
|
|
5567
5695
|
}
|
|
5568
5696
|
@media (pointer: coarse){
|
|
5569
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5697
|
+
.bp_base_grid_list_item_module_gridList--1d1aa .bp_base_grid_list_item_module_gridListItem--1d1aa{
|
|
5570
5698
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5571
5699
|
--actions-opacity:1;
|
|
5572
5700
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5574,18 +5702,40 @@
|
|
|
5574
5702
|
}
|
|
5575
5703
|
}
|
|
5576
5704
|
|
|
5577
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5578
|
-
|
|
5579
|
-
|
|
5580
|
-
|
|
5581
|
-
|
|
5705
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-modern=false]{
|
|
5706
|
+
--tooltip-offset:var(--space-2);
|
|
5707
|
+
--tooltip-background-color-standard:var(--surface-tooltip-surface);
|
|
5708
|
+
--tooltip-padding:var(--space-2) var(--space-3);
|
|
5709
|
+
--tooltip-border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
5710
|
+
--tooltip-text-color:var(--text-text-on-dark);
|
|
5711
|
+
--tooltip-drop-shadow:none;
|
|
5712
|
+
--tooltip-backdrop-filter:none;
|
|
5713
|
+
--tooltip-radius:var(--radius-1);
|
|
5714
|
+
}
|
|
5715
|
+
|
|
5716
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-modern=true]{
|
|
5717
|
+
--tooltip-offset:var(--bp-space-020);
|
|
5718
|
+
--tooltip-background-color-standard:var(--bp-surface-tooltip-surface);
|
|
5719
|
+
--tooltip-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5720
|
+
--tooltip-border:var(--bp-border-01) solid var(--bp-border-tooltip-border);
|
|
5721
|
+
--tooltip-text-color:var(--bp-text-text-on-dark);
|
|
5722
|
+
--tooltip-drop-shadow:var(--dropshadow-3);
|
|
5723
|
+
--tooltip-backdrop-filter:blur(16px);
|
|
5724
|
+
--tooltip-radius:var(--bp-radius-04);
|
|
5725
|
+
}
|
|
5726
|
+
|
|
5727
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa{
|
|
5728
|
+
background-color:var(--tooltip-background-color-standard);
|
|
5729
|
+
border:var(--tooltip-border);
|
|
5730
|
+
border-radius:var(--tooltip-radius);
|
|
5731
|
+
color:var(--tooltip-text-color);
|
|
5582
5732
|
font-family:var(--body-default-font-family);
|
|
5583
5733
|
font-size:var(--body-default-font-size);
|
|
5584
5734
|
font-weight:var(--body-default-font-weight);
|
|
5585
5735
|
letter-spacing:var(--body-default-letter-spacing);
|
|
5586
5736
|
line-height:var(--body-default-line-height);
|
|
5587
5737
|
max-width:200px;
|
|
5588
|
-
padding:var(--
|
|
5738
|
+
padding:var(--tooltip-padding);
|
|
5589
5739
|
position:relative;
|
|
5590
5740
|
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
5591
5741
|
text-decoration:var(--body-default-text-decoration);
|
|
@@ -5593,28 +5743,28 @@
|
|
|
5593
5743
|
word-break:break-word;
|
|
5594
5744
|
z-index:2147483647;
|
|
5595
5745
|
}
|
|
5596
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5746
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa .bp_base_grid_list_item_module_tooltipArrow--1d1aa svg{
|
|
5597
5747
|
display:block;
|
|
5598
5748
|
height:.5rem;
|
|
5599
5749
|
width:1rem;
|
|
5600
5750
|
}
|
|
5601
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5602
|
-
margin-block-end:var(--
|
|
5751
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-placement=top]{
|
|
5752
|
+
margin-block-end:var(--tooltip-offset);
|
|
5603
5753
|
}
|
|
5604
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5754
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--1d1aa svg{
|
|
5605
5755
|
transform:rotate(180deg);
|
|
5606
5756
|
}
|
|
5607
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5608
|
-
margin-block-start:var(--
|
|
5757
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-placement=bottom]{
|
|
5758
|
+
margin-block-start:var(--tooltip-offset);
|
|
5609
5759
|
}
|
|
5610
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5611
|
-
margin-inline-start:var(--
|
|
5760
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-placement=right]{
|
|
5761
|
+
margin-inline-start:var(--tooltip-offset);
|
|
5612
5762
|
}
|
|
5613
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5614
|
-
margin-inline-end:var(--
|
|
5763
|
+
.bp_base_grid_list_item_module_tooltipContent--1d1aa[data-placement=left]{
|
|
5764
|
+
margin-inline-end:var(--tooltip-offset);
|
|
5615
5765
|
}
|
|
5616
5766
|
|
|
5617
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5767
|
+
.bp_base_grid_list_item_module_staticList--1d1aa .bp_base_grid_list_item_module_staticListItem--1d1aa{
|
|
5618
5768
|
display:contents;
|
|
5619
5769
|
}
|
|
5620
5770
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -5915,11 +6065,12 @@
|
|
|
5915
6065
|
height:var(--icon-toogle-button-xsmall-size);
|
|
5916
6066
|
width:var(--icon-toogle-button-xsmall-size);
|
|
5917
6067
|
}
|
|
5918
|
-
table.bp_inline_table_module_inlineTable--
|
|
6068
|
+
table.bp_inline_table_module_inlineTable--f6f94[data-modern=false]{
|
|
5919
6069
|
--table-background:var(--gray-white);
|
|
5920
6070
|
--table-border:var(--border-1) solid var(--gray-10);
|
|
5921
6071
|
--table-border-radius:var(--radius-2);
|
|
5922
6072
|
--table-th-color:var(--text-text-on-light-secondary);
|
|
6073
|
+
--table-td-color:var(--text-text-on-light);
|
|
5923
6074
|
--table-cell-height:var(--size-12);
|
|
5924
6075
|
--table-action-cell-padding-block-start:var(--space-2);
|
|
5925
6076
|
--table-action-cell-padding-block-end:var(--space-2);
|
|
@@ -5928,20 +6079,21 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=false]{
|
|
|
5928
6079
|
--table-cell-border:var(--border-1) solid var(--gray-10);
|
|
5929
6080
|
}
|
|
5930
6081
|
|
|
5931
|
-
table.bp_inline_table_module_inlineTable--
|
|
6082
|
+
table.bp_inline_table_module_inlineTable--f6f94{
|
|
5932
6083
|
background:var(--table-background);
|
|
5933
6084
|
border:var(--table-border);
|
|
5934
6085
|
border-collapse:initial;
|
|
5935
6086
|
border-radius:var(--table-border-radius);
|
|
5936
6087
|
border-spacing:0;
|
|
5937
6088
|
}
|
|
5938
|
-
table.bp_inline_table_module_inlineTable--
|
|
6089
|
+
table.bp_inline_table_module_inlineTable--f6f94.bp_inline_table_module_borderHidden--f6f94{
|
|
5939
6090
|
border:none;
|
|
5940
6091
|
}
|
|
5941
|
-
table.bp_inline_table_module_inlineTable--
|
|
6092
|
+
table.bp_inline_table_module_inlineTable--f6f94.bp_inline_table_module_fullSpan--f6f94{
|
|
5942
6093
|
width:100%;
|
|
5943
6094
|
}
|
|
5944
|
-
table.bp_inline_table_module_inlineTable--
|
|
6095
|
+
table.bp_inline_table_module_inlineTable--f6f94 td{
|
|
6096
|
+
color:var(--table-td-color);
|
|
5945
6097
|
font-family:var(--body-default-font-family);
|
|
5946
6098
|
font-size:var(--body-default-font-size);
|
|
5947
6099
|
font-weight:var(--body-default-font-weight);
|
|
@@ -5951,11 +6103,11 @@ table.bp_inline_table_module_inlineTable--14908 td{
|
|
|
5951
6103
|
text-decoration:var(--body-default-text-decoration);
|
|
5952
6104
|
text-transform:var(--body-default-text-case);
|
|
5953
6105
|
}
|
|
5954
|
-
table.bp_inline_table_module_inlineTable--
|
|
6106
|
+
table.bp_inline_table_module_inlineTable--f6f94 td.bp_inline_table_module_actionCell--f6f94{
|
|
5955
6107
|
padding-block-end:var(--table-action-cell-padding-block-end);
|
|
5956
6108
|
padding-block-start:var(--table-action-cell-padding-block-start);
|
|
5957
6109
|
}
|
|
5958
|
-
table.bp_inline_table_module_inlineTable--
|
|
6110
|
+
table.bp_inline_table_module_inlineTable--f6f94 th{
|
|
5959
6111
|
border-bottom:var(--table-cell-border);
|
|
5960
6112
|
color:var(--table-th-color);
|
|
5961
6113
|
font-family:var(--caption-default-font-family);
|
|
@@ -5968,24 +6120,25 @@ table.bp_inline_table_module_inlineTable--14908 th{
|
|
|
5968
6120
|
text-transform:var(--caption-default-text-case);
|
|
5969
6121
|
text-transform:uppercase;
|
|
5970
6122
|
}
|
|
5971
|
-
table.bp_inline_table_module_inlineTable--
|
|
6123
|
+
table.bp_inline_table_module_inlineTable--f6f94 td,table.bp_inline_table_module_inlineTable--f6f94 th{
|
|
5972
6124
|
height:var(--table-cell-height);
|
|
5973
6125
|
}
|
|
5974
|
-
table.bp_inline_table_module_inlineTable--
|
|
6126
|
+
table.bp_inline_table_module_inlineTable--f6f94 td:first-child,table.bp_inline_table_module_inlineTable--f6f94 th:first-child{
|
|
5975
6127
|
padding-inline-start:var(--table-cell-padding-inline-start);
|
|
5976
6128
|
}
|
|
5977
|
-
table.bp_inline_table_module_inlineTable--
|
|
6129
|
+
table.bp_inline_table_module_inlineTable--f6f94 td:last-child,table.bp_inline_table_module_inlineTable--f6f94 td:not(:only-child),table.bp_inline_table_module_inlineTable--f6f94 th:last-child,table.bp_inline_table_module_inlineTable--f6f94 th:not(:only-child){
|
|
5978
6130
|
padding-inline-end:var(--table-cell-padding-inline-end);
|
|
5979
6131
|
}
|
|
5980
|
-
table.bp_inline_table_module_inlineTable--
|
|
6132
|
+
table.bp_inline_table_module_inlineTable--f6f94 tr:not(:last-child) td{
|
|
5981
6133
|
border-block-end:var(--table-cell-border);
|
|
5982
6134
|
}
|
|
5983
6135
|
|
|
5984
|
-
table.bp_inline_table_module_inlineTable--
|
|
6136
|
+
table.bp_inline_table_module_inlineTable--f6f94[data-modern=true]{
|
|
5985
6137
|
--table-background:var(--bp-surface-inline-table-surface);
|
|
5986
6138
|
--table-border:var(--bp-border-01) solid var(--bp-border-inline-table-border);
|
|
5987
6139
|
--table-border-radius:var(--bp-radius-06);
|
|
5988
6140
|
--table-th-color:var(--bp-text-text-on-light-secondary);
|
|
6141
|
+
--table-td-color:var(--bp-text-text-on-light);
|
|
5989
6142
|
--table-cell-height:var(--bp-size-120);
|
|
5990
6143
|
--table-action-cell-padding-block-start:var(--bp-space-020);
|
|
5991
6144
|
--table-cell-padding-inline-default:var(--bp-space-020);
|
|
@@ -5994,13 +6147,13 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true]{
|
|
|
5994
6147
|
--table-cell-padding-inline-end:var(--bp-space-050);
|
|
5995
6148
|
--table-cell-border:var(--bp-border-01) solid var(--bp-border-divider-border);
|
|
5996
6149
|
}
|
|
5997
|
-
table.bp_inline_table_module_inlineTable--
|
|
6150
|
+
table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th{
|
|
5998
6151
|
padding-inline:var(--table-cell-padding-inline-default);
|
|
5999
6152
|
}
|
|
6000
|
-
table.bp_inline_table_module_inlineTable--
|
|
6153
|
+
table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:first-child,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th:first-child{
|
|
6001
6154
|
padding-inline-start:var(--table-cell-padding-inline-start);
|
|
6002
6155
|
}
|
|
6003
|
-
table.bp_inline_table_module_inlineTable--
|
|
6156
|
+
table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th:last-child{
|
|
6004
6157
|
padding-inline-end:var(--table-cell-padding-inline-end);
|
|
6005
6158
|
}
|
|
6006
6159
|
.bp_search_term_string_module_searchTerm--28ab8{
|
|
@@ -9324,8 +9477,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9324
9477
|
border-color:var(--text-toggle-button-border-color-on-pressed);
|
|
9325
9478
|
}
|
|
9326
9479
|
|
|
9327
|
-
.bp_time_picker_module_timePicker--
|
|
9480
|
+
.bp_time_picker_module_timePicker--78e48[data-modern=false]{
|
|
9328
9481
|
--time-picker-label-margin-bottom:var(--space-2);
|
|
9482
|
+
--time-picker-label-color:var(--text-text-on-light);
|
|
9329
9483
|
--time-picker-height:var(--size-10);
|
|
9330
9484
|
--time-picker-background:var(--surface-input-surface);
|
|
9331
9485
|
--time-picker-outline:var(--border-1) solid var(--border-input-border);
|
|
@@ -9356,10 +9510,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9356
9510
|
--time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
|
|
9357
9511
|
}
|
|
9358
9512
|
|
|
9359
|
-
.bp_time_picker_module_timePicker--
|
|
9513
|
+
.bp_time_picker_module_timePicker--78e48[data-modern=true]{
|
|
9360
9514
|
--time-picker-label-margin-bottom:var(--bp-space-020);
|
|
9515
|
+
--time-picker-label-color:var(--bp-text-text-on-light);
|
|
9361
9516
|
--time-picker-height:var(--bp-size-100);
|
|
9362
|
-
--time-picker-background:var(--bp-surface-
|
|
9517
|
+
--time-picker-background:var(--bp-surface-time-picker-surface);
|
|
9363
9518
|
--time-picker-outline:var(--bp-border-01) solid var(--bp-border-input-border);
|
|
9364
9519
|
--time-picker-outline-hover:var(--bp-border-01) solid var(--bp-border-input-border-hover);
|
|
9365
9520
|
--time-picker-border-radius:var(--bp-radius-06);
|
|
@@ -9372,7 +9527,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9372
9527
|
--time-picker-data-placeholder-color:var(--bp-text-text-on-light);
|
|
9373
9528
|
--time-picker-spin-button-margin:0 var(--bp-space-005);
|
|
9374
9529
|
--time-picker-spin-button-padding:var(--bp-space-005) var(--bp-space-010);
|
|
9375
|
-
--time-picker-input-segment-active-background:var(--bp-
|
|
9530
|
+
--time-picker-input-segment-active-background:var(--bp-surface-time-picker-surface-selected);
|
|
9376
9531
|
--time-picker-clear-button-size:var(--bp-size-040);
|
|
9377
9532
|
--time-picker-input-segment-active-text-color:var(--bp-text-text-on-dark);
|
|
9378
9533
|
--time-picker-clear-button-right-offset:var(--bp-size-110);
|
|
@@ -9388,16 +9543,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9388
9543
|
--time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
|
|
9389
9544
|
}
|
|
9390
9545
|
|
|
9391
|
-
.bp_time_picker_module_timePicker--
|
|
9546
|
+
.bp_time_picker_module_timePicker--78e48{
|
|
9392
9547
|
width:100%;
|
|
9393
9548
|
}
|
|
9394
|
-
.bp_time_picker_module_timePicker--
|
|
9549
|
+
.bp_time_picker_module_timePicker--78e48.bp_time_picker_module_disabled--78e48{
|
|
9395
9550
|
opacity:60%;
|
|
9396
9551
|
pointer-events:none;
|
|
9397
9552
|
-webkit-user-select:none;
|
|
9398
9553
|
user-select:none;
|
|
9399
9554
|
}
|
|
9400
|
-
.bp_time_picker_module_timePicker--
|
|
9555
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_label--78e48{
|
|
9556
|
+
color:var(--time-picker-label-color);
|
|
9401
9557
|
cursor:default;
|
|
9402
9558
|
display:block;
|
|
9403
9559
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -9412,7 +9568,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9412
9568
|
width:-moz-fit-content;
|
|
9413
9569
|
width:fit-content;
|
|
9414
9570
|
}
|
|
9415
|
-
.bp_time_picker_module_timePicker--
|
|
9571
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48{
|
|
9416
9572
|
align-items:center;
|
|
9417
9573
|
background-color:var(--time-picker-background);
|
|
9418
9574
|
border-radius:var(--time-picker-border-radius);
|
|
@@ -9432,19 +9588,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9432
9588
|
text-transform:var(--body-default-text-case);
|
|
9433
9589
|
width:100%;
|
|
9434
9590
|
}
|
|
9435
|
-
.bp_time_picker_module_timePicker--
|
|
9591
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48:hover{
|
|
9436
9592
|
outline:var(--time-picker-outline-hover);
|
|
9437
9593
|
}
|
|
9438
|
-
.bp_time_picker_module_timePicker--
|
|
9594
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48:focus-within{
|
|
9439
9595
|
outline:var(--time-picker-focus-outline);
|
|
9440
9596
|
}
|
|
9441
|
-
.bp_time_picker_module_timePicker--
|
|
9597
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48.bp_time_picker_module_error--78e48:not(:focus-within){
|
|
9442
9598
|
outline:var(--time-picker-error-outline);
|
|
9443
9599
|
}
|
|
9444
|
-
.bp_time_picker_module_timePicker--
|
|
9600
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48.bp_time_picker_module_error--78e48:focus-within{
|
|
9445
9601
|
outline:var(--time-picker-focus-outline);
|
|
9446
9602
|
}
|
|
9447
|
-
.bp_time_picker_module_timePicker--
|
|
9603
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInput--78e48{
|
|
9448
9604
|
align-items:center;
|
|
9449
9605
|
display:inline-flex;
|
|
9450
9606
|
height:var(--time-picker-height);
|
|
@@ -9452,7 +9608,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9452
9608
|
text-transform:uppercase;
|
|
9453
9609
|
white-space:nowrap;
|
|
9454
9610
|
}
|
|
9455
|
-
.bp_time_picker_module_timePicker--
|
|
9611
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48{
|
|
9456
9612
|
border:unset;
|
|
9457
9613
|
border-radius:unset;
|
|
9458
9614
|
border-radius:var(--time-picker-input-segment-border-radius);
|
|
@@ -9464,27 +9620,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9464
9620
|
transition:unset;
|
|
9465
9621
|
width:unset;
|
|
9466
9622
|
}
|
|
9467
|
-
.bp_time_picker_module_timePicker--
|
|
9623
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[data-placeholder]{
|
|
9468
9624
|
color:var(--time-picker-data-placeholder-color);
|
|
9469
9625
|
}
|
|
9470
|
-
.bp_time_picker_module_timePicker--
|
|
9626
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[role=spinbutton]{
|
|
9471
9627
|
border-radius:var(--time-picker-input-segment-border-radius);
|
|
9472
9628
|
margin:var(--time-picker-spin-button-margin);
|
|
9473
9629
|
padding:var(--time-picker-spin-button-padding);
|
|
9474
9630
|
}
|
|
9475
|
-
.bp_time_picker_module_timePicker--
|
|
9631
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:active,.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:focus{
|
|
9476
9632
|
background:var(--time-picker-input-segment-active-background);
|
|
9477
9633
|
caret-color:#0000;
|
|
9478
9634
|
color:var(--time-picker-input-segment-active-text-color);
|
|
9479
9635
|
outline:none;
|
|
9480
9636
|
}
|
|
9481
|
-
.bp_time_picker_module_timePicker--
|
|
9637
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:nth-child(1 of [role=spinbutton]){
|
|
9482
9638
|
margin-inline-start:0;
|
|
9483
9639
|
}
|
|
9484
|
-
.bp_time_picker_module_timePicker--
|
|
9640
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[data-type=literal] + [data-type=dayPeriod]{
|
|
9485
9641
|
margin-inline-start:calc(var(--space-1)*-1);
|
|
9486
9642
|
}
|
|
9487
|
-
.bp_time_picker_module_timePicker--
|
|
9643
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48{
|
|
9488
9644
|
align-items:center;
|
|
9489
9645
|
background-color:var(--time-picker-clear-button-background);
|
|
9490
9646
|
border:none;
|
|
@@ -9497,30 +9653,30 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9497
9653
|
position:absolute;
|
|
9498
9654
|
right:var(--time-picker-clear-button-right-offset);
|
|
9499
9655
|
}
|
|
9500
|
-
.bp_time_picker_module_timePicker--
|
|
9656
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:focus-visible,.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48[data-focus-visible]{
|
|
9501
9657
|
background-color:var(--time-picker-clear-button-active-background);
|
|
9502
9658
|
outline:var(--time-picker-clear-button-focus-outline);
|
|
9503
9659
|
}
|
|
9504
|
-
.bp_time_picker_module_timePicker--
|
|
9660
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:hover{
|
|
9505
9661
|
background:var(--time-picker-clear-button-hover-background);
|
|
9506
9662
|
}
|
|
9507
|
-
.bp_time_picker_module_timePicker--
|
|
9663
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:hover *{
|
|
9508
9664
|
fill:var(--time-picker-clear-button-hover-icon-color);
|
|
9509
9665
|
}
|
|
9510
|
-
.bp_time_picker_module_timePicker--
|
|
9666
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:active{
|
|
9511
9667
|
background:var(--time-picker-clear-button-active-background);
|
|
9512
9668
|
}
|
|
9513
|
-
.bp_time_picker_module_timePicker--
|
|
9669
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:active *{
|
|
9514
9670
|
fill:var(--time-picker-clear-button-active-icon-color);
|
|
9515
9671
|
}
|
|
9516
|
-
.bp_time_picker_module_timePicker--
|
|
9672
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:disabled{
|
|
9517
9673
|
opacity:1;
|
|
9518
9674
|
}
|
|
9519
|
-
.bp_time_picker_module_timePicker--
|
|
9675
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clockIcon--78e48{
|
|
9520
9676
|
position:absolute;
|
|
9521
9677
|
right:var(--time-picker-clock-icon-right-offset);
|
|
9522
9678
|
}
|
|
9523
|
-
.bp_time_picker_module_timePicker--
|
|
9679
|
+
.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_inlineError--78e48{
|
|
9524
9680
|
margin-block-start:var(--time-picker-inline-error-margin-top);
|
|
9525
9681
|
}
|
|
9526
9682
|
:root{
|